dimlau

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

  •  
  •   dimlau · Feb 23, 2019 · 2661 views
    This topic created in 2635 days ago, the information mentioned may be changed or developed.
    https://instant.page 提供了一段 js,用于在鼠标指向链接时,预加载链接页面。

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

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

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

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

    我也加到我的博客里了,反正就 125 行代码,直接放网页上了。也不会有啥坏处。F12 检查网络请求可以看到鼠标一放上去就开始加载了。这样在点击前就开始加载了,感觉上确实快一点。
    loading
        6
    loading  
       Feb 23, 2019 via Android
    我说的是底层原理,不是那个库如何用←_←
    starship
        7
    starship  
       Feb 23, 2019
    dimlau
        8
    dimlau  
    OP
       Feb 24, 2019
    @starship #7 同作者。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   993 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 46ms · UTC 21:50 · PVG 05:50 · LAX 14:50 · JFK 17:50
    ♥ Do have faith in what you're doing.