让你的网站页面在1分钟内即刻显示,并将转化率提高1%。
将此HTML代码段放在</body>之前:
<script src="//instant.page/3.0.0" type="module" defer integrity="sha384-OeDn4XE77tdHo8pGtE1apMPmAipjoxUQ++eeJa6EtJCfHlvijigWiJpD7VDPWXV1"></script>
但是这个脚本来自官方,它被储存在国外服务器,对国内访问可能不太友好,可以将该JS脚本储存到自己的服务器上,点此获取该JS脚本,然后再根据以下格式在</body>之前引用:
<script src="本地文件路径/instantclick-1.2.2.js" type="module"></script>
也可以直接使用以下现有的,使用 jsDeliver CDN 加速,速度还可以:
<script src="//cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@2.0.2/js/instantclick-1.2.2.js" type="module"></script>
亚马逊和其他公司发现,消除100毫秒的延迟可以使销售额提高1%。但是网络上的延迟很难克服。
作弊延迟
Instant.page使用即时预加载 – 在用户单击页面之前立即预加载页面。
在桌面设备
在用户单击链接之前,他们将鼠标悬停在该链接上。当用户悬停了65毫秒时,他们有两次单击该链接的机会,因此Instant.page会在此时开始预加载,平均需要300毫秒以上才能预加载页面。
另一种选择是在用户释放鼠标之前立即开始按下鼠标时进行预加载。这实际上使未使用的请求为0,同时平均仍将页面负载提高了80毫秒。
在移动设备
用户在释放显示器之前就开始触摸他们的显示器,平均需要90毫秒来预加载页面。
另一种选择是在链接可见后立即对其进行预加载。
你也可以单击右侧的菜单来体验它。
欺骗大脑
人脑感知动作的时间不到100毫秒。结果,instant.page使页面即使在3G上也能立即显(假设你的页面可以快速渲染)。
在你的服务器和用户的数据计划上都很容易
仅当用户很有可能会访问页面时才预加载页面,并且仅HTML被预加载,同时要考虑到用户和服务器的带宽和CPU。
它使用被动事件侦听器和requestIdleCallback,以便页面保持流畅。它尊重数据保护程序模式。它的大小为1 kB,并且会在其他所有内容之后加载。而且它是免费开放源代码(MIT许可证)。
立即使你的网站在1分钟内的参与度提高1%:
将此HTML代码段放在</body>之前:
<script src="//instant.page/3.0.0" type="module" defer integrity="sha384-OeDn4XE77tdHo8pGtE1apMPmAipjoxUQ++eeJa6EtJCfHlvijigWiJpD7VDPWXV1"></script>
WordPress插件
要在你的WordPress网站上安装Instant.page:
转到信息中心->插件->添加插件
在右上角的搜索栏中搜索”instant.page”
点击”立即安装”
然后点击”激活”
你的博客页面现在应该是即时加载的!
你也可以从WordPress插件目录下载这个插件。
添加属性
如果要向添加属性(如未预加载的页面中所述),请转到右侧的仪表板>外观>主题编辑器>主题标题(header.php)。你将可以在其中向添加属性。