Skip to content

Latest commit

 

History

History
executable file
·
31 lines (18 loc) · 2.09 KB

2020-11-07-preload.html.page.before.click.md

File metadata and controls

executable file
·
31 lines (18 loc) · 2.09 KB
layout title tags
post
1分钟提升网站使用体验,这么香的方法不想知道吗?
前端

大家好,我是你们的章鱼猫。

今天要推荐的开源项目是 instant.page,在介绍项目之前,我们先说说项目的介绍语,如下:

Make your site’s pages instant in 1 minute and improve your conversion rate by 1%.

什么意思呢?意思是你只需要花费一分钟,就能提高你的网站 1% 的用户转化率。以上说法是基于以下的一个调研结果。

image-20201107170027638

如果你能提高你的网站访问速度 100ms,结果会提升整体销量的 1%,但是往往网站访问速度提升是很难的。

而今天的工具 instant.page 能够非常容易的帮助你提升网站的访问速度 100ms,使用的方法是在用户鼠标悬停在点击链接前自动的预加载(preload)对应的链接。听上去是不是有点玄乎?

其实 instant.page 利用的是每个人在移动鼠标到链接上,同时触发点击的过程中,一般会有 200300ms 不等的响应延迟。而对于计算机来说,200300ms 其实是很长的,我们可以通过提前去捕抓到用户的这种行为,从而提前去触发预加载,达到加速网站访问速度的目标。通过网站 https://instant.page/ 你可以测试一下你上述动作的响应时间,小编测试大概是 300ms 左右。

image-20201107170445014

而这样的方法,对于你的网站来说并不需要做很多工作。就像 instant.page 项目说的那样,你几乎只需要花费一分钟就可以办到。将如下 HTML 代码复制到你的网页中即可。

image-20201107170913667

更多项目详情请查看如下链接:https://instant.page/

开源项目地址:https://github.com/instantpage/instant.page