1. 调整脚本加载位置
- 在HTML代码中将``标签移至body底部→确保页面内容先加载→避免阻塞渲染（如电商首页优化时）。
- 使用`async`属性→非关键JS异步加载→提升首屏速度（需保持操作频率适中）。
2. 使用`defer`关键字
- 在``标签添加`defer`属性→脚本延迟到DOM解析完成后执行→防止覆盖页面样式（如广告追踪代码加载时）。
- 通过开发者工具→查看“Network”面板→对比启用/禁用`defer`的加载耗时（需重启浏览器生效）。
3. 提取关键JS并内联
- 在Chrome右上角点击锁定图标→选择“开发者工具”→切换至“Audits”面板→生成报告→识别关键渲染路径中的JS（如核心功能初始化代码）。
- 将关键代码直接写入HTML→减少网络请求→配合link rel="preload" href="script.js"预加载（需保存配置并重启浏览器）。
4. 懒加载非必要脚本
- 在Chrome右上角点击锁定图标→选择“开发者工具”→切换至“Console”面板→动态插入非首屏脚本（如评论框、分享按钮）。
- 使用`IntersectionObserver`API→监听用户滚动行为→触发脚本加载（需保持操作频率适中）。
5. 压缩与合并脚本文件
- 通过命令行运行`terser`工具→压缩JS代码→减小文件体积（如`terser input.js -o output.min.js`）。
- 在Chrome右上角点击锁定图标→选择“开发者工具”→切换至“Sources”面板→合并重复依赖的脚本→减少HTTP请求数（需重启浏览器生效）。