![一些加快 CSS/JS 加载速度的技巧](https://linux22.com/image/712524/%E4%B8%80%E4%BA%9B%E5%8A%A0%E5%BF%AB%20CSS%2FJS%20%E5%8A%A0%E8%BD%BD%E9%80%9F%E5%BA%A6%E7%9A%84%E6%8A%80%E5%B7%A7.png)
我们公司的网站托管在我们的基础设施上,外部用户可以正常访问。但是,当我尝试从我们的内部网访问时,一些 CSS 和 JS 文件总是需要 2 分钟才能下载,阻止网站加载直到完全下载,并且这种情况总是发生在相同的文件上。即使我将它们的完整 URL 添加到防火墙的白名单中,这种行为也是一样的。如果我访问该文件,我可以重现这种情况(看到这个图片)。我需要在防火墙中设置什么来解决这个问题?
答案1
一些加快 CSS/JS 加载速度的技巧
- 尽可能尝试在结束标签之前加载 JS 文件
</body>
。这使得页面可以在 JS 加载完成之前开始显示。 - 使用
async
JS加载。如果 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 问题这可能会有帮助。