提高css加载速度

1.css加载不会阻塞DOM树的解析
2.css加载会阻塞DOM树的渲染
3.css加载会阻塞后面js语句的执行

避免用户长时间看到白屏,尽可能提高css加载速度

1.使用CDN(因为CDN会更具网络状况,挑选最近的一个具有缓存内容的节点提供资源,因此可以减少加载时间)
2.对css进行压缩(可以用很多打包工具,比如webpack,gulp,也可以通过开启gzip压缩)
3.合理的使用缓存(设置cache-control,以及E-tag都是不错的,不过要注意一个问题,就是文件更新后,要避免缓存而代开的影响。其中一个解决防范是在文件名后面加一个版本号)
4.减少http请求数,将多个css文件合并,或者是干脆直接写成内联样式(内联样式的一个缺点就是不能缓存)
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/Sunshine_GirlXue/article/details/113585313