以下是Google Chrome浏览器优化网页中JS脚本加载的方法：
1. 延迟执行非关键脚本
- 将不影响首屏渲染的JS文件（如第三方统计代码）从head标签移至body底部，或使用`defer`属性（如script src="analytics.js" defer）。此操作可缩短页面首次可交互时间（如电商页从3秒降至1.5秒）。
2. 合并压缩脚本文件
- 使用工具（如Webpack、Gulp）将多个JS文件合并为单个文件（如`main.bundle.js`），并通过UglifyJS压缩代码（如将100KB文件压缩至30KB）。此方法可减少HTTP请求次数及文件体积（适合移动端页面优化）。
3. 异步加载第三方资源
- 对广告、社交分享等非核心功能脚本添加`async`属性（如script src="ad.js" async），允许浏览器并行下载（如加载主页时同时请求广告脚本），但需注意避免依赖顺序问题（如购物车功能需主脚本先执行）。
4. 利用缓存机制
- 在服务器配置`.htaccess`文件添加FilesMatch "\.js$"> Header set Cache-Control "public, max-age=31536000"`，或通过Chrome扩展“Cache Control”设置强缓存（如固定版号`v1.0.js`）。此操作可使重复访问用户直接使用本地缓存（如新闻站返回访客加载速度提升50%）。
5. 动态加载按需脚本
- 使用JavaScript动态创建``标签（如`const s = document.createElement('script'); s.src = 'lazyload.js'; document.head.appendChild(s);`），仅在用户触发事件时加载（如点击“查看更多”按钮后加载无限滚动脚本），减少初始资源占用（适合内容密集型页面）。
6. 启用预加载与预获取
- 在HTML头部添加link rel="preload" href="app.js" as="script"，或使用`rel="prefetch"`（如link rel="prefetch" href="analytics.js"）提前获取次要脚本（如用户登录后才需要的个人信息脚本），利用浏览器空闲时间加载（需测试实际生效情况，部分场景可能无效）。