放置CSS和javascript

Question

据我了解，Google鼓励将CSS和javascript与html放在同一页面中。内部CSS，但不是内联。另一方面，我阅读过的所有手册和教程都说我应该使用外部文档。

我应该在哪里放置CSS和javascript？

注意：在我的页面的设计中，使用内部“文件夹上方”的CSS和javascript和外部外部的其余部分没有区别。 90％或以上的CSS和javascript用于文件夹上方的内容。就我而言，没有任何区别。

https://developers.google.com/speed/pagespeed/insights/ 资源阻塞了页面的第一幅画。考虑内联交付关键JS / CSS，并推迟所有非关键JS /样式

https://developers.google.com/web/tools/lighthouse/audits/critical-request-chains

Answer 1

将html，css和javascript合并在一个文档中，可以在一定程度上提高性能。尝试执行此操作会导致许多复杂的因素，从而无法在理论上提高性能。合并文档可能会节省20-40毫秒，而最终用户通常无法检测到这些信息。您将在许多其他方面发现更重要的性能改进。

合并文档完全完成后，应该使用服务器端组装过程来完成，以便可以对代码进行良好的分区和良好的维护。一个例子就是webpack。

但是再次强调，除非有一些特殊的用例使这一点变得重要，否则这不是标准做法。