以下是使用Chrome浏览器优化JS文件加载和执行的方法：
1. 利用浏览器缓存：在服务器端设置合适的缓存头信息，让浏览器能够缓存JS文件。当用户再次访问网页时，浏览器可直接从本地缓存中获取文件，减少重复下载时间。可通过配置服务器的HTTP响应头来实现，如设置“Cache-Control”和“Expires”等字段。
2. 异步加载JS文件：对于非关键性的JS文件，可使用异步加载方式。通过在HTML标签中添加“async”属性，使浏览器在下载JS文件的同时继续渲染页面，不阻塞页面的其他操作，提高页面加载速度。例如，将script src="example.js"改为script src="example.js" async。
3. 延迟加载JS文件：对于一些在页面初始显示时不需要立即执行的JS文件，可以采用延迟加载策略。通过监听页面的滚动事件或其他用户交互行为，在需要时再动态加载相应的JS文件。例如，当用户滚动到页面底部时，再加载与底部内容相关的JS文件。
4. 合并和压缩JS文件：将多个相关的JS文件合并为一个文件，减少HTTP请求数量。同时，对JS代码进行压缩，去除不必要的空格、注释和换行符等，减小文件大小，加快下载速度。可以使用工具如UglifyJS等进行压缩和合并操作。
5. 优化JS代码结构：避免在JS代码中使用复杂的计算和循环，尽量简化逻辑。对于重复使用的代码，可封装成函数或模块，提高代码的复用性和可维护性。合理组织代码结构，将关键的JS代码放在前面，确保页面的基本功能能够快速实现。
6. 使用CDN加速：将JS文件托管到CDN（内容分发网络）上，利用CDN的分布式节点，使用户能够从离自己最近的服务器获取文件，加快文件的传输速度。选择合适的CDN服务提供商，并正确配置域名解析和缓存策略。
7. 检查JS文件的加载顺序：确保JS文件按照正确的顺序加载，避免因依赖关系导致的加载错误或延迟。如果有多个JS文件相互依赖，应按照依赖顺序依次加载，或者使用模块化的方式管理代码，明确模块之间的依赖关系。
8. 利用浏览器开发者工具：Chrome浏览器的开发者工具提供了丰富的性能分析功能。通过“Network”面板，可以查看JS文件的加载时间、大小和请求状态等信息，找出加载缓慢的文件并进行优化。在“Performance”面板中，可以录制和分析页面的性能数据，了解JS代码的执行时间和对页面渲染的影响，从而有针对性地进行优化。