【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. 指定图片大小
    指定图片大小可以消除不必要的重绘,从而提高传送速度。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

空无灵

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值