1,利用@media媒体查询,加载不同的css文件,多一个文件就要多一次HTTP请求,在某些条件下,HTTP请求多了会明显影响页面加载速度。
2,提升网页性能:
所有图片都压缩过了;
所有脚本都拼接和缩短了;
所有资源都采用了gzip压缩;
所有静态内容都缓存到了CDN;
所有多余的CSS规则都被清除了。
什么是gzip压缩:
gzip是HTML压缩算法的一种,HTTP压缩是在Web服务器和浏览器间传输压缩文本内容的方法。HTTP压缩工作原理是:
Web服务器接收到浏览器的HTTP请求后,检查浏览器是否支持HTTP压缩;
如果浏览器支持HTTP压缩,Web服务器检查请求文件的后缀名;
如果请求文件是HTML、CSS等静态文件,Web服务器到压缩缓冲目录中检查是否已经存在请求文件的最新压缩文件;
如果请求文件的压缩文件不存在,Web服务器向浏览器返回未压缩的请求文件,并在压缩缓冲目录中存放请求文件的压缩文件;
如果请求文件的最新压缩文件已经存在,则直接返回请求文件的压缩文件;
如果请求文件是ASPX等动态文件,Web服务器动态压缩内容并返回浏览器,压缩内容不存放到压缩缓存目录中。
3,网页遇到body的时候才开始渲染页面,所以为了使页面先渲染,再加载js文件,一般把js放在body后执行,用户觉得页面响应好像变快。