javascript - 嵌入广告会减慢我的网站速度吗?

标签 javascript html dom ads

我与十几个广告网络合作过,他们都希望您通过这种方式在网站上嵌入广告。

<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> 时停止?标签?浏览器会在加载 ad.js 时等待,然后再继续构建 DOM 吗?如果是这样,DOMContentLoaded 将被延迟。

广告会在脚本标记的位置插入图片。如果图片加载时间较长,window.onLoad会延迟吗? window.onLoad 是否仅因 HTML 中已根深蒂固的静态图像而延迟,还是也因脚本标记插入的动态图像而延迟?

最佳答案

首先,为什么不在 dom 加载之后加载广告呢?您可以让页面正常加载,然后只需绑定(bind)一个注入(inject)广告的函数。

此外,请查看 defer <script> 上的属性标签。相对于正在加载的其他脚本和资源,设置它将使广告在页面执行中具有较低的优先级。尽管它不是跨浏览器解决方案,但也不容忽视。

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

关于javascript - 嵌入广告会减慢我的网站速度吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5438884/

相关文章:

javascript - 使用三元操作遍历 JSON

javascript - 如何防止在 Ionic Framework 中显示选项按钮?

css - HTML - 复选框显示为黑色且 initial-scale=1.0

php - 使用 DOMXPath 在 <p> 标签内保留换行符?

javascript - 未捕获的类型错误(加载 jQuery 脚本)

javascript - Vue.js 2- sweet alert package simplert 不工作

javascript - 如何在客户网站上开设第三方 localStorage 商店?

java - Pretty print ("indentation-only") Java 中的 HTML 文档(无 JTidy)

jquery - 在 JQuery Append 之后关闭样式

Javascript inside.HTML 不能与函数一起使用 - 创建可移动的 div