Resources     Blog  

  1. Home
  2. WordPress Tutorials
  3. How to Minify CSS in WordPress

How to Minify CSS in WordPress

Is your website running slowly? If so, you may want to consider trying to minify your WordPress files. In particular, CSS and JavaScript files that have been minified can help boost your website’s speed performance. This is very important because website’s speed not only is extremely convenient for your visitors, but it is also one of the factors that determines your search engine rankings.

Search Engine Optimization (SEO) is one of the most important aspects of getting your website’s popularity. Speed is one of the factors that affect SEO and maybe one of the most important. By minifying your CSS and JavaScript files you can speed up your websites and improve load times. Today I will demonstrate how to minify CSS in WordPress.

Why Minify Your WordPress Site

The real reason you want to minify your WordPress files is to improve the performance of your website. Minify means your files’ size will be reduced because the smaller the file, the easier and quicker your website will load and display pages. This is accomplished by removing unnecessary spaces, lines, and characters from the files, which actually makes these files close to unreadable for an actual human. To be very clear on which files can be minified and benefit your website, they include HTML, JavaScript, and CSS. There are other files that may be able to get the minify treatment like a PHP file, but it will have no effect on the performance of your website.

Now, keep in mind this is not the most significant way to boost the performance of your website. In truth, this will only shave off some kilobytes from your website’s files, but will still have a positive effect. Some experts will, of course, say a few kilobytes is not worth the time it takes to minify your website’s files, but that is definitely up to you and since the process is so quick, you have nothing to lose. If you are interested in other ways to improve your website’s speed, then take a look at the Google PageSpeed Tools. This website will tell you where you can make improvements to boost your website’s speed.

How to Minify CSS and JavaScript Files in WordPress

Today I will demonstrate how to minify CSS and JavsScript files in WordPress. This process is very quick by using a WordPress minify plugin. The WP Super Minify plugin makes this extremely easy and the process will take less than a minute once you install the plugin. Keep in mind if you have a smaller website, then you might not even notice a boost in speed because there is not much to minify.

Let’s start by clicking on Plugins and selecting the Add New option on the left-hand admin panel.

Add New

 

Search for WP Super Minify in the available search box. This will pull up additional plugins that you may find helpful.

Search for WP Super Minify in the available search box.

Scroll down until you find the WP Super Minify plugin and click the “Install Now” button and activate the plugin for use.

click the "Install Now" button

On the left-hand admin panel click on Settings and select the WP Super Minify option. This will pull up the main settings page.

 click on Settings and select the WP Super Minify option.

You will actually not see many options on this plugin. Simply check both the Compress JavaScript and Compress CSS checkboxes. Click on the “Save Changes” button to finish the minifying process.

Click on the "Save Changes" button.

Congratulations, you have minified your CSS and JavaScript files. You can view the changes by visiting your live website and right-clicking and selecting the view page source. You will notice minified files being loaded into your pages.

Alternative Plugins

Since website speed is one of the most important concerns of any website, there have been many optimization plugins created to improve your website’s speed by minifying files. Speed is not just important for search engines, but also for your visitors. No one likes visiting a slow website. Try any of these plugins to give your website that extra speed boost you’ve always dreamed about.

Autoptimize

Autoptimize

Autoptimize is a very popular plugin with over 400,000 active installs. It is a great plugin to help you quickly optimize your website for the best performance. One of its key features is to minify CSS, JavaScript, and HTML files on your website. It also has many caching options available that can also help speed up your website. This is a great plugin to try and it can quickly get your website running faster than ever before.

Fast Velocity Minify

Fast Velocity Minify

Fast Velocity Minify is another optimization plugin but it is different from the competition because it includes many small features to help optimization. It will, of course, minify all HTML, CSS, and JavaScript files. It also has caching options and is compatible with most of the major caching plugins. This is a great plugin to try and will get you files minified easily.

Keep Your Website Running Fast For Everyone

Remember that nobody likes a slow website. Not people and definitely not search engines like Google and Bing. There is never a downside to optimizing your website to run faster other than the time it takes to do so, but it’s well worth it. Keep in mind that speed is one of many factors that can help you rank higher, but also remember there are many additional factors.

The difference is that sometimes websites are more search engine friendly than visitor friendly and it is important to make sure your SEO does not ruin your visitor’s experience. Keep in mind there are many more options available for you to use when you want to speed up your website. If you have not already looked into caching your website, then you need to start.

Did you notice a speed increase after the CSS and JavaScript files were minified? Did you consider trying other options like caching to try and speed up your website?

.

Author: Ron Helms

I currently work for GreenGeeks as a Support Technician. My primary roles are supporting our VPS and Dedicated server clients, as well as performing site migrations. With experience in the web hosting industry since 2009, there is rarely a question I can’t help answer. In my spare time, I enjoy gaming and working on cars as an automotive enthusiast.

Was this article helpful?

Related Articles

Comments

  1. All pictures are not shown When I enable compress java script

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.