将CSS添加到JavaScript文件并动态加载到HTML头标记中是否对性能有效？

如果在一个网站中，我在主体的末尾添加了一个JavaScript，并向该JavaScript添加了大量CSS，在加载页面和解析我的JavaScript文件时，这些CSS会动态地添加到HTML页面的头部，因为文件位于HTML页面的末尾，在加载整个页面后，这会降低页面的速度吗

---

由于我的CSS代码超过1000行未被统一，我不希望使用外部CSS，尽管由于某些原因它被缓存。

否。它不会减慢页面速度，因为到那时页面基本上已完成加载所有HTML和其他CSS

在下载HTML和CSS时，浏览器构建DOM模型和CSSOM。当您的脚本到达最后时，除了您在最后使用javascript添加的内容外，它基本上已经完成

我从重读您的问题中得出的结论是，您打算通过在页面末尾运行的javascript加载所有CSS。您可能关心的问题是，添加的CSS将开始修改页面。潜在的问题可能会使你的页面跳转一点，闪烁的颜色，改变字体，等等，这取决于你添加的CSS的功能