秒速加载，打开率暴涨，一行代码加速你的博客网站-New4Letter-游读社-积极跃迁

秒速加载，打开率暴涨，一行代码加速你的博客网站

文章目录[隐藏]

在1分钟内使你的网站的页面即时化，并明显提高你的转换率。

亚马逊和其他公司发现，消除100毫秒的延迟可以提高1%的销售额。但网络上的延迟是很难克服的。

然而，instant.page的一行代码就能克服。

欺骗延迟

instant.page使用及时预加载–它在用户点击之前就预加载了一个页面。

打开wordpress的后台，点击「外观」里边的「主题编辑器」，找到「footer.php」，把下面这行代码放在标签之前，然后点击「更新文件」

在用户点击一个链接之前，他们将鼠标悬停在该链接上。当用户悬停了65毫秒，他们就有两次机会点击该链接，所以instant.page在这个时候开始预加载，平均有300毫秒的时间来预加载页面。

另一个选择是在用户开始按动鼠标时加载页面，而不用预加载。这使得未使用的请求为零，同时仍能将页面加载平均提高80毫秒。

你也可以在悬停时或链接可见时预加载，并在用户开始按动鼠标时触发点击，使你的页面成为世界上最快的。

用户开始触摸他们的显示器，然后再释放，平均留下90毫秒的时间来预加载页面。

另一个选择是在链接可见时立即预加载。

人类的大脑认为小于100毫秒的行动是即时的。因此，instant.page使你的网页即使在3G上也有即时的感觉（假设你的网页渲染速度很快）。

只有当用户很有可能访问这些页面时才会预装，而且只预装HTML，尊重你的用户和服务器的带宽和CPU。

它使用被动事件监听器和requestIdleCallback，使你的页面保持流畅。它尊重数据保存模式。它只有1 kB，在所有其他东西之后加载。而且它是免费和开源的（MIT许可证）。

现在就可以在1分钟内使你的网站更有吸引力。

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。