有关Web性能优化的十种方法(面试题)

1. 压缩源码和图片(js采用混淆压缩,css进行普通压缩,jpg图片根据具体质量压缩为50%到70%,png用来源软件压缩24色变成8色,去掉一些png格式信息等) 
2. 选择合适的图片格式(颜色数多用jpg,颜色少用png,如果能通过服务器端判断浏览器支持WebP就用WebP或SVG格式) 
3. 合并静态资源(减少HTTP请求) 
4. 把多个css合并为一个css,把图片组合成雪碧图
5. 开启服务端的Gzip压缩(对文本资源非常有效,对图片也没那么大压缩率) 
6. 合并静态资源(减少HTTP请求) 
7. 使用CDN(对公开库,能和其他网站共享缓存)
8. 延长静态资源缓存时间  
9. 把css放页面头部,js放底部(这样不会阻塞页面渲染,让页面出现长时间的空白) 
10. 对于较大的文本资源,必须开启gzip压缩

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