对于可以控制的现场脚本,考虑仅在需
Posted: Tue Mar 18, 2025 10:08 am
行(详细信息见下文)
使用其中几种工具可能意味着无法获得 100% 的分数,但这并不意味着它除了对用户体验和有机排名的影响微不足道之外不会产生任何其他影响。上述提示应该有所帮助,并且还要关注 CrUX 数据,它提供了用户体验性能的更有意义的指标。
3. 有条件地加载脚本要时有条件地输出脚本请求。
常见的可按需加载的脚本包括:
嵌入内容,例如 YouTube 或 Wistia 视频或 HubSpot 表单嵌入内容。如果嵌入内容显示在折叠下方或屏幕外模式中,则脚本或父 iframe 可以延迟加载,相关脚本仅在视频滚动或出现在视口中时加载
实时聊天脚本通常很重,理想情况下,这些 法国号码 脚本不会全局执行,而是放在某种专用的联系/支持页面上。如果这不可行,请考虑在用户与页面交互后触发实时聊天小部件,而不是在加载时触发,例如滚动操作。
ReCaptcha 脚本和其他与表单相关的 JS 应该只在具有表单的页面上输出。
尽可能组件化并执行脚本。例如,如果您有一个动画信息图,则不仅在包含该组件的页面上加载和执行 JS,而且当该组件位于视口中时也只加载和执行 JS。
4. 不要使用客户端 JavaScript 来生成内容
React 或 Next.js 等强大的 JavaScript 平台以及利用这些 JS 框架的现代 CMS 平台的激增,带来了开发人员使用这些工具的增多,这意味着网站内容和底层 HTML 生成是通过浏览器中的客户端渲染 CSR 完成的,而不是通过服务器。
如果禁用 JavaScript 后您的网站内容不可见,那么您就有问题了。从性能角度来看,依赖 CSR 意味着浏览器需要下载、解析和执行相关脚本,这几乎总是会对 FCP、LCP 和 TBT 指标产生更大的影响,而不是由服务器直接将结果标记发送到浏览器。
使用其中几种工具可能意味着无法获得 100% 的分数,但这并不意味着它除了对用户体验和有机排名的影响微不足道之外不会产生任何其他影响。上述提示应该有所帮助,并且还要关注 CrUX 数据,它提供了用户体验性能的更有意义的指标。
3. 有条件地加载脚本要时有条件地输出脚本请求。
常见的可按需加载的脚本包括:
嵌入内容,例如 YouTube 或 Wistia 视频或 HubSpot 表单嵌入内容。如果嵌入内容显示在折叠下方或屏幕外模式中,则脚本或父 iframe 可以延迟加载,相关脚本仅在视频滚动或出现在视口中时加载
实时聊天脚本通常很重,理想情况下,这些 法国号码 脚本不会全局执行,而是放在某种专用的联系/支持页面上。如果这不可行,请考虑在用户与页面交互后触发实时聊天小部件,而不是在加载时触发,例如滚动操作。
ReCaptcha 脚本和其他与表单相关的 JS 应该只在具有表单的页面上输出。
尽可能组件化并执行脚本。例如,如果您有一个动画信息图,则不仅在包含该组件的页面上加载和执行 JS,而且当该组件位于视口中时也只加载和执行 JS。
4. 不要使用客户端 JavaScript 来生成内容
React 或 Next.js 等强大的 JavaScript 平台以及利用这些 JS 框架的现代 CMS 平台的激增,带来了开发人员使用这些工具的增多,这意味着网站内容和底层 HTML 生成是通过浏览器中的客户端渲染 CSR 完成的,而不是通过服务器。
如果禁用 JavaScript 后您的网站内容不可见,那么您就有问题了。从性能角度来看,依赖 CSR 意味着浏览器需要下载、解析和执行相关脚本,这几乎总是会对 FCP、LCP 和 TBT 指标产生更大的影响,而不是由服务器直接将结果标记发送到浏览器。