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

2019-02-23 13:18:20 +08:00
 dimlau
https://instant.page 提供了一段 js,用于在鼠标指向链接时,预加载链接页面。

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

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

https://kaix.in/
2302 次点击
所在节点    分享发现
8 条回复
loading
2019-02-23 13:21:59 +08:00
是不是就是 mouseover 时,ajax 先请求页面,只要在点击前加载完,真正点击是就是本地缓存,秒开。

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

我也加到我的博客里了,反正就 125 行代码,直接放网页上了。也不会有啥坏处。F12 检查网络请求可以看到鼠标一放上去就开始加载了。这样在点击前就开始加载了,感觉上确实快一点。
loading
2019-02-23 15:15:12 +08:00
我说的是底层原理,不是那个库如何用←_←
starship
2019-02-23 22:38:10 +08:00
dimlau
2019-02-24 15:04:23 +08:00
@starship #7 同作者。

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

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

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

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

© 2021 V2EX