gpt4 book ai didi

javascript - 有人可以向我解释为什么在脚本文件之前加载 CSS 文件时网页加载速度更快吗?

转载 作者:太空宇宙 更新时间:2023-11-03 19:59:50 24 4
gpt4 key购买 nike

我在看这个video ,并发现它的一些元素在我脑海中浮现。

他说脚本是“序列化的”并且还会阻止后续文件的加载。如果是这种情况,则 Script 1 将完成加载,然后 Script 2 将开始加载,然后加载 CSS 文件。

我看不出之前加载 CSS 文件会如何抑制这种行为。由于脚本文件应该有一个设定的等待时间,即使它们一个接一个地加载,交换顺序应该不会改变这种行为?

提前致谢。

最佳答案

阻塞CSS文件不会阻塞页面加载,但会导致页面重新渲染;可能会导致明显的闪烁。这是因为每次浏览器遇到另一个 CSS block 时,它都需要重新渲染 DOM,以防新样式发生任何变化。

这都是关于用户体验/感知加载速度:

  • 将 CSS 放在尽可能高的位置(优先于 <head> )以消除 DOM 被重新渲染的可能性
  • 保持 JS 脚本尽可能低(最好在 </body> 之前),因为它确保在加载任何可能阻塞的外部脚本之前将 DOM 加载到浏览器中(因此对用户可见)

关于javascript - 有人可以向我解释为什么在脚本文件之前加载 CSS 文件时网页加载速度更快吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21142846/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com