在网页呈现过程中，DOM树将根据HTML元素生成，然后绑定到特定的CSS样式。这意味着页面上的DOM元素越多，渲染时间将消耗越多。因此，应该尽可能减少DOM元素的数量。
然而，很难确定页面有多少DOM元素。下面的代码允许您查看页面中所有元素的数量
看看下面的谷歌主页，页面看起来很简单，但里面有300多个元素
浏览器在加载内容时遵循以下原则：将根据域名划分下载内容。相同域名下的内容可以并行下载，但并行下载连接的数量将受到限制。
应该注意的是，在同一个网页下请求的域名不应该太多，因为这将导致DNS查询问题。
1常见的方法是在页面上加载广告。如果使用框架，则可以在不阻塞主页的情况下与页面并行加载
2浏览器将沙盒iframe以确保内容安全
以下方法可用于解决阻止主页上的onload事件的问题
如前一点所述，页面对相同域名下的资源连接数量有限制，而iframe和主页共享相同的下载连接池。这样，iframe将竞争主页的连接请求，导致主页的加载速度较慢。
虽然使用iframe也是有益的，但是我们应该尽***努力减少iframe的使用。我们可以用div代替
在网络中，每个HTTP请求的性能消耗都很昂贵。如果发送HTTP请求，返回为404，则会浪费大量资源。
避免404主要是针对网站开发者。网站开发人员在上线前应该进行测试，以避免所有可能出现的404情况。
今天我们总结了优化web性能的几种措施。你明白吗？
下面是对前一篇文章的总结，感兴趣的可以看一下
经典访谈问题web前端性能优化方法（1）
web前端性能优化方法的延迟加载