20 tháng 12 2018

Sử dụng DNS Prefetch để tăng tốc độ tải trang Blogger - Blogspot



Hôm nay mình chia sẻ đến các bạn một thủ thuật khá mới để tăng tốc độ tải trang Blogger - Blogspot bằng cách sử dụng DNS Prefetch.
DNS Prefetch có thể tải trước các tài nguyên Image, JavaScript, CSS - tương tự như bộ nhớ đệm - để sử dụng cho website của mình. Bằng cách này chúng ta sẽ tiết kiệm được thời gian khi tải các đường dẫn bên ngoài rất nhiều so với trước kia.

Làm thế nào để Thêm dns-prefetch vào Blogger

Bước 1: Đăng nhập vào tài khoản Blogger của bạn.
Bước 2: Chọn Theme --> Edit HTMl
Bước 3: Nhấn tổ hợp phím ctrl + F tìm đến </head>
Bước 4: Copy và đán code bên dưới vào trước thẻ </head>
<link href="//1.bp.blogspot.com" rel="dns-prefetch"></link>
<link href="//2.bp.blogspot.com" rel="dns-prefetch"></link>
<link href="//3.bp.blogspot.com" rel="dns-prefetch"></link>
<link href="//4.bp.blogspot.com" rel="dns-prefetch"></link>
<link href="//www.blogger.com" rel="dns-prefetch"></link>
<link href="//maxcdn.bootstrapcdn.com" rel="dns-prefetch"></link>
<link href="//fonts.googleapis.com" rel="dns-prefetch"></link>
<link href="//use.fontawesome.com" rel="dns-prefetch"></link>
<link href="//ajax.googleapis.com" rel="dns-prefetch"></link>
<link href="//resources.blogblog.com" rel="dns-prefetch"></link>
<link href="//www.facebook.com" rel="dns-prefetch"></link>
<link href="//plus.google.com" rel="dns-prefetch"></link>
<link href="//twitter.com" rel="dns-prefetch"></link>
<link href="//www.youtube.com" rel="dns-prefetch"></link>
<link href="//feedburner.google.com" rel="dns-prefetch"></link>
<link href="//www.pinterest.com" rel="dns-prefetch"></link>
<link href="//www.linkedin.com" rel="dns-prefetch"></link>
<link href="//feeds.feedburner.com" rel="dns-prefetch"></link>
<link href="//github.com" rel="dns-prefetch"></link>
<link href="//player.vimeo.com" rel="dns-prefetch"></link>
<link href="//platform.twitter.com" rel="dns-prefetch"></link>
<link href="//apis.google.com" rel="dns-prefetch"></link>
<link href="//connect.facebook.net" rel="dns-prefetch"></link>
<link href="//cdnjs.cloudflare.com" rel="dns-prefetch"></link>
<link href="//www.google-analytics.com" rel="dns-prefetch"></link>
<link href="//pagead2.googlesyndication.com" rel="dns-prefetch"></link>
<link href="//googleads.g.doubleclick.net" rel="dns-prefetch"></link>
<link href="//www.gstatic.com" rel="preconnect"></link>
<link href="//www.googletagservices.com" rel="dns-prefetch"></link>
<link href="//static.xx.fbcdn.net" rel="dns-prefetch"></link>
<link href="//tpc.googlesyndication.com" rel="dns-prefetch"></link>
<link href="//syndication.twitter.com" rel="dns-prefetch"></link>
Hoặc đoạn code này
<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='//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='//www.behance.net' 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'/><link href='//w.sharethis.com' rel='dns-prefetch'/><link href='//edge.sharethis.com' rel='dns-prefetch'/><link href='//t.sharethis.com' rel='dns-prefetch'/>
<link href='//s7.addthis.com' rel='dns-prefetch'/>
Vậy là xong rồi bài viết hướng dẫn thêm DNS-Prefetch cho blogger kết thúc.