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

instant.page 一段 js 实现页面预加载

  •  
  •   dimlau · 2019-02-23 13:18:20 +08:00 · 2291 次点击
    这是一个创建于 2109 天前的主题,其中的信息可能已经有所发展或是发生改变。
    https://instant.page 提供了一段 js,用于在鼠标指向链接时,预加载链接页面。

    不过浏览器的兼容性并不好……

    非专业人士,效果未确切评估,可能是心理暗示的原因,在自己的个人博客里加上之后感觉的确有效。

    https://kaix.in/
    8 条回复    2019-02-24 15:04:23 +08:00
    loading
        1
    loading  
       2019-02-23 13:21:59 +08:00 via Android
    是不是就是 mouseover 时,ajax 先请求页面,只要在点击前加载完,真正点击是就是本地缓存,秒开。

    还有更先进的吗?不太了解,求科普。
    Raincal
        2
    Raincal  
       2019-02-23 13:37:43 +08:00 via Android   ❤️ 1
    Tink
        3
    Tink  
       2019-02-23 14:23:51 +08:00 via iPhone
    昨天也看到了,感觉对于 cdn 站提升不是很明显
    Tink
        4
    Tink  
       2019-02-23 14:24:29 +08:00 via iPhone
    而且对于移动端不起作用
    rayhy
        5
    rayhy  
       2019-02-23 15:05:54 +08:00
    @loading 否,不是用 ajax,而是用<link rel="prefetch" href="url">。参考 https://instant.page/tech
    所以这个浏览器支持不太好,目前就 chrome 支持,其它都是部分支持或者将会支持。

    我也加到我的博客里了,反正就 125 行代码,直接放网页上了。也不会有啥坏处。F12 检查网络请求可以看到鼠标一放上去就开始加载了。这样在点击前就开始加载了,感觉上确实快一点。
    loading
        6
    loading  
       2019-02-23 15:15:12 +08:00 via Android
    我说的是底层原理,不是那个库如何用←_←
    starship
        7
    starship  
       2019-02-23 22:38:10 +08:00
    dimlau
        8
    dimlau  
    OP
       2019-02-24 15:04:23 +08:00
    @starship #7 同作者。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1101 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 18:58 · PVG 02:58 · LAX 10:58 · JFK 13:58
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.