133333

public/post/1279/index.html

@@ -87,20 +87,14 @@
 <pre><code>用户在释放之前开始触摸显示屏，平均留出90 毫秒的时间来预加载页面。
 </code></pre>
 <p>
-<figure>
-  <img data-original="/pics/2024/03/4028544490.png" alt="" class="lazy">
-  
-</figure></p>
+<img data-lazy-src="/pics/2024/03/4028544490.png" alt="" class="lazyload"></p>
 <p>汉译过来大概意思就是，当鼠标即将悬停到a标签的之前，对该链接进行预加载，提高访问速度</p>
 <p>因为之前有同学反馈我的博客点击文章加载有些慢，于是乎说干就干，项目很简单，如需上手，直接在body标签之前加入一行js代码即可</p>
 <p>代码如下</p>
 <pre><code>&lt;script src=&quot;//instant.page/5.2.0&quot; type=&quot;module&quot; integrity=&quot;sha384-jnZyxPjiipYXnSU0ygqeac2q7CVYMbh84q0uHVRRxEtvFPiQYbXWUorga2aqZJ0z&quot;&gt;&lt;/script&gt;
 </code></pre>
 <p>
-<figure>
-  <img data-original="/pics/2024/03/1392231476.png" alt="" class="lazy">
-  
-</figure></p>
+<img data-lazy-src="/pics/2024/03/1392231476.png" alt="" class="lazyload"></p>
 <p>如上截图所示，当鼠标即将点击到文章链接，instant.page会对文章链接执行预加载，从而提高页面渲染速度</p>
 <p>各位来访的朋友，有没有觉得速度比之前更快呢</p>