You are here

drupal CSS和JS优化

我们在性能的配置页面,看到了CSS和JS的优化选项,我在zhupou.cn上,是将优化禁用了的,原因就是权限的问题,当我启用CSS优化的时候,就会出现没有样式的情景。如图所示:

 

重新启用后,出现如下错误信息:

The selected file /var/www/vhosts/zhupou.cn/httpdocs/tmp/fileOYB3iJ could not be copied.

The selected file /var/www/vhosts/zhupou.cn/httpdocs/tmp/file4Mi3bP could not be copied.

 

这个是由于虚拟主机上文件夹的权限问题,正是由于权限的问题,我们files和tmp两个文件夹放到了drupal的根目录下,而不是sites目录里面(子目录,或者孙目录)。但是仍然没有完全解决问题,比如这里就出了问题。

 

     不过为了说明问题,看看我本地环境下面的zhupou网站,在本地很方便的就启用了CSS和JS优化.从页面上我们看不出任何变化,现在让我们看看页面的源文件.使用firefox打开页面,打开插件firebug,查看页面源文件。为了同时看到CSS和JS,我专门找了页面admin/content/book作为例子。下面是在firefox下面看到的。

 

    这里面的CSS和JS文件名都很长,也不好记,这是drupal压缩而成的。在files\css和files\js文件夹下面,就可以找到上面生成的文件。这样做的最大好处就是,将多个CSS(JS)文件合并成一个CSS(JS)文件,从而减小带宽。进而减小网站的负荷。

 

如果禁用CSS和JS优化,同一个页面,加载的CSS和JS文件的数量就多了很多,如图所示:

 

注意,网站上线以后,最好能够启用这两项优化,但是在开发过程中,一定要把这两项给禁用了。开发的时候是没有多少人访问的。

 

除了这些配置选项以外,drupal还内置的其它缓存,比如主题缓存,菜单缓存,以及系统变量缓存,还有过滤器缓存,不过这些都是系统帮你实现的,也不需要你的配置,所以在性能的配置页面,你也就看不到这些方面的配置选项了。

       如果你觉得,通过这里面的性能优化,还不能满足你的需要的话,那么你还可以对MYSQL,apache,php等进行优化,从而提高你网站的性能,但是这已经超过drupal的范围了,另外你还可以对页面缓存使用激进模式,来进一步提升性能。但对于小型网站,对于drupal的初学者来说,掌握这些简单的性能优化,就基本上可以满足实际的需要了。

相关链接: Think in Drupal

Drupal版本: