逐步加载图像 占位图

使用统一占位符(自己准备占位图)

使用 LQIP

• 低质量图像占位符（相当于获取图片的低质量版先加载
• https://github.com/zouhir/lqip-loader

const lqip = require("lqip");
const file = "./img.png";

lqip.base64(file).then((res) => {
  console.log(res); // 图片的base64低质量版
});

这样可以先加载低质量版

使用 SQIP

• 基于 SVG 的图像占位符（生成低质量图片，但是生成的是 svg 标签，更方便放大缩小）
• https://github.com/axe312ger/sqip