Jun
22
2009

4 WordPress Plugins to optimize CSS and Javascript

Optimzing CSS and Javascript speeds up your site and also helps in reducing bandwith usage.

I found 4 plugins which helps you in optimizing CSS and Javascript files of your wordpress site.

Wp-Minifier
This plugin integrates the Minify engine into your WordPress blog. Once enabled, this plugin will combine and compress JS and CSS files to improve page load time.

Minify is a PHP5 app that can combine multiple CSS or Javascript files, compress their contents (i.e. removal of unnecessary whitespace/comments), and serve the results with HTTP encoding (gzip/deflate) and headers that allow optimal client-side caching. This helps you follow several of Yahoo!’s Rules for High Performance Web Sites

Alternatively you can also use WP-CSS and WP-JS.

DO NOT use WP-CSS or WP-JS simultaneously with Wp-Minifier.

WP-CSS
This plugin GZIP and strip whitespace from your CSS files.It then merges all CSS files into ine single file.This reduces the number the number of http requests and speeds up your site.
This plugin allows developers/designers to confidently use @import inside a CSS file and not worry about what happens on the user’s end. The plugin will look through your style.css file and put any @import files into it. It will also GZIP and set a cache expiry time.

WP CSS Test

WP CSS Test

WP-JS
This plugin will GZIP and JSMIN your JavaScript files as well as allowing the ability to put JavaScript files into a single file at the client’s end. Cache expiry time can also be set in the admin page.

WP JS Test

WP JS Test

Use Google Libraries
A number of the javascript libraries distributed with WordPress are also hosted on Google’s AJAX Libraries API. This plugin allows your WordPress site to use the content distribution network side of Google’s AJAX Library API, rather than serving these files from your WordPress install directly.

This provides numerous potential performance benefits:

* increases the chance that a user already has these files cached
* takes load off your server
* uses compressed versions of the libraries (where available)
* Google’s servers are set up to negotiate HTTP compression with the requesting browser

Note:Some of the above plugins conflict with Wp-Super Cache and other plugins.Please check the plugin homepage for more information on these conflicts.

«

»

About the Author: Bharat Balegere

Bharat Balegere is a 27 year old blogger from Bengaluru. He is a technology enthusiast and loves tinkering with computers and usb drives.

4 Comments + Add Comment

  • You post awsome posts, bookmarked for future referrence !

  • Wp-Minifier compress both JavaScript and css so using wp js would be useless

  • Yes, but WP-Minify also gives a lot of stupid errors (400 errors) as you can see from their WP page. I’ll try WP-CSS and WP-JS. Hope they’re simpler and they work with WP-Super-Cache!!

Leave a comment