
1、把css放在head中加载,这个能让页面更早的开始渲染,同时能够避免把css放在页面尾部,因为可能会出现闪屏,就是如果css加载的很慢,DOM结构先出来,css后出来,然后web页面样式突然发生变化,这就叫做闪屏
2、把js放在body末尾加载,因为js它本身会阻塞HTML的解析以及css的渲染。
3、不要使用css的表达式,css的表达式一方面是兼容性问题,虽然看起来比较强大,但是实际性能开销很大,因为它实际的执行频率是远远超出预期的,如果使用了css的表达式,可能导致页面卡顿。
4、就是用外链的方式引用css和js,可以有效的减少HTML的体积,并且外链了之后,css和js作为静态资源可以给他设置合适的缓存的响应头,能够合理的利用浏览器的缓存。
5、压缩js和css,在生产环境里面可以删除这一类文件不必要的注释、空白,并且对js进行变量名压缩,混淆压缩,对css进行属性的合并,然后选择符的合并。