Nói chung, họ thêm vào những cải tiến hiệu suất thực tế, có thể nhận biết được của khách truy cập
Mỗi lần trình duyệt cần kết nối với một miền DNS mới phải có độ phân giải. Đây là nơi trình duyệt đi qua quá trình truy vấn máy chủ tên miền để tìm địa chỉ IP hoặc vị trí của tên miền trên Internet.
Bằng cách sử dụng DNS Prefetch, Bạn có thể làm giảm thời gian liên kết tải bên ngoài. Trong hướng dẫn này, chúng ta sẽ tìm hiểu làm thế nào để thêm DNS Prefetch trong trang Blogspot và để tăng tốc độ Blogger của chúng ta nhé.
Hướng dẫn thêm DNS Prefetch vào Blogspot
Bước 1: Các bạn đăng nhập vào blogger tìm đến chủ đề >> chỉnh sửa html.
Bước 2: Các bạn chèn đoạn thẻ HTML dưới đây vào sau thẻ <head>
<!-- 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' /><link href='//www.blogger.com/openid-server.g' rel='openid.server' /><link expr:href='data:blog.homepageUrl' rel='openid.delegate' /><link expr:href='data:blog.url' rel='canonical' /><b:if cond='data:blog.searchLabel'><link expr:href='data:label.url' rel='canonical' />
Bước 3: Lưu chủ đề và truy cập Google pagespeed insights để kiểm tra lại nhé.
Lời kết
Template Blogspot hiện nay hầu như các nhà thiết kế đều sử dụng DNS Prefetch này để tăng tốc độ tải trang cho nó. Hy vọng bài viết này sẽ giúp ích cho các bạn.
