Do you want to minify files on your WordPress site? Minifying your WordPress CSS and Javascript files can make them load faster and speed up your WordPress site. So, lets see how to minify css and javascript of your website.<\/p>\n
SEO is an important aspect for any webmaster since good ranking in the search engine assures heavy traffic to your website thus gaining lot of profit at the end of the day. To attain better rankings, there are some important ranking factors of SEO to be taken care of and speed of your website is definitely one of them. To make sure that your site load faster whenever any user is visiting your website, you need to comply to all specified set of rules and regulation those are predefined by search engine giants such as Google or Bing.<\/p>\n
Minifying CSS \/ JavaScript of your website is certainly one of the factors which helps improving your website overall speed. In this guide, we will show you how to minify CSS\/Javascript files in WordPress to improve performance and speed.<\/p>\n
The term \u2018Minify\u2019 is used to describe a method which makes your website file size smaller. It achieves this goal by removing white spaces, lines, and unnecessary characters from the source code.<\/p>\n
Usually it is recommended to be used only for files that are sent to user\u2019s browsers. This includes HTML, CSS<\/a>, and JavaScript<\/a> files. You can minify PHP<\/a> files too, but PHP is a server-side programming language and minifying it will not improve page load speed for your users.<\/p>\n The obvious advantage of minifying files is improved WordPress speed and performance<\/a>. Compact files are faster to load and improve your site\u2019s speed.<\/p>\n However, some experts believe that the performance improvement is very small for most websites and not worth the trouble. The minification only decreases few kilobytes of data on most WordPress sites. You can reduce more pageload time by simply optimizing images for web<\/a>.<\/p>\n Here is an example of normal CSS code:<\/p>\n
\nmargin:20px;
\npadding:20px;
\ncolor:#333333;
\nbackground:#f7f7f7;
\n}
\nh1 {
\nfont-size:32px;
\ncolor#222222;
\nmargin-bottom:10px;
\n}<\/div>\n