网站的JavaScript和CSS文件的最佳文件大小是多少？
零字节。这听起来很滑稽，但并没有所谓的"最佳"文件大小。它越大，渲染页面所需的时间就越长。您的访问者与网站的连接速度有多快？例如，如果它是一个面向视频的网站，它可能相对较快，因为拥有64kbps调制解调器的人不会试图流式传输那么大的东西。如果它是一个简单的文本网站，向津巴布韦的卫星用户显示信息，它可能会很慢。
让我们想象一下，平均速度是1.5 Mbps。现实地说，将其减半至750 Kbps。这大约是94 KBps。因此，如果你的CSS文件是50 KB，而javascript文件是50 KB，那么为你的访问者下载它们需要一秒钟多一点的时间。你的网站是否具有高度的互动性，用户可以快速地从一件事点击到另一件事？如果是这样的话，那么一秒钟的延迟可能会非常令人恼火。如果不是，那么这可能是完全合理的。
如果你发现你的文件太大，你可能想考虑看看一些"缩小"实用程序；这些实用程序将使用您的代码，用较短的名称（"a"）替换变量名（"my_descriptive_variable"），删除空白和注释等。有时这些实用程序可以将您的代码减少到以前的10%。
然而，归根结底，"最优"是完全主观的。尝试设计最小的脚本/CSS文件，在其中添加一堆KB的注释，并在低端连接上加载页面，直到你认为它太慢为止。这会让你很清楚你的上限应该是多少。
外部文件越小越好。
但也许比拥有更小的大小更重要的是拥有更少的独立资源，这意味着更少的HTTP请求。例如，一个1MB的文件加载速度通常快于10个100KB的文件。将多个CSS（或JavaScript、图像等）文件合并为一个文件会更好。
不过，您真正想利用的一件事是缓存。因此，将所有共享的实用程序和样式放在一个文件中，缩小它，并将其包含在每个页面上。大多数现代浏览器只会下载一次，而且下载速度很快（被缩小）。然后，缩小特定页面的内容，就完成了。
用户查看页面时，页面的总大小应约为100kb。这使得用户视图和搜索引擎更容易抓取你的网站。
"页面大小"的概念被定义为组成页面的所有元素的文件大小之和，包括定义的HTML文件以及所有嵌入对象（例如，带有GIF和JPG图片的图像文件）。只要HTML文件很小，并且经过编码以减少浏览器的渲染时间，就可以使用页面大小较大的页面设计。
通常，您的Javascript文件应该小于25kb，CSS文件应该小于10kb，越小越好，这些数字会因资源和项目而异。有时这是不可能的，但您可以尽量减少空白（空格、返回和删除注释）。理想情况下，CSS中的每一行都应该是一个样式定义，Javascript应该被美化（删除多余的代码，反复使用的代码放在函数中），如果可能的话，最小化为一行。
通常，你的CSS应该加载在页面的头部，JS就在关闭的body标记之前。这样，在等待CSS或JS加载时，页面仍然可以加载。大多数浏览器和服务器一次只能从一台服务器加载大约4个资源。如果可能的话，您可以在多个服务器/子域上分离资源以创建异步加载。
异步加载适用于网页的所有方面；图像、CSS、JS和html。我所有的知识都是在10多年的现场工作中收集和学习的。