网页预加载有什么用?Prefetch网页预加载instant.page技术

网页加载速度,会影响到你的电商网站,在搜索引擎的SEO排名。

网页预加载是什么?

有一种称为prefetch的技术,这项技术实际上是一种预加载技术。

Prefetch 网页预加载有什么用?

instant.page使用即时预加载——它在用户点击之前预先加载页面 ▼

Prefetch 预加载让网页加载更快

网页加载慢怎么解决 ?

页面仅在用户很有可能访问它们时,预先加载,并且它仅预加载该页面的HTML,尊重用户和服务器的带宽和CPU。

Prefetch网页预加载instant.page效果怎样?

在测试添加instant.page代码之后,对提升网站访问速度仍然相对较大。

使用instant.page将显着提升你的网站的PV和请求量:

注意事项:

如何使用网页预加载技术?

实际上,html5的链接标记中有一个rel属性,其中一个是prefetch,但使用者的数量很小。

本文介绍的instant.page,就是一个使用此技术的脚本。

网页预加载JS脚本代码

1)官方提供带有Cloudflare加速的JS脚本 ▼

instant.page的使用非常简单,只需将以下代码,添加到你网站的</body>标签之前即可。

<script src="//instant.page/5.1.0" type="module" integrity="sha384-by67kQnR+pyfy8yWP4kPO12fHKRLHZPfEsiSXR8u2IKcTdxD805MGUXBz虚ni砖用wang络kLHw"></script>

2)自托管由陈沩亮提供 ▼

请将以下代码,添加到你网站的</body>标签之前即可:

<script src="https://img.chenweiliang.com/javascript/instantpage.js" type="module"></script>

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注