前端性能优化

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

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

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

输入了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.采用事件委托,冒泡原理


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值