javascript - 缩小 JS/CSS 文件

标签 javascript css performance minify

我有一个模板,其中引用了 20 多个 js/css 文件,当然这会产生大量的 http 请求。我考虑过使用 minijs.php/mini.php 将它们与 php 缝合在一起,但我看到的问题是使用 minijs.php/mini.php 时页面加载速度似乎较慢。我使用 YSlow,只是将每个单独链接,它显示加载时间为 3 秒,当我使用缩小的解决方案时,即使缓存了,加载也需要 7-10 秒。有没有人推荐更好的解决方案,或者您甚至建议像这样动态地将它们组合在一起?

最佳答案

是的,我确实建议合并文件并缩小它们,最好使用 YUI 压缩机、Google Closure 编译器,或者 jQuery 最近切换到的 UglifyJS .

关于如何以及为什么,请阅读 this并在 Google 上搜索“为什么我应该合并网站 Assets ?”。

还要记住,这应该是一个预处理步骤,或者至少是渲染一次并缓存,然后由静态文件服务器(Apache 或 Nginx,不应该涉及 php)提供服务的东西。

关于javascript - 缩小 JS/CSS 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5046374/

相关文章:

javascript - 如何显示自某个日期以来的年、月、周和天

border - CSS Box-Shadow 给Div添加任意白色边框

css - 如何更改访问的CSS中的字体大小?

c++ - 在计算实验期间将结果写入文件的有效方法

C# 使用 ftpRequest 获取完整的文件列表很慢

performance - MATLAB:匿名函数的性能问题

javascript - Ember 无法通过验证电子邮件来启用/禁用

javascript - 当我插入两个 Y 轴时,Apexchart 会留下 wrapper

javascript - 如果使用 CSS3 翻译/转换来更改元素位置,则不会触发 Mouseenter/Mouseover 事件

javascript - 在模态中填充内容,当单击 <a> 标签时,不会触发单击事件