一些加快 CSS/JS 加载速度的技巧

Question

我们公司的网站托管在我们的基础设施上，外部用户可以正常访问。但是，当我尝试从我们的内部网访问时，一些 CSS 和 JS 文件总是需要 2 分钟才能下载，阻止网站加载直到完全下载，并且这种情况总是发生在相同的文件上。即使我将它们的完整 URL 添加到防火墙的白名单中，这种行为也是一样的。如果我访问该文件，我可以重现这种情况（看到这个图片)。我需要在防火墙中设置什么来解决这个问题？

Answer 1

一些加快 CSS/JS 加载速度的技巧

• 尽可能尝试在结束标签之前加载 JS 文件</body>。这使得页面可以在 JS 加载完成之前开始显示。
• 使用asyncJS加载。如果 JS 文件需要很长时间或需要大量下载，则可能需要加载它async。以下是有关如何使用 optimizely 进行异步 JS 加载如果立即需要该 JS，您仍然必须解决该问题，但至少您可以在解决细节的同时使用异步。
• 将公共资产放在你的根网站目录中
• 缩小适用的 CSS 和 JS 代码
• 通过 CDN 提供资产（内容分发网络），因此文件会从其他人的服务器加载，通常速度更快、更可靠。如果您使用的是 jQuery 等常见库资产，您会发现它们已上传到 CDN 并可免费使用。只需在结束标记前插入类似以下内容即可</body>…… <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>。这是我得到它的地方CDN 链接信息。

另外，这里至少有一个StackOverflow 问题这可能会有帮助。