javascript - 页面有大量的广告代码,应该如何处理以提高页面前端性能?
怪我咯
怪我咯 2017-04-10 12:41:09
[JavaScript讨论组]

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

怪我咯
怪我咯

走同样的路,发现不同的人生

全部回复(2)
大家讲道理

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

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

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

用iframe管理广告。这是目前看来比较合理的。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号