8.11

public/post/1279/index.html

@@ -88,21 +88,18 @@
 https://github.com/instantpage/instant.page</a></p>
 <p>项目的介绍这样写到</p>
 <h2 id="pc端">PC端</h2>
-<pre><code>在用户单击链接之前，他们会将鼠标悬停在该链接上。当用户悬停 65 毫秒时，他们有二分之一的机会点击该链接，因此 instant.page此时开始预加载，平均为页面预加载留下超过 300 毫秒的时间。
-另一种选择是在用户开始按下鼠标时加载页面而不进行预加载。这使得未使用的请求为零，同时仍然将页面加载平均提高了 80 毫秒。
-您还可以在悬停时或链接可见时进行预加载，并在用户开始按下鼠标时触发点击，从而使您的页面成为世界上最快的页面。
-</code></pre>
-<h2 id="移动端">移动端</h2>
-<pre><code>用户在释放之前开始触摸显示屏，平均留出90 毫秒的时间来预加载页面。
-</code></pre>
-<p>
+<div class="highlight"><pre tabindex="0" style="background-color:#f8f8f8;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-markdown" data-lang="markdown"><span style="display:flex;"><span>在用户单击链接之前，他们会将鼠标悬停在该链接上。当用户悬停 65 毫秒时，他们有二分之一的机会点击该链接，因此 instant.page此时开始预加载，平均为页面预加载留下超过 300 毫秒的时间。
+</span></span><span style="display:flex;"><span>另一种选择是在用户开始按下鼠标时加载页面而不进行预加载。这使得未使用的请求为零，同时仍然将页面加载平均提高了 80 毫秒。
+</span></span><span style="display:flex;"><span>您还可以在悬停时或链接可见时进行预加载，并在用户开始按下鼠标时触发点击，从而使您的页面成为世界上最快的页面。
+</span></span></code></pre></div><h2 id="移动端">移动端</h2>
+<div class="highlight"><pre tabindex="0" style="background-color:#f8f8f8;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-markdown" data-lang="markdown"><span style="display:flex;"><span>用户在释放之前开始触摸显示屏，平均留出90 毫秒的时间来预加载页面。
+</span></span></code></pre></div><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>
+<div class="highlight"><pre tabindex="0" style="background-color:#f8f8f8;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-js" data-lang="js"><span style="display:flex;"><span><span style="color:#ce5c00;font-weight:bold">&lt;</span><span style="color:#000">script</span> <span style="color:#000">src</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">&#34;//instant.page/5.2.0&#34;</span> <span style="color:#000">type</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">&#34;module&#34;</span> <span style="color:#000">integrity</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">&#34;sha384-jnZyxPjiipYXnSU0ygqeac2q7CVYMbh84q0uHVRRxEtvFPiQYbXWUorga2aqZJ0z&#34;</span><span style="color:#ce5c00;font-weight:bold">&gt;&lt;</span><span style="color:#a40000">/script&gt;</span>
+</span></span></code></pre></div><p>
 <img data-lazy-src="/pics/2024/03/1392231476.png" alt="" class="lazyload"></p>
 <p>如上截图所示，当鼠标即将点击到文章链接，instant.page会对文章链接执行预加载，从而提高页面渲染速度</p>
 <p>各位来访的朋友，有没有觉得速度比之前更快呢</p>