How to increase Blogger website speed
If you have created a blog website using Blogger, then follow these steps to increase website speed. The speed of a website depends on the Javascript files, images, videos, and fonts that the website uses.
Website speed plays a major role in the SEO of a site. Visitors also don't like to visit a slow-loading website. A slow website also doesn't have good results in Google Search. The first solution to slow speed is to remove all unused Javascript and fonts from the website. Besides, this problem can be solved by adding some codes to the HTML of a website.
You will know some tips to increase blogger website speed in this article. You will also know some codes that will make a website load faster.
What is website speed?
Website speed is the total loading time of a website.
During this time the javascript widgets, images, fonts and other resources load properly to make the website visible. Generally, the Javascript files take more time to load.
So, Javascript properly loads at last. The speed of a website is less on mobile devices. Because mobile devices are low resolution and display devices. Most people browse the internet on mobile, so you need to fix the mobile website speed first.
How to measure website speed
There are many free online tools and websites to measure website speed. You can use them to check your website speed easily. Pagespeed insights is used mostly as it can check website speed for both mobile and computer devices. GTMetrix is also used for checking website speed from different locations.
Reduce unused Javascript
Javascript files load lately and increase CLS (Cumulative Layout Shift) score. So, we need to fix Javascript problems first. The easiest way to fix this error is to delete all javascript files that your website doesn't need. You can create alternatives to Javascript files using HTML and CSS.
Besides, this error can be solved by adding some codes in the HTML of a website.
Optimize images
Image files also increase the loading time of a website. The total size of a web page is mostly contained by image files. So, image files increase web page size and loading time. We can fix this problem by optimizing images for web. We can use a default size for images on our website.
So, the browser will get to know the default size of our image files and it will maintain space for image files before loading. It will decrease the CLS score of a website. We can convert our image files to WEBP format to lessen the size of the images.
Preload largest contentful paint image
The LCP (Largest Contentful Paint) is the largest element of a web page that loads lately.
The LCP score of a website affects the speed of the website. The LCP element can be an image, font or Javascript file. You can identify the LCP element in Pagespeed Insights. We need to add a code before the LCP element to preload it. After identifying the LCP element, we need to add <link rel="preload"> code before the LCP element. Then the browser can know which is the LCP element of the website and it will preload the content.
Take your website backup first so that you can restore your theme if any error occurs.
Codes-1
- Go to the theme section of your blogger website and click Edit HTML. Then the HTML section of your website will open.
- Press Ctrl+F to open the search bar.
- Type <head> in the search bar and search for it.
- Replace the <head> code with this code.
<head>Codes-2
- After pasting the first code, press Ctrl+F again.
- Now search for </head> code.
- Replace </head> code with this code.
Codes-3
- Now search for </body> code.
- Replace </body> code with this code
Now click the Save option and your editings will be saved. These codes will increase website speed. Now check website speed in Pagespeed Insights.
Read more : How to Get Cheap Car Insurance with an At-Fault Accident on Your Record
