Thứ Sáu, 20 tháng 1, 2017

Làm thế nào để Tăng tốc độ trang web Blogger bởi DNS Prefetch

DNS Prefetch là một cách để giải quyết các DNS của một tên miền cụ thể. Đôi khi chúng ta sử dụng bên ngoài hình ảnh / js / css vv .. liên kết trong trang web  và nó ảnh hưởng đến thời gian tải trang web. Bằng cách sử dụng DNS Prefetch, chúng ta 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 blogger và để tăng tốc độ trang web của chúng ta.





Theo W3C, "kiểu liên kết dns prefetch quan hệ được sử dụng chỉ một nguồn gốc mà sẽ được sử dụng để lấy nguồn lực cần thiết, và các nguồn nội dung người dùng cần giải quyết càng sớm càng tốt." [1]

Làm cách nào để thêm dns-prefetch vào Blogger

  1. Đăng nhập vào tài khoản blogger của bạn
  2. Chuyển đến mẫu > chỉnh sửa HTML 
  3. Nhấp vào bất cứ nơi nào bên trong khu vực mã
  4. Nhấn CTRL + F từ bàn phím
  5. Tìm đến
  6. <head>
  7. Dán đoạn mã sau dưới của
<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: đã bao gồm tất cả các mã dns-prefetch.
7. Click on Save template Ok Done. Bây giờ website của bạn tải nhanh hơn so với trước :) thử đi!


EmoticonEmoticon