Tăng tốc độ tải trang cho blogspot - blogger bằng DNS Prefetch

DNS Prefetch là phản ứng HTTP điều khiển đầu tìm nạp trước DNS, một tính năng mà các trình duyệt chủ động thực hiện phân giải tên miền trên cả hai liên kết mà người dùng có thể chọn để làm theo cũng như URL cho các hạng mục tham chiếu bởi tài liệu, bao gồm hình ảnh, CSS, JavaScript,...

Tìm nạp trước này được thực hiện ở chế độ nền, do đó DNS là khả năng đã được giải quyết vào thời điểm các mục tham chiếu là cần thiết. Điều này làm giảm độ trễ khi người dùng nhấp vào một liên kết.

DNS Prefetch có công dụng như thế nào

- Các yêu cầu DNS là rất nhỏ về băng thông, độ trễ nhưng có thể khá cao, đặc biệt là trên các mạng di động. Bằng cách suy đoán tìm nạp trước kết quả DNS, độ trễ có thể được giảm đáng kể vào những thời điểm nhất định, chẳng hạn như khi người dùng nhấp chuột vào liên kết. Trong một số trường hợp, độ trễ có thể được giảm một giây.
- Việc thực hiện nạp trước này trong một số trình duyệt cho phép độ phân giải tên miền xảy ra song song với nội dung trang thực tế. Bằng cách này, các tên miền quá trình phân giải cao độ trễ không gây ra bất kỳ sự trì hoãn trong khi lấy nội dung.
- Thời gian tải trang đặc biệt là trên các mạng di động có thể được cải thiện cách đo theo cách này. Nếu tên miền với hình ảnh có thể được giải quyết trước khi những hình ảnh được yêu cầu, các trang tải nhiều hình ảnh có thể thấy một sự cải tiến 5% trở lên trong thời điểm tải hình ảnh.

Sử dụng DNS Prefetch cho blogspot

Để sử dụng DNS Prefetch cho blogspot bạn cần tìm thẻ <head> trong mẫu sau đó dán đoạn code sau xuống dưới thẻ đó

<!-- 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='//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'/>
<!-- End DNS Prefetch -->

Cuối cùng bạn lưu mẫu lại và cảm nhận tốc độ trang đã có sự cải thiện rồi đó!
Chúc bạn thành công!

Download Here