将 Javascript/CSS 合并到一个或两个文件中以实现更好的优化

2024-01-10

我目前正在开发一个 C# 应用程序,该应用程序可以在后台异步最小化并组合 javascript/css,以加载到已完成的页面上。创建组合的最小化文件后,它们将保存到磁盘上,并且对该页面的所有后续请求都将加载该文件。

这样做的原因是为了提高页面的性能。但我有一个担心,如果组合文件很大,例如 200 kb,该怎么办?如果是这种情况并且有 2 个单独的 http 请求,合并为 2 个文件会更好吗?该文件将被 gzip 压缩并缓存。


嗯,有两个主要的思想流派。

首先,尽可能减少 HTTP 请求的数量。这就是说要减少ALLCSS 文件精简到一个怪物。最好下载一次 400kb 的文件,而不是下载多个 50kb 的文件。 (对于 JS 来说也是如此)。

另一种是在必要时进行合并,但仅此而已。如果您有 100kb 的 CSS 仅用于网站的一个部分,则没有理由降低用户的网站其余部分的速度。对于 JS 来说尤其如此,因为有很多网站的每个页面都包含 jQuery(例如),因为 10% 的网站使用它。

我的看法是两者的结合。如果我在网站大约 50% 或更多的地方使用代码,我会将其包含在“主”文件中。如果代码很小(小于 5kb 或 10kb),我会将其包含在主文件中。否则我将其拆分为单独的文件。

这样做的全部原因是为了让用户体验更好。你可以做一个巨大的蛮力,在每个页面加载时将所有 css 和 JS 加载到 2 个各自的文件中(确保它会被缓存)。但是,如果目标网页不需要 50% 的代码,那么您就会不必要地减慢影响最大的页面的速度。

这就是为什么我相信这个问题的最佳解决方案是让人来分析情况。他们可以寻找重复项和抽象项。他们可以查看页面/网站的需求并确定最佳方案。除非你想让你的程序这样做(这会很困难),否则它不会给出best结果(但话又说回来,好和足够好之间是有区别的)......

无论如何,这就是我的 0.02 美元......

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

将 Javascript/CSS 合并到一个或两个文件中以实现更好的优化 的相关文章

随机推荐