Web Optimize 网页优化
2018-09-09 本文已影响0人
方寸拾光
1、减少HTTP请求
1-利用图片地图
2-CSS Sprites（利用background-position）
3-内联图片（通过将小数据量的图片存放在url中来减少http请求，格式data:[mediatype][;base64],<data>）
4-和平脚本和样式表（最终合并成一个大的样式表，webpack的处理方式）
2、添加Expires头
1-添加expires头（规定具体的失效时间，存在问题：服务器时间和本地时间不一致的情况）
2-添加max-age头（规定多少时间后失效）·····
3、将样式表放在顶部
4、脚本放在底部（放在顶部会阻塞后面内容的下载和呈现）
1-并行下载（如果一个web页面平均地将其组件分别放在两个主机名下，整体的响应时间将可以减少大约一半）
5、使用外部JavaScript和CSS（纯粹而言，内联快一点，但考虑到并行下载和缓存的频率）
1-页面查看（用户查看频率约高，那么外部js和css缓存将有明显的优势）
2-组件查看（不同页面中组件的重用率高的情况下，外部文件也更加有优势）
