How to Speed ​​Up Blog Loading by Installing DNS Prefetch

Tushar Makwana
November 11, 2020
How to Speed ​​Up Blog Loading by Installing DNS Prefetch - techfirex

How to Speed ​​Up Blog Loading by Installing DNS Prefetch

Having a fast loading blog is a dream for every blogger and visitors to the blog.
There are various ways to optimize the blog to speed up loading the blog/website, one of which is how to speed up loading the blog by installing a DNS Prefetch. Actually, this method can also solve Reduce DNS Lookups on YSlow GTmetrix.
DNS Prefetch / Domain Name System Prefetching is one way to speed up the loading of certain domains and of course it will impact the speed of our blog.

How does DNS Prefetch work?

DNS Prefetch will give commands to the browser to complete rendering the Domain name as quickly as possible, then for a few moments the browser will bind it and when visitors scroll the blog page, the browser will automatically display the blog page faster because of the external link with the DNS Prefetch tag is deemed completed loading.

For example, you install google fonts, then the tag used is
<link href='//fonts.googleapis.com' rel='dns-prefetch'/>
After I gave the example above, maybe you already have a little idea of ​​how this DNS Prefetch works.
Now continue how to install the DNS Prefetch.

How to Install DNS Prefetch to Speed ​​Up Blog Loading

First, open the Themes menu >> Edit HTML.
Then look for the code <b:skin> or <head>, but if I'm looking for a code <b:skin>.
Copy the code below and Paste it above the code <b:skin> or before the code <b:skin>.
<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='//c.disquscdn.com' rel='dns-prefetch'/>
<link href='//github.com' rel='dns-prefetch'/>
<link href='//cdn.staticaly.com' rel='dns-prefetch'/>
<link href='//cdn.statically.io' 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='//rawcdn.githack.com' rel='dns-prefetch'/>
<link href='//images.dmca.com' rel='dns-prefetch'/>
If there are external links to other sources on your blog, please do a DNS Prefetch with the following format and add it to the DNS prefetch list above.
<link href='//url-external' rel='dns-prefetch'/>
Now, Save Theme.

See the results, later there will be changes to the blog loading speed so that it will be even faster. I have applied this method myself to the TechFire blog. So, don't hesitate to give it a try.