V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
lemonTreeTop
V2EX  ›  分享发现

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

  •  
  •   lemonTreeTop · 2022-06-14 08:53:42 +08:00 · 2576 次点击
    这是一个创建于 898 天前的主题,其中的信息可能已经有所发展或是发生改变。

    在评价网络的质量的时候,人们通常以速度来衡量,也就是网络中的带宽。除了带宽,延迟也是评价网络质量的重要因素,为了降低延迟,网站使用 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

    9 条回复    2022-06-14 19:22:29 +08:00
    Moha
        1
    Moha  
       2022-06-14 09:34:19 +08:00
    edge 有用吗
    licoycn
        2
    licoycn  
       2022-06-14 09:39:15 +08:00
    http://instantclick.io/ 的功能如出一辙
    Tiande
        3
    Tiande  
       2022-06-14 09:51:26 +08:00
    一直在用,但不知道是不是真的有用...
    lB2cGz9OQ1agw7XK
        4
    lB2cGz9OQ1agw7XK  
       2022-06-14 10:22:52 +08:00
    玄学吗?
    lemonTreeTop
        5
    lemonTreeTop  
    OP
       2022-06-14 10:27:56 +08:00 via Android
    @Moha
    decken
        6
    decken  
       2022-06-14 10:40:04 +08:00
    试用了下 好像效果挺有限的 应该是只预加载了 HTML 的原因 现在大部分网站的 HTML 是流量的小头了吧
    lemonTreeTop
        7
    lemonTreeTop  
    OP
       2022-06-14 10:51:50 +08:00 via Android
    @decken 是的,只缓存了 html ,感知不强
    meetcw
        8
    meetcw  
       2022-06-14 16:43:29 +08:00
    想起 WAP 时代的预加载功能。现在如果只能预加载 HTML 的话,感觉挺鸡肋的。
    fluffyfoxxo
        9
    fluffyfoxxo  
       2022-06-14 19:22:29 +08:00
    感知好像不太明显,和同事盲测了下,并不能区分出是否打开了这个插件
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1028 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 30ms · UTC 20:35 · PVG 04:35 · LAX 12:35 · JFK 15:35
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.