vlambda博客
学习文章列表

【web】提高web性能,优化细则

  1. 使用浏览器缓存
    在HTTP headers设置有效日期可使浏览器优先从本地硬盘而不是从网络下载资源。

  2. 启用GZIP压缩Html文件
    启用gzip或deflate压缩资源可以减少网络传输的字节数

  3. 启用GZIP压缩CSS文件
    启用gzip或deflate压缩资源可以减少网络传输的字节数

  4. 启用GZIP压缩JavaScript文件
    启用gzip或deflate压缩资源可以减少网络传输的字节数

  5. 将图片合并为CSS贴图
    使用CSS sprites合并图片可减少下载资源,从而减少网页总体积。

  6. 优化CSS代码
    通过压缩技术优化CSS代码可以减少体积,从而减少网络传输的字节数

  7. 优化JavaScript代码
    通过压缩技术优化JavaScript代码可以减少体积,从而减少网络传输的字节数

  8. 优化图片
    使用适当的格式化图片可以减少图片的字节数

  9. 指定“Vary: Accept-Encoding”标头
    告诉代理服务器缓存两种版本的资源:压缩和非压缩,这有助于避免一些公共代理不能正确地检测Content-Encoding标头的问题。

  10. 指定字符集
    指定字符集可以让浏览器立即执行脚本,加快浏览器的显示速度。

  11. 合并CSS
    减少CSS请求数可以减少资源连接,从而节省资源下载时间。

  12. 合并JavaScript
    减少javascript请求数可以减少资源连接,从而节省资源下载时间。

  13. 避免在 CSS 中使用 @import
    在css文件里内嵌css会在网页加载时产生额外的延迟。

  14. 去除错误的请求
    错误的请求会增加额外的请求时间,应尽量避免。

  15. 指定图片大小
    指定图片大小可以消除不必要的重绘,从而提高传送速度。