Web性能优化

很大的话题,我的习惯是,很简单的说一下。

压缩源码和图片
js混淆压缩(必须代码规范),css普通压缩
jpg质量压缩到50%或70%,PNG用开源压缩软件
选择合适的图片格式
颜色数多,用jpg.相反,用png。
通过服务器端判断支持webp,就用webp和svg.(webp很强大)
合并静态资源
包括css、js、litter picture ,减少http请求。
开启服务端Gzip压缩
博客,文本多的用起来。
使用CDN
谷歌jqurey...
延长静态资源缓存时间
框架的设置
把css放在页面头部,把javascript放在页面底部
不会阻塞页面渲染

你可能感兴趣的:(Web性能优化)