用户浏览网站的典型流程:查看页面,点击链接,浏览器加载新页面。当然,这假设没有单页应用(SPA)之类的特殊情况,SPA 仍然遵循这个流程,但浏览器不会加载新页面——客户端为了更快的过渡而模拟了这个过程。
如果可以在用户点击链接之前加载新页面,那么当他们点击时,下一个页面的加载速度就会快得多,那该怎么办呢?有两个值得关注的项目试图解决这个问题:
- quicklink:检测可见链接,等待浏览器空闲,如果不在慢速连接上,则预取这些链接。
- instant.page:如果将鼠标悬停在链接上 65 毫秒,它就会预加载该链接。新的 2.0 版本允许您配置时间延迟,或者在预加载之前是否等待点击或按下。
将这些与诸如绘制保持之类的技术改进相结合,仅仅为了速度优势而构建 SPA 架构可能变得不必要(尽管出于其他原因,例如代码分割、将路由的责任放在前端开发人员身上等,它可能仍然是可取的)。
以上是在需要之前预加载页面的详细内容。更多信息请关注PHP中文网其他相关文章!

React生态系统为我们提供了许多库,所有库都集中在拖放的相互作用上。我们有反应,反应,可爱dnd,

我可以说我经常使用背景折叠。 IT Wager IT几乎从未在日常CSS工作中使用。但是在斯特凡·朱迪斯(Stefan Judis)的帖子中,我想起了它,

使用RequestAnimationFrame进行动画化应该很容易,但是如果您还没有彻底阅读React的文档,那么您可能会遇到一些事情

听着,我不是GraphQL专家,但我确实喜欢与之合作。作为前端开发人员,它向我曝光数据的方式非常酷。它就像一个菜单


热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

AI Hentai Generator
免费生成ai无尽的。

热门文章

热工具

WebStorm Mac版
好用的JavaScript开发工具

Dreamweaver CS6
视觉化网页开发工具

Atom编辑器mac版下载
最流行的的开源编辑器

DVWA
Damn Vulnerable Web App (DVWA) 是一个PHP/MySQL的Web应用程序,非常容易受到攻击。它的主要目标是成为安全专业人员在合法环境中测试自己的技能和工具的辅助工具,帮助Web开发人员更好地理解保护Web应用程序的过程,并帮助教师/学生在课堂环境中教授/学习Web应用程序安全。DVWA的目标是通过简单直接的界面练习一些最常见的Web漏洞,难度各不相同。请注意,该软件中

安全考试浏览器
Safe Exam Browser是一个安全的浏览器环境,用于安全地进行在线考试。该软件将任何计算机变成一个安全的工作站。它控制对任何实用工具的访问,并防止学生使用未经授权的资源。