页面优化处理

页面优化
一、PC端优化策略
主要包括网络加载类、CSS优化类、页面渲染类、缓存类、图片类、架构协议类等几类;
1、页面渲染类
(1)尽量预先设定图片等大小:
(2)把CSS资源引用放到HTML文件顶部:
(3)尽量避免在选择器末尾添加通配符:
(4)不要在HTML中直接缩放图片:
(5)减少DOM元素数量和深度:
(6)CSS动画使用translate、scale代替top、height:
(7)减少使用关系型样式表的写法:
(8)尽量减少使用JS动画:
(9)避免使用CSS表达式或CSS滤镜:
(10)避免运行耗时的JavaScript:
2、网络加载类
(1)为HTML指定Cache-Control或Expires:
(2)减少HTTP资源请求次数:
(3)减少HTTP请求大小:
(4)将CSS或JavaScript放到外部文件中,避免使用style或script标签直接引入:
(5)避免使用CSS import引用加载CSS:
(6)使用CDN Combo下载传输内容:
(7)合理设置Etag和Last-Modified:
(8)减少页面重定向:
(9)推荐使用异步JavaScript资源:
(10)使用静态资源CDN来存储文件:
(11)使用静态资源分域存放来增加下载并行数:
(12)使用可缓存的AJAX:
(13)使用GET来完成AJAX请求:
(14)减少Cookie的大小并进行Cookie隔离:
(15)避免页面中空的href和src:
(16)消除阻塞渲染的CSS及JavaScript:
(17)缩小favicon.ico并缓存:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值