葉 (@xiaye)把 Astro 博客的图片组件重写后,性能突破95+分 中发帖

Firefly/流萤,一款清新美观的高性能静态博客模板
[image]
响应式图像
之前网站图片多起来,就会极大影响性能,因为之前没有对博客的图片进行响应式,不管容器多小,都是直接加载原图,因为一些云因为限速,如果图片很大,图片加载会变得很慢,也会影响网站加载速度,之前很早就想重写这个组件了,顺带把随机封面图组件也重写了,之前写得太烂了。
在Astro@5.10.0后,正式支持响应式图像了,这次重写这个组件就是为了增加这个特性,同时也把博客支持了avif格式,在构建时,Astro自动把src目录下的图片进行优化,转换成avif或webp格式,也可以两种都输出,兼容还不支持avif的浏览器,但会增加构建时间。
强烈建议把public下的网站壁纸,头像一些图片迁移到src目录,因为构建时Astro只对src目录下的图像进行优化。而如果文章一定要把图片放在本地而不是图床的话,也强烈建议把...