Minify CSS and JS with Autoptimize
In the last paragraph I was a little cavalier about the two technical terms:
- Concatenation (or aggregation) is the bringing together of many different files into one.
- Minification is “rewriting” your code so that it has less white space, and other unnecessary (to the computer) characters in it
Doing these two things will make a browser have to use less data to receive the full site, and make few web requests to get all the resources it needs to render. And Autoptimize will do both of this for you, once setup. Watch the video to find out how:
Or if you prefer text…
- Go to “Plugins > Add New” and search for “Autoptimize”
- Install and Activate “Autoptimize”
- You’ll now have the plugin on, but for it to do anything you must tell it what you want it to do. For that, you’ll go to “Settings > Autoptimize”
- You’re set.
Hopefully, with this done you’ll get slightly better score on a tool like Google’s PageSpeed Insights. When I did it here on WPShout, our score went up from 63 and 81 to 72 and 84 (on mobile and desktop, respectively).