|
阅读：8249回复：0
前端人员开发中，常见的性能优化
1.减少HTTP请求
时间问题：在客户端和服务器进行通信的，会消耗大量的时间，尤其是在网络环境很不理想的情况下。这种情况最为严 重。 一个正常的网页请求，是通过我们在浏览器中键入我们需要浏览的地址，然后通过这个地址与服务器建立连接，然后浏览器发送请求信息，服务器接受请求后，给对应的客户端返回所需要的信息（css，js，img等）。 而当我们请求网页文件有很多的图片、css，js，更大的甚至是音频或者是视频。这将会频繁与服务器建立连接，释放连接。造成资源的浪费。且每个HTTP请求会对服务器和浏览器产生性能负担。 比如：在相同条件下，下载一个100k的图片的速度，要比下载两个50k的图片要快，而且减少对服务器的请求。 解决办法：合并图片、合并css、js ；图片较多时也可以使用懒加载（lazyLoad）进行优化。 2.减少DOM操作 原因：因为我们都知道，在web开发中DOM的操作往往是浏览器性能最为耗损的一个操作。大量的dom操作，不仅仅增大了cpu的运算，甚至严重的会造成浏览器崩溃，或者卡死的状态。 解决办法：合理使用JavaScript中的变量存储内容，需要大量循环dom操作时一次性写入，避免重复循环写入。减少对DOM元素的修改和查询，查询时尽量将其赋值给局部变量，如ES6新增属性：lei、const等。 注：IE中hover会降低响应速度。 |
|
最新喜欢： sunshi...
|
公众号
