网站性能优化是每个网站建设者都无法回避的问题，很多初学者抱怨 Joomla 网站很慢，半天打不开...这些网站都有个共同的原因，那就是前台加载了太多的JS脚本和CSS文件，我见过多的加起来有上百个js和css文件，这样的网站能打开已经是奇迹了。

抛开后台程序优化不谈，前端的优化还是很有必要的，主要思路是压缩合并JS和CSS文件，减少请求数量以加快服务器响应速度。RokBooster是Rockttheme出品的前端优化插件。功能比较强悍：

• 1、压缩合并JS和CSS文件
• 2、GZIP压缩合并后的文件
• 3、压缩内联CSS和JS
• 4、CSS和页面图片转码为base64
• 5、自定义缓存时间
• 6、可将非head区域加载的JS合并压缩
• 7、可忽略特定的CSS和JS
• 8、可忽略特定的网页
• 9、缓存文件权限设置
• 10、忽略外链文件

此插件使用起来也非常简单，大部分默认设置即可，就是Image Settings这块值得商讨。这里需要设定是否对网页上和CSS背景图片进行转码，大家需要对base64进行取舍。

使用base64:URL的优缺点

个人觉得base64:URL传输图片文件的好处在于：

• 减少了HTTP请求
• 某些文件可以避免跨域的问题
• 没有图片更新要重新上传，还要清理缓存的问题

不足在于：

浏览器支持

使用base64编码图片作为背景图片的这种技术IE6/IE7浏览器是不支持的（IE9浏览器IE7模式下支持，这里被@前端的那点破事鄙视了 ）。对于目前PC页面，兼容性问题使没有文件上传以及无需更新缓存的优点不存在了。

增加了CSS文件的尺寸

base64编码图片本质上是将图片的二进制大小以一些字母的形式展示，例如一个1024字节的图片，base64编码后至少1024个字符，这个大小会被完全嵌入到CSS文件中（不过幸运的是也可以被gzip了，而图片文件被gzip效果不明显）。

编码成本
图片完成后还需要base64编码，目前估计手工完成的多，因此，增加了一定的工作量，虽然不多。

具体可以参考：base64:URL背景图片与web页面性能优化