如果某个第三方脚本降低了网页加载速度,您可以通过以下两种方式提高性能:
- 如果它无法为您的网站带来明确价值,请将其移除。
- 优化加载流程。
本文介绍了如何使用以下技术优化第三方脚本的加载过程:
- 对
标记使用
async
或defer
属性 - 与必需的源建立早期连接
- 延迟加载
- 优化第三方脚本的提取方式
使用 async
或 defer
由于同步脚本会延迟 DOM 构建和渲染,因此除非脚本必须在网页渲染之前运行,否则您应始终异步加载第三方脚本。
async
和 defer
属性会告知浏览器,它可以在后台加载脚本时继续解析 HTML,然后在脚本加载后执行该脚本。这样,脚本下载不会阻塞 DOM 构建或页面呈现,让用户可以在所有脚本都加载完毕之前看到页面。