#稍后阅读# 早上学习了一个提升图片加载体验的视频教程，
这是文章链接，内附视频：
https://blog.webdevsimplified.com/2023-05/lazy-load-images/
总结一下，作者用到的几个小技巧，
1. 图片加上 loading="lazy" 属性懒加载。
2. 在img标签加一个父层div，使用一个极小的图片作为这个div的背景图，可以用ffmpeg生成，图片完全载入后切换到正常图片，呈现一种图片逐渐从模糊到清晰的效果。
3. 在上面的加载过程中使用脉冲的css动画，给用户一种图片正在加载的心理暗示。