页面优化
一、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并缓存: