将CSS放头部,JS放底部,可以提高页面的性能的原因

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了将CSS放头部,JS放底部,可以提高页面的性能的原因相关的知识,希望对你有一定的参考价值。

css不阻止dom的解析

js阻止dom的解析

css js都会阻止dom的渲染

原因:

js有可能影响dom的解析,比如在js里面新增dom等这些操作

css不能影响dom的解析 而 dom的渲染 是需要等js,css都解析完成后才进行的(浏览器就是这么机智),所以css js都阻止dom的渲染

以上是关于将CSS放头部,JS放底部,可以提高页面的性能的原因的主要内容,如果未能解决你的问题,请参考以下文章

原来 CSS 与 JS 是这样阻塞 DOM 解析和渲染的

为什么css放在头部,js放在底部

js-关于性能优化的一些学习总结

为什么css放头部js放尾部

前端性能优化--为什么DOM操作慢?

能不能把js代码放到div里面