使用 rel="preload" 加速你的网站
原文英文，约900词，阅读约需4分钟。
📝
内容提要
使用HTML的link rel="preload"属性可以提高网站性能，减少加载时间。预加载关键资源，如字体、样式表或脚本，可以加快页面渲染速度，改善用户体验。预加载不适用于非关键资源或不可预测的资源。只预加载关键资源，可以减少加载时间，提升网站性能。
❓
Q&A
什么是 rel="preload" 属性？
rel="preload" 属性允许浏览器在页面渲染之前开始下载某些关键资源，从而加快页面加载速度。
使用 rel="preload" 有哪些好处？
使用 rel="preload" 可以减少渲染阻塞，提高首次内容绘制速度，改善用户体验。
如何正确使用 rel="preload"？
应仅预加载关键资源，使用 crossorigin 属性，并确保资源可缓存，以避免对浏览器造成负担。
预加载哪些类型的资源是合适的？
适合预加载的资源包括字体、样式表、脚本和大图像，这些都是对页面渲染至关重要的资源。
使用 rel="preload" 时应该避免哪些错误？
应避免预加载非关键资源和不可预测资源，以免影响浏览器性能。
如何在网页中实现 rel="preload"？
可以在 HTML 中使用 <link rel="preload" href="资源地址" as="资源类型"> 标签来实现预加载。
🏷️
