2023-12-27
记录
有 1 条评论
最近又萌生了写一套主题的想法,在 20 号的晚上正式“创建文件夹” 🤣
到了今天,算是基本完成了,外观上主要是单栏布局,追求简单,然后加上一些淡入淡出的动效装饰。其他的功能目前也只实现了图片的 Lazyload,并没有扩展太多。
不得不说 TailwindCSS 在使用上是比 Bootstrap 灵活很多,而且 CSS 文件也能做到尽量地小。
最后就是准备把文件发布到仓库,方便自己管理版本,同时也算是做个备份。
Hello
yeni
回复
发现 Vanilla Lazyload 会把所有的图片都延迟加载,包括首屏图片。这样子会使得网页的 LCP 时间增加,所以不是一个好方法。后来发现 WordPress 其实默认支持给图片添加 loading="lazy" 属性,这下倒不如不用 Vanilla Lazyload 了,而且我实现它的方法还会让 the_content() 输出的内容在经过一次处理,感觉不划算。所以现在已经把这一个 JS 删除了。
评论 *
显示名称 *
邮箱 *
网站
在此浏览器中保存我的显示名称、邮箱地址和网站地址,以便下次评论时使用。
Δ
yeni
2023-12-31 14:11发现 Vanilla Lazyload 会把所有的图片都延迟加载,包括首屏图片。这样子会使得网页的 LCP 时间增加,所以不是一个好方法。后来发现 WordPress 其实默认支持给图片添加 loading="lazy" 属性,这下倒不如不用 Vanilla Lazyload 了,而且我实现它的方法还会让 the_content() 输出的内容在经过一次处理,感觉不划算。所以现在已经把这一个 JS 删除了。