Green Hat Expert

  • Home
  • Social Media
    • Instagram
    • TikTok
    • Snapchat
    • Facebook
    • YouTube
    • Twitter
  • Messaging
    • Discord
    • Telegram
    • Whatsapp
  • About
  • Submit Guest post
You are here: Home / Archives for best wordpress minify plugin

How to Minify CSS & JavaScript Files in WordPress

April 2, 2022 By Arsalan Rauf

Do you want to minify files on your WordPress site?

You are at the right place.

Minifying your WordPress CSS and JavaScripts files can enable your site to load faster. It also speeds up your WordPress site. In this post, I shall show you how to minify CSS JavaScript files in WordPress to improve the performance and speed of your site.

What is Minify and When Do You Need it?

Minify is a term which is used to describe a method that makes your website file size smaller. It completes this task by removing lines, white spaces and unnecessary characters from the source code.

Usually, it is suggested to use only for files which are sent to user’s browsers. It includes JavaScript, CSS and HTML files. In addition, you can also minify PHP files too. PHP is a server side programming language and if you minify it, it will not improve the load speed for your users.

The main advantage of minifying files is to improve the performance and speed of WordPress.

Compact files load faster and improve the speed of your site.

Some experts are of the view that the performance improvement is very small for most websites.

The minification process only decreases few kilobytes (kb) of data on WordPress websites. You can also reduce the pageload time by optimizing images for web..

Here is an example of normal CSS code:

body {
margin:20px;
padding:20px;
color:#333333;
background:#f7f7f7;
}
h1 {
font-size:32px;
color#222222;
margin-bottom:10px;
}

After minifying the code it will look like this:

body{margin:20px;padding:20px;color:#333;background:#f7f7f7}h1{font-size:32px;margin-bottom:10px}

If you want to achieve 100/100 score on Google PageSpeed insights or GTMetrix tool. Then minifying JavaScript and CSS will improve your score.

Now take a look at how to minify CSS/JavaScript on your WordPress site easily.

Minify CSS/Javascript in WordPress

First of all, you need to install and activate the Better WordPress Minify plugin.

For more details, see our step by step guide on how to install a WordPress plugin.

After activation, this plugin will add a new menu item named “BWP Minify” to your WordPress admin bar. When you will click on it, it will take you to plugin’s settings.

bwpminify settings

On the settings page, you have to check the first two options to minify JavaScript and CSS files automatically on your WordPress site.

Now click on save changes button to save changes.

Advanced options are also available on this page. The default settings should work for most of websites, but you can change these options depending on a case basis.

Now go to your website. Right click anywhere then select ‘view page source’ from browser options.

view page source

You will be able to see HTML source code generated by your WordPress site. When you look closely, you will see that this plugin will load CSS/JavaScript files from plugin’s own folder in lieu of your WordPress plugins and themes.

These are the minified versions of your original CSS and JavaScript files. Better WordPress minify plugin will keep them cached and serve the minified versions to user’s browsers.

Still having problems? Type your problems in the comment section.

Do not forget to share this post and like our Facebook page for more updates.

Arsalan Rauf
Arsalan Rauf

Arsalan Rauf is an entrepreneur, freelancer, creative writer, and also a fountainhead of Green Hat Expert. Additionally, he is also an eminent researcher of Blogging, SEO, Internet Marketing, Social Media, premium accounts tips and tricks, etc.

www.greenhatexpert.com

Filed Under: Guide, How to, SEO, WordPress Tagged With: best wordpress minify plugin, better wordpress minify, how to minify javascript and css in wordpress without plugin, inline small javascript wordpress, js css compression wordpress, minify css wordpress without plugin, minify html wordpress, minify javascript and css wordpress htaccess

Recent Posts

  • How to Scan Bondee QR Code
  • How to Fix Bondee Verification Code Not Received
  • How to Fix Bondee Network Error
  • How to Get the Google in 1998 Easter Egg
  • How to Get Google Adsense Approval Fast – 2023
  • How to Do the Thanos Snap on Google
  • 99 cent domain GoDaddy – Coupons – (2023 Working)
  • How to Block Ads on Hulu (10 Ways) – (2023 Updated)
  • How to Fix Bondee App Not Available in Your Country
  • What Does “Clear Cache” Mean on TikTok?

Recommended Posts

Create a Gmail Account Without Phone Number

Free Course Hero Account

Crunchyroll Accounts

Cracked Apps

Free Pokemon Go Accounts
Onlyfans Free Accounts
Free Chegg Accounts
Free Paypal Accounts
Free Gmail Accounts
Funny Steam Names




Categories

  • Apps
  • Apps for PC
  • Blogging
  • Discord
  • Facebook
  • Gaming
  • Grammar
  • Guide
  • How to
  • Instagram
  • Messaging
  • OnlyFans
  • Pinterest
  • Reddit
  • SEO
  • Snapchat
  • Social Media
  • Spotify
  • Steam
  • Telegram
  • TikTok
  • Twitch
  • Twitter
  • Whatsapp
  • WordPress
  • YouTube
  • Home
  • Social Media
  • Messaging
  • About
  • Submit Guest post