Minify vs Compression
Minimizing code is completely different from compressing data, but they both reduce the size of the HTML code which makes it efficient between the server and the browser. Compressed data requires un-compression, and that can be done directly by your server. The server compresses the HTML template code and sends it across the network, the browser accepts that compression and unzips it before use.
How to Compress HTML Blogger Template Code Online
Just follow the steps below and see how actually reducing Blogger Template HTML size will speed up your site.
Open your blogger account and open the template then click edit HTML.
Press CTRL+A simultaneously on your keyboard to select all code and then press CTRL+C to copy it to clipboard .
Select "Blogger" from the drop-down menu on the right.
Hit the "Compress" button from the bottom of the page.
Wait for the process to complete, depending on the size of your HTML.
Once done, copy the compressed code and paste it into the blogger template HTML.
Click Save and enjoy fast page load speed.
How to Minify CSS on Blogger
Go to your blogger dashboard, click on theme from the sidebar and click Edit HTML.
To Minify CSS press CTRL+Fon your keyboard to find.
Type <b: skin> and press enter (if.there is no <b:skin> then search <b: skin>
Copy the entire CSS code between <b:skin>and </b:skin>.
Go to any online minifier tool, paste the code in the CSS minifier box and press the "MINIFY" button.
After a few seconds, you will get a minimized version of the CSS code.
Enter the HTML Blogger and replace it with an intermediate code <b:skin>and <b:skin>, click Save Template.
Check your blogger speed on google page speed insight, you will see better results
Go to your blogger dashboard, click on theme and click on Edit HTML.
Go back to Blogger HTML and change that code.
Now you will get better results on google page speed insights.