在评价网络的质量的时候,人们通常以速度来衡量,也就是网络中的带宽。除了带宽,延迟也是评价网络质量的重要因素,为了降低延迟,网站使用CDN分发,空间上距离用户更近,访问延迟大大降低。随着提速降费的政策实施,带宽不再是稀缺资源,技术优化可以充分利用带宽来提升网页访问速度。通过预加载方式缓存到本地,这样在打开网页时几乎没有延迟。
FasterChrome是一款Chrome浏览器的插件,它利用鼠标悬停预加载链接来提高Chrome访问网站的速度。原理是当你想要点击某个网页链接的时候,你肯定不会鼠标移动上去就点击,鼠标移动到连接上到点击下去(还包括你犹豫要不要点开的)这段时间可不短,根据研究平均有300毫秒以上,FasterChrome利用的就是这段时间,只要用户在某个链接上悬停超过 65 毫秒,插件就会在后台偷偷预先加载这个网页。用户点击这个链接时实际上网页已经加载了一部分。本质上是空间换时间,在你犹豫的时间预先访问网页将其缓存到本地,占用了本地空间,但是提升了网页加载速度,这个插件只预加载了HTML,对于异步加载的资源并没有预加载。
在用FasterChrome插件下使用F12对网站进行网络的访问分析,当我点开网页时,查看网络请求显示from disk cache,说明网页已经缓存到本地了。
鼠标悬浮到链接就可能点击,那么一些链接指向删除或注销会不会有问题呢?插件详情说明了这些情况是不会预加载。经测试,涉及表单提交也不会预加载。
FasterChrome插件英文介绍
Navigate the web faster.
FasterChrome uses just-in-time preloading; it preloads a page right before you click on it.
FasterChrome works best on pages that are on the same sites. Pages to external sites are still faster but generally not enough to be noticeable.
How it works: Before you click on a link, you hover your mouse over it. When you have hovered for 65 milliseconds there is one chance out of two that you will click, so FasterChrome starts preloading at this moment, leaving on average over 300 ms for the page to preload.
Pages that trigger an action (such as logging out or deleting something) are excluded. (FasterChrome won’t preload pages with a query string (a “?”) in their URL.)
FasterChrome is based on instant.page, a library that you can add to your site in just one minute to give it the same speed boost.
空间换时间应用还有Google搜索的AMP框架,在你使用Google搜索的时候,使用AMP技术的网页其实已经加载好了,只是没有展示给你看,在你点击搜索结果的时候无需再次网络请求,直达网站内容。Google的AMP框架介绍https://www.bilibili.com/video/av68161520
FasterChrome插件下载地址
Chrome应用商店地址
https://chrome.google.com/webstore/detail/fasterchrome/nmgpnfccjfjhdenioncabecepjcmdnjg
关注订阅号回复fasterchrome获取插件CRX文件的下载地址