优化网站性能有 哪些方法?

2020-05-25  本文已影响0人  古城凌三少

A)减少http请求数量

B)资源合并和压缩

C)将外部脚本置底

D)懒加载

E)将css放到head中

F)避免重复的资源请求

G)代码优化

把CSS放头部,script放 下方的原因

CSS放头部.

在加载html生成DOM tree的时候,就可以同时对DOM tree进行渲染。

这样可以防止闪跳,白屏或者布局混乱。

javascript放在后面

javascript可能会改变DOM tree的结构,所以要- -个稳定的DOM tree。

javascript加载后会立即执行,同时会阻塞后面的资源加载。(iavascript加 载和执行的特点)

一.尽量减少HTTP请求次数

1.合并js

2.合并css

3.图片sprie

二延迟加载内容

1.图片懒加载

2.数据懒加载(点击查看更多)

3.功能懒加载(曝光或者点击后加载html模块,js功能模块)

三.使用离线缓存

把常用的变动又少的js \ css \图片存储到localstorage,第二次访问的时候直接走本地缓存。在移动端使用广泛

四.css,js放置正确位置

1.把css放在head中,保证页面看到的时候样式是对的

2.把js放到body里最后的位置,防止加载js阻塞页面

五静态资源使用多个域名

对于图片\css\is可以并发加载

上一篇 下一篇

猜你喜欢

热点阅读