How to reduce the size of CSS and Javascript files in WordPress

CSS and Javascript are often the culprits that make websites load slowly.

So reducing the size of CSS and Javascript files is also a way to speed up WordPress

In this article you will know how to reduce the size of CSS and Javascript files.

What is size reduction?

You must have guessed what size reduction is.

Reducing file size or the English term minify is simply a way to reduce file size.

The files will become smaller after minify. Lighter files mean faster downloads.

The file size reduction will apply to static files such as CSS, Javascript and HTML.

In essence, these files can be reduced in size by removing spaces and unnecessary characters.

Reducing file size is also how you improve your score when testing speed through tools like Google PageSpeed , GTMetrix or Pingdom .

If you have problems with file size reduction, Google PageSpeed ​​will have the following message:

Now we will see how to solve the minify Javascript and CSS problem.

Minify Javascript/CSS in WordPress

First you need to install and plugin Autoptimize . It is a popular plugin for optimizing Javascript and CSS files. From there it helps to improve the speed of your website.

Here’s how it speeds up your website:

The plugin recombines the script and css files, minimizes their size and compresses them. Not only that, the plugin also caches them.

So how to use the plugin?​

Using the plugin is also relatively simple. As soon as the plugin has been activated, you go to Settings -> Autoptimize . You can also see an Optimize icon on the Admin Bar. This is the fastest way to access the plugin’s configuration area.

Here you just need to select the optimize items for 3 file types CSS, HTML and CSS. Then, click on the Save changes and empty cache button.

Now you can check your website with Google PageSpeed ​​Insights tool to see if the minify Javascript/CSS error is gone.

That is all. Through this article you know how to handle minify CSS/Javascript problem.

If you know any other good ways to minify CSS/Javascript, please share in the comments section below.