页面有大量的广告代码，应该如何处理以提高页面前端性能？

Question

要重构一个项目，页面中有大量的广告，统计代码竟然也不止一条，于是造成页面加载时对用户感觉很不好。不知道有什么好的且有实践的方法能有效的优化此种情况不？

Answer 1

首先，也是最有效的方法，请说服boss不要在一个页面放太多的广告代码，这样很影响效果和用户体验。

其次，在做了上述工作以后，可以再做一些进一步的优化。根据我的经验，可以有以下几个方面

1. 对于直接嵌入第三方js脚本的，可以直接把对方脚本下载到本地服务器，这样减少了因为第三方脚本响应过慢而影响载入体验。
2. 如果有的脚本广告方要求必须使用他们的脚本地址，你可以使用延迟加载的方法。在document.ready后使用jquery的getScript或者使用LABjs来动态加载js。
3. 对于直接嵌入第三方图片和链接的广告，你可以使用现在已经很成熟的lazyload方案。