丹徒网站建设哪家好,快速模仿一个网站,app商店,接网站开发外包经过实测#xff1a;
在 head 中 link 一个 1M 大小的样式表。设置网络下载时间大概为 10 秒。
edge 和 chrome 只有在下载完样式表后#xff0c;页面上才会出现内容。而 firefox 可以直接先显示内容#xff0c;然后等待样式表下载完成后再应用样式。
DOMContentLoaded 事…经过实测
在 head 中 link 一个 1M 大小的样式表。设置网络下载时间大概为 10 秒。
edge 和 chrome 只有在下载完样式表后页面上才会出现内容。而 firefox 可以直接先显示内容然后等待样式表下载完成后再应用样式。
DOMContentLoaded 事件永远在下载完样式表后才触发。 补充1
DOM 树中明明元素已经有了但 edge 和 chrome 就是不显示出来
补充2
DOMContentLoaded 不会等待样式表的解析完成。但 load 会等待
补充3
firefox 的解析方式应该是直接边解析边渲染的。因为当我将 html 文档变大后它依旧能够在下载完 html 文档之前将已有内容展示出来。
将元素放在样式之前样式中添加了 500k 大小的注释信息此时可以很快的渲染出结果 将元素放在样式之后则变慢了
