网页加载可以更快吗?试试这款浏览器插件 FasterChrome

2022-06-14 08:53:42 +08:00
 lemonTreeTop

在评价网络的质量的时候,人们通常以速度来衡量,也就是网络中的带宽。除了带宽,延迟也是评价网络质量的重要因素,为了降低延迟,网站使用 CDN 分发,空间上距离用户更近,访问延迟大大降低。随着提速降费的政策实施,带宽不再是稀缺资源,技术优化可以充分利用带宽来提升网页访问速度。通过预加载方式缓存到本地,这样在打开网页时几乎没有延迟。

FasterChrome 是一款 Chrome 浏览器的插件,它利用鼠标悬停预加载链接来提高 Chrome 访问网站的速度。原理是当你想要点击某个网页链接的时候,你肯定不会鼠标移动上去就点击,鼠标移动到连接上到点击下去(还包括你犹豫要不要点开的)这段时间可不短,根据研究平均有 300 毫秒以上,FasterChrome 利用的就是这段时间,只要用户在某个链接上悬停超过 65 毫秒,插件就会在后台偷偷预先加载这个网页。用户点击这个链接时实际上网页已经加载了一部分。本质上是空间换时间,在你犹豫的时间预先访问网页将其缓存到本地,占用了本地空间,但是提升了网页加载速度,这个插件只预加载了 HTML ,对于异步加载的资源并没有预加载。

在用 FasterChrome 插件下使用 F12 对网站进行网络的访问分析,当我点开网页时,查看网络请求显示 from disk cache ,说明网页已经缓存到本地了。

鼠标悬浮到链接就可能点击,那么一些链接指向删除或注销会不会有问题呢?插件详情说明了这些情况是不会预加载。经测试,涉及表单提交也不会预加载。

FasterChrome 插件英文介绍
Browse the web faster. FasterWeb uses just-in-time preloading; it preloads a page right before you click on it.

FasterWeb 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 FasterWeb 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. (FasterWeb won’t preload pages with a “?” in their URL.)

FasterWeb — previously called 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

2569 次点击
所在节点    分享发现
9 条回复
Moha
2022-06-14 09:34:19 +08:00
edge 有用吗
licoycn
2022-06-14 09:39:15 +08:00
http://instantclick.io/ 的功能如出一辙
Tiande
2022-06-14 09:51:26 +08:00
一直在用,但不知道是不是真的有用...
lB2cGz9OQ1agw7XK
2022-06-14 10:22:52 +08:00
玄学吗?
lemonTreeTop
2022-06-14 10:27:56 +08:00
@Moha
decken
2022-06-14 10:40:04 +08:00
试用了下 好像效果挺有限的 应该是只预加载了 HTML 的原因 现在大部分网站的 HTML 是流量的小头了吧
lemonTreeTop
2022-06-14 10:51:50 +08:00
@decken 是的,只缓存了 html ,感知不强
meetcw
2022-06-14 16:43:29 +08:00
想起 WAP 时代的预加载功能。现在如果只能预加载 HTML 的话,感觉挺鸡肋的。
fluffyfoxxo
2022-06-14 19:22:29 +08:00
感知好像不太明显,和同事盲测了下,并不能区分出是否打开了这个插件

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/859437

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX