Có rất nhiều kỹ thuật và thực hành nhỏ giúp tăng tốc một trang web. Hầu hết giảm một vài phần nghìn giây ở đây và ở đó. 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.
HƯỚng dẫn
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, 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 blogger và để tăng tốc độ trang web của chúng ta nhé.
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 : bạn tìm đến Thẻ mở <head> và đặt đoạn html sau phía dưới 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ủ đề lại và truy cập Google pagespeed insights và kiểm tra lại nhé.
Lời kết
Chúc các bạn thành công nếu thấy hay hãy share blog để mình phát triển thêm nhé.
DienDan.Edu.Vn Cám ơn bạn đã quan tâm và rất vui vì bài viết đã đem lại thông tin hữu ích cho bạn.DienDan.Edu.Vn! là một website với tiêu chí chia sẻ thông tin,... Bạn có thể nhận xét, bổ sung hay yêu cầu hướng dẫn liên quan đến bài viết. Vậy nên đề nghị các bạn cũng không quảng cáo trong comment này ngoại trừ trong chính phần tên của bạn.Cám ơn.
