提高页面加载速度优化

提高页面加载速度,优化方法:

1、使用免费 cdn 加载第三方资源
2、合并压缩js,css,减少请求次数以及减少流量的消耗
3、代码优化:
HTML头部的JavaScript和写在HTML标签中的Style会阻塞页面的渲染,因此CSS放在页面头部并使用Link方式引入,JavaScript的引入放在页面尾

其次:

按需加载,把统计、分享等 js 在页面 onload 后再进行加载,可以提高访问速度;

优化 cookie ,减少 cookie 体积;

避免 的 src 为空;

尽量避免设置图片大小,多次重设图片大小会引发图片的多次重绘,影响性能;

合理使用display属性:

(1).字体图标

(2).雪碧图

(3).图片地图

a.display:inline后不应该再使用width、height、margin、padding以及float
b.display:inline-block后不应该再使用float
c.display:block后不应该再使用vertical-align
d.display:table-*后不应该再使用margin或者float
不滥用Float 和 web 字体;

尽量使用CSS3动画;

使用 ajax 异步加载部分请求;

4、懒加载
对于一些图片,显示首屏的,后面scroll到的时候再加载

5、预加载
预加载是在浏览器空闲时请求将来可能会用到的页面内容(如图像、样式表和脚本)。使用这种方法,当用户要访问下一个页面时,页面中的内容大部分已经加载到缓存中了,因此可以大大改善访问速度。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值