Today, in this article I am going to provide you with the code to increase blog loading speed with DNS Prefetch. For some blogger it might be a new word but it is the best way to improve the loading speed of your blogger website.
What is DNS Prefetch ?
DNS prefetch or Domain Name System prefetching is one of the best features provided by the web browsers which drives the process of rendering domain names to IP addresses.It is an attempt to resolve domain names before resources get requested. This could be a file loaded later or link target a user tries to follow.
According to most web designers, DNS prefetch is one of the most widely used solutions today in most of the websites. because its use is supported in all types of web browsers today, on both mobile and desktop devices.
Why is DNS prefetch used?
DNS prefetch is actually used to speed up the loading time of a websitepost / page. If your website is taking too much time to load then there can certainly be many disadvantages. The effect can be a decrease in the article's ranking over a period of time and can also the increase in the bounce rate.
In short, the faster the loading times, the better the reputation of the blog or website in the eyes of visitors and also on search engines and the more suggestions your website or blog gets on different search engines.
How Does DNS Prefetch work ?
In DNS prefetch the browser first loads the link or links based upon the IP address to be stored in the cache. After the save process is complete, the browser would no longer needs to render the link or links again and again when they visit the page.
Since the link resource is cached, visitors can save a fraction of the time, or about 190 milliseconds per visit.Thus DNS Prefetch can also be considered similar to the Google AMP.
How to Increase Blog Loading Speed With DNS Prefetch :-
Step 1 :- Go To Blogger.Com.
Step 2 :- Login Your Account.
Step 3 :- Click on Theme Menu.
Step 4 :- Click on Edit Html.
Step 5 :- Then Paste The Given Html Code Under The <head> tag.
<link href="//ajax.googleapis.com" rel="dns-prefetch"/> <link href="//www.google-analytics.com" rel="dns-prefetch"/> <link href="//googleads.g.doubleclick.net" rel="dns-prefetch"/> <link href="//www.googletagservices.com" rel="dns-prefetch"/> <link href="//pagead2.googlesyndication.com" rel="dns-prefetch"/> <link href="//maxcdn.bootstrapcdn.com" rel="dns-prefetch"/> <link href="//adservice.google.ca" rel="dns-prefetch"/> <link href="//adservice.google.com" rel="dns-prefetch"/> <link href="//resources.blogblog.com" rel="dns-prefetch"/> <link href="//fonts.googleapis.com" rel="dns-prefetch"/> <link href="//1.bp.blogspot.com" rel="dns-prefetch"/> <link href="//2.bp.blogspot.com" rel="dns-prefetch"/> <link href="//3.bp.blogspot.com" rel="dns-prefetch"/> <link href="//4.bp.blogspot.com" rel="dns-prefetch"/> <link href="//disqus.com" rel="dns-prefetch"/> <link href="//github.com" rel="dns-prefetch"/> <link href="//cdn.rawgit.com" rel="dns-prefetch"/> <link href="//fontawesome.com" rel="dns-prefetch"/> <link href="//www.sharethis.com" rel="dns-prefetch"/> <link href="//cdn.jsdelivr.net" rel="dns-prefetch"/> <link href="//www.histats.com" rel="dns-prefetch"/>
Step 6 :- Click on save theme.
Before applying this cde please check that this code should not be present in your website.otherwise repeated installation of code can cause conflict between the codes and can instead reduce the website speed.