0:00
Hi everyone, welcome to Key2 blogging and in this video, I will show you how can minify
0:04
CSS in your blogger website. So here as you can see, I have opened a blogger website and I want to minify the CSS and improve
0:13
the page speed of this website. So let me just first copy the URL and let's go to the page speed inside and let's run
0:21
a test. Now let me just scroll down and search for this option, keep request count low and here
0:32
as you can see, the style seed is taking around 11 KB
0:38
So we need to optimize our CSS to load the website much faster
0:43
So for this, we are going to minify the CSS. So for this, let's go to the blogger dashboard
0:49
And here I will click on theme and here I will take a backup first
0:53
So in case if you do any mistake in this process, then you can simply copy the backup
0:58
file and restore it by clicking on the edit HTML button or you can click on the restore
1:04
button and upload that backup file. So here I need to identify the CSS files
1:10
So let's scroll down and as you can see, these are the CSS files
1:16
So let's scroll down and these are the CSS files that I need to minify
1:22
So let me just select it. So I can just simply copy from here
1:29
So let's skip this and I will copy from here like this
1:34
So I will enter my cursor here and I will scroll down all the way to the bottom
1:40
And here I need to search for B-skin tag or you can find the closing style tag
1:46
So I will then click on shift and select it. So it will select all the CSS code from that end to this end
1:56
So now I will click on cut and as you can see, all the codes are now cut from our theme
2:03
Now let's go to Google and search for CSS minify. And here you can use any of the websites
2:13
So let me just click on fast website here. And here it will ask to input the CSS
2:20
So I will just paste the copied code here and I will click on minify
2:27
Now it will minify our CSS file. So let's click to copy to clipboard or you can click on select all and then copy to clipboard
2:36
and then you need to paste the CSS code. So as you can see, it has now minified our CSS codes
2:42
So in this way, you can reduce the size of the CSS files and reduce unnecessary space
2:49
or reduce unnecessary codings. Now let's click on save. Now let's go to the page speed insight and let's read on the test
3:00
As you can see, the page speed is now improved a little bit and when I scroll down and search
3:05
for keep request count low and here you will see this option stylesheet
3:10
So stylesheet size may reduce a little bit. So a small improvement in CSS code can make a huge impact on your website
3:18
So you need to follow all the page speed improvement techniques to improve your page speed
3:24
So I have made a dedicated playlist on how to improve page speed in blogger
3:28
So you can follow all the videos given here and improve your website and make it Core
3:34
Web Vitals friendly. So if you found this video helpful, then make sure to hit the like button and do subscribe
3:41
key to blogging and I will see you in the next video. Thank you
