How To Increase Blogger Site Speed By DNS Prefetch


DNS Prefetch is a way to resolving the DNS of a specific domain. Sometimes we used external image/js/css etc.. link in our site and it's effect on our web page loading time. By using DNS Prefetch, we can reduce the external link loading time. In this tutorial, we will learn how to add DNS Prefetch in our blogger site to speed up our site.

According to W3C, "The dns-prefetch link relation type is used to indicate an origin that will be used to fetch required resources, and that the user agent should resolve as early as possible." [1]

How to Add dns-prefetch to Blogger

Login to your blogger account
Go to Theme>Edit HTML
Click anywhere inside the code area
Press CTRL+F from keyboard
Search following code<head>

Paste following code below of <head> and before </head> tag

<link href='//1.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//28.2bp.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='//2.bp.blogspot.com' rel='dns-prefetch'/> 
<link href='//www.blogger.com' rel='dns-prefetch'/> 
<link href='//maxcdn.bootstrapcdn.com' rel='dns-prefetch'/> 
<link href='//fonts.googleapis.com' rel='dns-prefetch'/> 
<link href='//use.fontawesome.com' rel='dns-prefetch'/> 
<link href='//ajax.googleapis.com' rel='dns-prefetch'/> 
<link href='//resources.blogblog.com' rel='dns-prefetch'/> 
<link href='//www.facebook.com' rel='dns-prefetch'/> 
<link href='//plus.google.com' rel='dns-prefetch'/> 
<link href='//twitter.com' rel='dns-prefetch'/> 
<link href='//www.youtube.com' rel='dns-prefetch'/> 
<link href='//feedburner.google.com' rel='dns-prefetch'/> 
<link href='//www.pinterest.com' rel='dns-prefetch'/> 
<link href='//www.linkedin.com' rel='dns-prefetch'/> 
<link href='//feeds.feedburner.com' rel='dns-prefetch'/> 
<link href='//github.com' rel='dns-prefetch'/> 
<link href='//player.vimeo.com' rel='dns-prefetch'/> 
<link href='//platform.twitter.com' rel='dns-prefetch'/> 
<link href='//apis.google.com' rel='dns-prefetch'/>
<link href='//connect.facebook.net' rel='dns-prefetch'/> 
<link href='//cdnjs.cloudflare.com' rel='dns-prefetch'/> 
<link href='//www.google-analytics.com' rel='dns-prefetch'/> 
<link href='//pagead2.googlesyndication.com' rel='dns-prefetch'/> 
<link href='//googleads.g.doubleclick.net' rel='dns-prefetch'/> 
<link href='//www.gstatic.com' rel='preconnect'/> 
<link href='//www.googletagservices.com' rel='dns-prefetch'/> 
<link href='//static.xx.fbcdn.net' rel='dns-prefetch'/> 
<link href='//tpc.googlesyndication.com' rel='dns-prefetch'/> 
<link href='//syndication.twitter.com' rel='dns-prefetch'/>

Note: I have included all of dns-prefetch code.

Click on Save template
That's it. Now see your site and it's loading faster than before.

Komentar

Posting Komentar

Postingan populer dari blog ini

KineMaster Pro Video Editor v4.14.2.16650.GP Mod Full Unlocked

Gambar
Download KineMaster to create, edit, and share your own amazing videos! Kinemaster Unlocked Mod APK is a simple yet powerful editor tool for Android which helps in creating some dazzling effects with the use of layers, transitions, voice envelopes, images, effects and more. The app is simple to use and very powerful for creating deep edits. Make incredible videos on your phone, tablet, or Chromebook! KineMaster is an easy-to-use, full-featured video editor loaded with powerful tools. KineMaster and all of its editing tools are free to use, but you can unlock even more with KineMaster Premium. Edit and share all your videos with KineMaster! Feature Highlights • Add and combine multiple layers of video, images, stickers, special effects, text, and handwriting • Color adjustment tools to correct and enhance videos and images • Share on YouTube, Facebook Feed and Stories, Instagram Feed, Stories, and more! • Reverse your videos • Blending modes to create startling, beautiful effects • Add
Baca selengkapnya

Disk Drill Pro v4.0 Cracked Full Version

Gambar
Disk Drill 2 Pro is an advanced data recovery software that was primarily designed to recover deleted or lost files from hard disk drives, SSD drives, etc. Disk Drill allows to recover deleted files, lost files, accidental data deletion, emptied Recycle Bin, virus attack, power failure, boot record corruption, formatted partitions, as well as storages that can be accessed from Windows. It supports FAT and NTFS, as well as HFS+ and EXT2/3/4 file systems, or even initialized disks. By using Disk Drill, you will be easily to recover mp3s, movies, videos, pictures, documents, archive files, and more. Disk Drill 2 supports most major file types and file systems. It can be used to recover files from any storage device, including hard disk drives, SSD drives, USB drives, MicroSD Cards, memory cards, cameras, as well as iPhone and Android devices. It offers professional-grade recovery tools: Deep and Quick Scans, Universal Partition Search, undeletion of protected data, and rebuild file system
Baca selengkapnya

How To Fix Echo On Your Mic

Gambar
If you hear everything you say in your headphones, even when you're not in a video call, you probably have a specific Windows setting turned on.  Go back to the Recording tab in the Sound panel,  double-click your input device, and  switch to the Listen tab. If you have Listen to this device checked, you'll hear everything from that microphone in the select output device. This can be useful in certain circumstances, but in most cases will just drive you crazy.  Uncheck the box and hit OK to stop that.
Baca selengkapnya