Web前端性能优化

1.减少http请求

http协议是无状态的应用层协议,无状态是指协议对于事务处理没有记忆能力。缺少状态意味着如果后续处理需要前面的信息,则它必须重传,这意味着每次http请求都会建立链路、进行数据传输,

服务端每次也会启动独立线程去处理。

减少http手段主要有合并css、合并javascript、合并图片,将浏览器依次访问需要的所有javascript、css合并成一个文件,这样就只需要一次请求。

2.使用浏览器缓存

通过设置http头中Cache-Control和Expires的属性,可设定浏览器缓存。

3.启用压缩

4.css放页面最上面、javascript放页面最下面

浏览器在下载完所有的css后才会对整个页面进行渲染,所以css放前面,而浏览器在加载javascript后立即会执行,有可能阻塞整个页面,除非页面解析的时候就需要用到javascript。

5.减少cookie传输

cookie包含在每一次请求和响应中,cookie太大会影响性能,而静态资源cookie是没有意义的,可采用独立域名访问静态资源。

原文地址:https://www.cnblogs.com/akaneblog/p/6714489.html