Question

我与十几个广告网络合作，这就是他们都希望您在网站上嵌入广告的方式。

<html>
 <body>
  <div id="ad">
   <script type="text/javascript" src="ad.js" />
  </div>
  <div>
   The rest of my site
  </div>
 </body>
</html>

我的一些个人代码在DOMContentLoaded事件上等待，有些代码在window.onLoad事件上等待。如果这些事件因广告而延迟，则我的网站对用户来说会显得很慢。

在解析HTML时，DOM构造是否会在点击<script>标记时停止？在继续构建DOM之前，浏览器是否会在加载ad.js时等待？如果是这样，DOMContentLoaded将被延迟。

广告在脚本代码的位置插入图片。如果图像需要很长时间才能加载，window.onLoad会被延迟吗？ window.onLoad是否仅被我的HTML格式中的静态图像延迟了，还是由脚本标记插入的动态图像延迟了？

Answer 1

是的，它会被延迟，因为javascript执行是阻止操作。您可以尝试将广告放在HTML的底部，然后通过CSS中的绝对定位移动它们，或者甚至使用您自己的JS移动它们。

Answer 2

首先，为什么不在加载dom后加载广告？您可以正常加载页面，然后绑定一个注入广告的函数。

另外，请查看defer标记上的<script>属性。设置它会使广告在页面执行中与加载的其他脚本和资源相比具有较低的优先级。即使它不是跨浏览器解决方案，也不容忽视。

http://www.websiteoptimization.com/speed/tweak/defer/

Answer 3

在</body>之前放置脚本不会减慢页面加载速度。您的页面仍会正常加载。所有<script>放置在</body>之前，并且在您的HTML将最后加载之后。这是雅虎推荐的方式。阅读雅虎博客，了解加速网站http://developer.yahoo.com/performance/rules.html

嵌入广告会减慢我的网站速度吗？

3 个答案: