文章摘要
文章介绍了如何通过添加6行HTML代码来加速任何网站的加载速度，同时提到了DocuSeal提供的多种解决方案，如文档签名API、嵌入功能、企业解决方案等，以及相关资源如合规性、博客、API参考和开发者指南。
文章总结
如何用6行HTML代码让任何网站加载更快
在Chrome浏览器的Speculation Rules API的帮助下，仅需6行HTML代码即可显著提升网站的加载速度。通过将以下代码插入网站的<head>部分，用户点击链接时，页面几乎可以瞬间加载：
```html
```
工作原理：
prefetch：浏览器仅下载链接页面的HTML文档，不渲染页面或获取子资源。这种方式资源消耗较少，但通过缓存HTML文档仍能节省加载时间。prerender：浏览器不仅下载页面，还在后台完全渲染页面，包括获取CSS、JavaScript和图片等子资源，并执行JavaScript代码。当用户点击链接时，页面几乎可以瞬间显示。eagerness: "moderate"：浏览器在用户将鼠标悬停在链接上200毫秒后开始执行预加载或预渲染操作，以避免误触发。
典型场景：
- 用户正在浏览网站页面。
- 用户将鼠标悬停在某个链接上（如“服务”）。
- 浏览器在短暂延迟后（约200毫秒）触发预渲染或预加载操作。
- 用户点击链接时，页面已在后台加载完成，实现近乎即时的导航。
局限性：
目前，Speculation Rules API仅支持Chrome 121及以上版本。对于Firefox和Safari用户，可以通过以下脚本实现类似效果：
```html
```
为了确保该脚本在Firefox和Safari上正常工作，页面需包含Cache-Control头，并设置max-age值，以便预加载的页面在悬停时被缓存，并在点击链接时重用。
通过这种方式，即使在不支持Speculation Rules API的浏览器上，也能实现接近即时的页面加载体验。
评论总结
评论主要围绕“Chrome Speculation Rules API”及其对网页预加载的影响展开，观点多样且涉及技术、用户体验和资源消耗等多个方面。
支持观点： 1. 提升用户体验：部分评论认为该技术能够显著减少页面加载时间，提升用户体验。例如，评论13提到：“Try navigating this site to get an idea of how it feels: https://instant.page/”，展示了预加载的实际效果。 2. 技术优势：评论17指出，浏览器原生预加载可以避免脚本冲突：“I’m assuming this doesn’t happen with a browser-native preloader because execution contexts are fully isolated”。
反对观点： 1. 资源浪费：多个评论担心该技术会增加不必要的资源消耗，尤其是在移动设备上。评论6提到：“Don’t feature like this waste bandwidth and battery on mobile devices?”，评论7也强调：“Or just put in some effort to make things actually more efficient and don’t waste resources on the user’s machine”。 2. 兼容性与复杂性：评论9指出，该技术目前仅支持Blink引擎，且对动态页面（如购物车）的处理存在局限性：“Another limitation is that if the page is at all dynamic, such as a shopping cart, speculation rules will have the same struggles as caching does”。
中立观点： 1. 技术细节与优化：评论3提到了一种更精细的预加载方法，使用数据属性来指定特定链接的预加载行为：“Harry gives a more nuanced and specific method using data attributes to target specific anchors in the document”。 2. 用户体验与隐私：评论24担忧该技术可能被滥用于用户跟踪：“Seems like a great way to track users too. Will hovering over ads count as a click through?”。
其他相关讨论：
1. 替代方案：评论25提到了一些现有的预加载工具：“Been using this for years”，展示了其他技术选项。
2. 简化实现：评论26建议采用更简单的HTML标签来实现预加载：“Why not offering something as simple as <a href="…" rel="prefetch">”。
总结：评论中对“Chrome Speculation Rules API”的看法褒贬不一，支持者认为其能提升用户体验，反对者则担忧资源浪费和兼容性问题，部分评论提出了替代方案和优化建议。