对于低端设备来说尤其如此,因为这些设备需要额外的资源来处理带宽和 CPU。从 SEO 的角度来看,这种情况也更糟糕,因为各种搜索引擎爬虫在抓取 JS 生成的标记时会遇到困难或延迟。
如果您使用的是 JS 框用服务器端渲染 SSR 或静态站点生成 SSG 将生成的 HTML 直接传送到浏览器。
5. 谨慎使用首屏 JS
即使您没有广泛使用 JavaScript,也要确保不会以 法国号码 会延迟折叠元素出现的方式使用 JS。
例如,英雄单位的淡入淡出动画效果可能看起来很有视觉吸引力,但这类动画可以为您的 FCP、LCP 或速度指数指标增加宝贵的时间,这些指标合计占 Lighthouse 总得分的 45%。
轮播也是常见的陷阱,它几乎总是由 JS 驱动,如果处理不当,可能会影响性能。如果您必须使用轮播(从用户角度来看,我们通常不建议使用),那么您应该确保第一张幻灯片可以在禁用 JavaScript 的情况下呈现,并使用 CSS 为第一张幻灯片设置样式,以避免在轮播 JavaScript 呈现完整滑块时发生任何布局偏移。
6. 尽可能推迟脚本,必要时异步
对 JS 文件的标准请求,即使它们是 HTML 中的最后请求,仍然会中断页面的渲染,因为 HTML 解析将完全暂停,直到脚本完全下载。
任何对于首屏显示来说不是关键的脚本都应该使用defer 属性进行延迟,这样 JS 文件就可以被下载,但是在 HTML 完全下载并解析之后才执行。
架或依赖 JS 来呈现内容的 CMS,请确保使
-
- Posts: 61
- Joined: Tue Jan 07, 2025 4:36 am