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压缩
有关Web性能优化的十种方法(面试题)
最新推荐文章于 2024-07-22 15:34:56 发布