TLDR版本

非常简单的问题,什么是延迟加载或延迟低优先级JavaScript的最佳方法？考虑到这可能是任何事情,从Google Analytics,Optimizely,Test and Target,到Custom Code.全部加载了Adobe DTM.

版本更长

我们分析了我们的流量,发现加载时间慢,导致销售减少,这并不奇怪.不幸的是,很多JavaScript都是由一个单独的部门臃肿而且只是加载时间超过10秒才变得更糟.

我的邪恶方面想要在Adobe DTM脚本上放置一个页面加载事件和setTimeout来延迟代码,直到很久以后.但这会导致供应商代码中的页面加载事件无法正常执行.

我今天到目前为止的最佳解决方案是在页面上添加页面加载事件,通过附加< script>来加载Adobe DTM.元素到< body>标签.从本质上讲,我们需要首先加载应用程序的代码,营销代码应该在后台加载而不会影响网站.

谁能提供更好的解决方案？

最佳答案 检查您的页面组织 – 确保在正文末尾加载低优先级脚本,而不是在头部.

将defer属性添加到低优先级脚本的脚本标记中.

确保为JavaScript文件启用了压缩(Web服务器配置).

通过为不经常更改的文件设置远期到期日期来利用浏览器缓存,在JavaScript文件中附加版本或时间戳以确保正确处理更新.

如果可能,请缩小JavaScript.

如果可能,通过将JavaScript文件组合到单个文件中来减少它们的数量.

努力确保只请求每个页面所需的JavaScript.