添加2020-10-30 09:38:00

在网页呈现过程中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前端性能优化方法的延迟加载

免责声明：本文内容来自用户上传并发布，站点仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。请核实广告和内容真实性，谨慎使用。