以下是Chrome浏览器提高页面JavaScript执行效率的方法：
一、优化代码结构与加载顺序
1. 合理组织代码：将JavaScript代码进行模块化处理，按照功能划分不同的模块，这样可以使代码更易于维护和理解，同时也有助于浏览器的解析和执行。例如，把用户界面相关的代码放在一个模块，数据处理的代码放在另一个模块等。
2. 延迟加载非关键代码：对于一些不是页面初始渲染所必需的JavaScript代码，可以采用延迟加载的方式。比如，在页面完全加载或者用户触发某个操作时再加载相关的脚本。这样可以减少页面初始加载时JavaScript的执行量，提高页面的加载速度。可以通过动态创建``标签或者使用`setTimeout`、`document.addEventListener`等方法来实现延迟加载。
3. 优化脚本加载顺序：确保关键的JavaScript文件先于其他依赖它的脚本加载。如果有多个脚本之间存在依赖关系，应该按照正确的顺序排列它们，避免因为脚本加载顺序不当而导致的等待或错误。一般来说，先加载基础库文件，然后再加载基于这些库开发的业务逻辑脚本。
二、减少DOM操作
1. 批量处理DOM变更：频繁的DOM操作会导致浏览器频繁地重排（Reflow）和重绘（Repaint），从而影响性能。尽量将多次对DOM的操作合并成一次批量操作。例如，在需要更新多个元素的内容或属性时，可以先将所有需要更新的数据准备好，然后一次性地应用到DOM上，而不是逐个元素地进行更新。
2. 缓存DOM查询结果：如果需要在JavaScript中多次访问同一个DOM元素，应该将其缓存起来，而不是每次都通过`document.getElementById`、`document.querySelector`等方法进行查询。因为DOM查询是一个相对耗时的操作，缓存结果可以避免不必要的重复查询，提高代码的执行效率。
3. 避免强制同步布局：有些JavaScript操作会强制浏览器进行同步布局，比如访问元素的`offsetWidth`、`offsetHeight`等属性，或者调用`window.scrollTo`等方法。这些操作会导致浏览器立即停止当前的任务，去计算布局并执行相关操作，从而阻塞JavaScript的执行。如果可能的话，尽量减少这类操作的使用，或者将这些操作安排在合适的时机，比如在`requestAnimationFrame`的回调函数中。
三、利用浏览器特性与工具
1. 开启JIT编译优化：Chrome浏览器支持即时编译（Just-In-Time Compilation, JIT）技术，它可以将JavaScript代码编译成本地机器码，从而提高执行速度。确保浏览器的设置中没有禁用JIT编译优化功能，以便让浏览器能够自动对JavaScript代码进行优化编译。
2. 使用Web Workers：对于一些计算密集型的任务，如数据加密、图像处理等，可以使用Web Workers来将这些任务放到后台线程中执行，避免阻塞主线程的JavaScript执行和页面渲染。通过创建一个新的Worker对象，并将相关的JavaScript代码放入其中运行，可以实现多线程并行处理，提高整体的运行效率。
3. 分析和优化代码：使用Chrome浏览器自带的开发者工具（DevTools）中的“Performance”面板来分析和优化JavaScript代码的执行效率。该面板可以记录页面在加载和运行过程中的各种性能指标，包括JavaScript的执行时间、函数调用栈等信息。通过分析这些数据，可以找到代码中的性能瓶颈所在，并进行针对性的优化。