Google 关键渲染路径的理念是尽快加载用户需要的内容,可以理解为→“尽快将所有内容呈现在用户面前”。
图片来源
但是,如果您有不必要 RCS 数据库 的资源或 JavaScript 文件阻碍了页面的加载能力,那么您就会得到“阻止渲染的 JavaScript”。这意味着:您的 JavaScript 阻止了页面加载速度更快的潜力(也称为:感知延迟)。
阻止渲染的 JavaScript – 解决方案
如果您分析页面速度结果(通过Page Speed Insights Tool、WebPageTest.org、CatchPoint 等工具)并确定存在阻止渲染的 JavaScript 问题,则有以下三种可能的解决方案:
内联:在 HTML 文档中添加 JavaScript。
Async:使 JavaScript 异步(即在 HTML 标签中添加“async”属性)。
推迟:通过将 JavaScript 放置在 HTML 中较低的位置。
!!! 重要提示:重要的是要了解脚本必须按优先顺序排列。用于加载首屏内容的脚本必须优先处理,不应推迟。此外,任何引用其他文件的脚本只能在引用的文件加载后使用。请务必与开发团队密切合作,以确保不会中断用户体验。
阅读更多:Google 开发者的速度文档
TL;DR——故事的寓意
爬虫程序和搜索引擎会尽最大努力抓取、执行和解释您的 JavaScript,但不能保证。确保您的内容可抓取、可获取,并且不会造成网站延迟障碍。关键 = 每种情况都需要测试。根据结果评估潜在解决方案。