以下是通过Chrome浏览器提升页面JS脚本执行效率的方法：
一、优化脚本加载方式
1. 将脚本放在页面底部：默认情况下，浏览器从上到下解析HTML文档。若脚本放在页面头部，浏览器遇脚本会停止解析HTML，先执行脚本，导致页面渲染延迟。把``标签移到body标签末尾，可在HTML内容加载完成后再加载和执行脚本，减少对页面渲染的影响。例如，把头部或前面的脚本标签移到页面底部。
2. 使用异步加载（async）：对于非必要立即执行的脚本，可用`async`属性异步加载。标记`async`后，浏览器后台下载脚本，不阻塞页面解析和渲染，下载完立即执行，但无法保证执行顺序，若脚本间有依赖关系可能出问题。比如script src="example.js" async。
3. 使用延迟加载（defer）：`defer`属性也可减少脚本阻塞。与`async`不同，`defer`脚本在浏览器解析完HTML文档后执行，且按页面中的顺序依次执行，能确保脚本依赖关系正确处理，避免阻塞页面渲染。例如script src="example.js" defer。
二、合并和压缩脚本文件
1. 合并脚本文件：若网页用多个脚本文件，可合并成一个。这样能减少HTTP请求数，加快脚本加载速度。合并时要注意解决脚本冲突和依赖关系，确保正常工作。可用Webpack、Gulp等工具自动化合并。
2. 压缩脚本文件：压缩脚本文件可减小文件大小，提高加载速度。压缩会去掉空格、注释、换行等不必要字符，使代码紧凑。UglifyJS、Terser等工具可用于压缩脚本文件。开发环境用未压缩方便调试，生产环境用压缩提高性能。
三、利用浏览器缓存
1. 设置缓存头信息：通过设置服务器端缓存头信息，能让浏览器缓存脚本文件，避免每次访问页面都重新下载。常见缓存头信息有`Cache-Control`、`Expires`等。合理设置可指定脚本文件在浏览器中的缓存时间，提高页面加载速度。例如，设置`Cache-Control: max-age=3600`表示浏览器可缓存该脚本文件1小时。
2. 使用版本号或哈希值：为避免浏览器缓存过期脚本文件，可在脚本文件名或URL中加版本号或哈希值。脚本变化时更新版本号或哈希值，浏览器会重新下载新脚本而非用缓存旧文件。例如，将`example.js`改为`example.v1.js`或`example.abc123.js`，其中`v1`或`abc123`是版本号或哈希值。
四、懒加载非关键脚本
1. 确定非关键脚本：分析网页功能，找出非立即必要、可延迟加载的脚本，如用户交互动画效果脚本、第三方广告脚本等，可在页面主要内容加载完后再加载。
2. 实现懒加载：可用JavaScript代码动态创建``标签，在合适时机插入页面实现懒加载。例如，页面加载完成后监听`DOMContentLoaded`事件，或用户点击按钮时，再加载非关键脚本，减轻页面初始加载负担，减少脚本阻塞。