CSS / JS动态缩小? (性能)

时间:2011-02-25 06:41:47

标签: javascript css performance compression

我正在使用Google Pagespeed的指南列表来加快页面加载时间。其中一个是缩小CSS和JS文件。

由于这些文件经常发生变化,我考虑使用PHP脚本,根据请求(从浏览器)动态缩小此脚本。

或者你认为这是一个坏主意?毕竟,它会导致静态资源必须在交付之前通过php脚本传递。

2 个答案:

答案 0 :(得分:4)

动态缩小脚本相当先进,并使用缓存来确保每次调用时都不会缩小脚本。

您可以使用http://code.google.com/p/minify/

之类的内容

答案 1 :(得分:0)

如果您使用的是共享主机,则此选项可能很有趣:

https://www.minifier.org/

你可以在飞行中缩小css或js。

根据我对该库的飞行缩小测试:

  • 执行时间没有动态缩小:0.0006秒
  • 执行时间与飞行缩小:0.13秒并节省20Kb

正如你所看到的那样,没有缩小(一个简单的回声),我的示例脚本的执行速度比使用缩小版快200倍。

您必须根据应用程序评估优缺点,但您可以生成缓存文件,并且只在第一次调用时使用缩小。