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-组件查看(不同页面中组件的重用率高的情况下,外部文件也更加有优势)
网友评论