服务器上的 HTTP 请求更少 - wordpress 网站答案

【问题标题】：fewer HTTP requests on server - wordpress site服务器上的 HTTP 请求更少 - wordpress 网站
【发布时间】：2017-09-21 13:01:37
【问题描述】：

我最近在我的网站上运行了 gtmetrix.com 速度测试

我网站的主要关注点似乎是样式表和 JS 以及更少的 HTTP 请求。它告诉我...

此页面有 44 个外部 Javascript 脚本。尝试将它们合二为一。
此页面有 33 个外部样式表。尝试将它们合二为一。

是否可以将所有这些合二为一？我有一个带有子主题的样式表，其余的来自父主题和 Bootstrap CSS/Js。

另外，这对我的网站速度有很大影响吗？

【问题讨论】：

不会有真正明显的效果。你说的仅仅是毫秒。下载的文件仍然占用相同数量的空间（因为它们已经被缩小了）。但是如果你真的想知道一个。查看github.com/mrclay/minify
如果是wordpress网站，可以考虑使用插件——但是结合JS不是个好主意，对于CSS就可以了
是的，我有一个缓存插件，可以缩小我所有的 CSS 和 JS。所以这个故事的寓意是……不是让你睡得太多？ :-) 大声笑

标签： javascript css wordpress performance

【解决方案1】：

如果您的 css 文件存储在您自己的服务器上，您可以将它们以任意顺序连接成一个文件。如果你的 js 文件存储在你自己的服务器上，你也可以小心地将它们连接成一个文件，但是它们连接的顺序应该与它们现在被调用的顺序相匹配，相对于它们本身和 html 代码，为了安全起见，像 jquery 这样通用的东西可能应该放在第一位，非常具体的自定义脚本应该放在最后。确保在 $( document ).ready(function() {}) 中适当地封装内容。

如果您的 css 和 js 文件按照您的指示存储在外部服务器上，那么您可以下载它们并将它们存储在本地，或者您可以在页面加载时使用 cURL（或您的等价物）在服务器端获取它们语言）而不是客户端，然后在每次加载页面时将它们组装在内存中。不知道为什么要这样做，因为它会占用大量服务器资源并且可能会使网站运行速度变慢，但这是可能的。

实际上，为了提高您的速度，我要做的不是将文件串联起来（这不会带来太大的好处），而是查看您真正需要的文件，然后删除您不需要的文件.

【讨论】：

我同意这种观点，但我确实相信请求 40 个文件与 1 个文件之间的差异可能相当大，当然如果您的服务器会收到大量请求。它还允许缓存单个文件，从而减少缓存服务器的负载。