前端性能优化

在开发好页面后,如何让页面更好更快的运行

从前端的角度来看,性能可以分为两个方向

从用户角度来看,一个是页面加载的很快,另一个是页面使用起来非常流畅

输入了url

浏览器开始解析>查询本地缓存>dns解析>建立连接>服务器处理>服务器响应>客户端收到响应>解析html>然后开始渲染页面>用户可以进行交互>加载完成

1.尽量减少http的请求

合并图片,合并css,js

2.使用CDN

3.为文件头指定Expires或Cache-Control,使内容 具有缓存性

为了避免以后再次发送http请求

4.避免空的src,和href

5.gzip进行压缩

6.css放在头部

对于内容偏多和网速过慢的用户非常重要

7.减少dns的查询次数

8.使用AJax的时候,如果对安全性要求不高的时候,url小于2k时,使用get,post分两步走,先发送文件头,在发送数据。

9.预加载,懒加载

10.避免重定向,因为会发出两次请求

11.采用事件委托,冒泡原理


猜你喜欢

转载自blog.csdn.net/qq_40639990/article/details/80204451