前端网站优化

前端优化:
(网站访问速度优化)
1.css放最上边,js放最下边
(代码从上往下执行:
css没加载,下边继续执行
js没加载,下边不执行)

2.减少http请求
 (网页检查中:Network每一行,都是一个http求情,都是一个异步操作
   合并js,css文件:comment.css公共,.css单个文件的样式。
   图片精灵(雪碧图):小图全都定到一张大图上,只加载一个大图)
   
3.压缩js,css代码
  (用gzip压缩,压缩后压缩率达到%80以上,可以有效的减少数据传输数据量,
   但是服务器压缩,浏览器解压,会增加浏览器和服务器的压力,
   使用时要均衡考虑)
   
4.使用浏览器缓存
   (缓存内容:更新频率较低,访问次数较多的。
    cache-control:缓存控制
	expires:(设置缓存(过期)时间)
 
5.减少cookie使用
	(cookie要传输数据,浏览器压力大)

//可以用ab.exe测压力(Apache/bin/ab.exe,是自带压力测试工具,是apache server中的一个小组件)
//用户所有的请求都会到网络运营商:
cdn:内容分发网络,一种缓存,架设在网络运营商的机房里
优点:(在大家请求之间,就分发给大家)
缺点:缓存和实际内容不一致,引起的脏读
(淘宝双11缓存价格,活动结束缓存过期,但是看到的还没改价格,商家就亏损)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值