Tăng tốc độ tải trang Blogspot với DNS Prefetch

Anh Trai Nắng
personAnh Trai Nắng
09 tháng 12
2
Có rất nhiều kỹ thuật và thực hành nhỏ giúp tăng tốc một trang Blogspot. Hầu hết giảm một vài phần nghìn giây cho nó.

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.

Tăng tốc độ tải trang Blogspot với DNS Prefetch
Tăng tốc độ tải trang Blogspot với DNS Prefetch.

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' />

Bước 3: Lưu chủ đề và truy cập Google Pagespeed Insights để kiểm tra lại nhé.

Lời kết

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.

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.

Tags
Anh Trai Nắng

Anh Trai Nắng

Không muốn hoặc không thích. Không tồn tại hoặc không thể! facebook twitter youtube instagram external-link

    Hiện thêm

    Đăng nhận xét

    HƯỚNG DẪN BÌNH LUẬN

    2 Nhận xét

    1. Nguyễn Đại Học04 tháng 7, 2022

      ồ, có thấy những dòng về DNS này nhưng k để ý lắm. Cảm ơn bài viết của bạn

      Trả lờiXóa
    Đăng nhận xét

    #buttons=(Thanks!) #days=(7)

    À mình có làm website tăng tương tác MXH giá rẻ. Mọi người nếu cần thì ghé sử dụng các dịch vụ thử nha. Ghé xem dịch vụ
    Ok, Go it!
    Chia sẻ với ứng dụng khác
    Copy Post Link

    HƯỚNG DẪN BÌNH LUẬN

    Chèn link

    Sử dụng công cụ Tạo link

    Chèn hình ảnh

    LINK_ANH - sử dụng công cụ upload ảnh. Và chỉ cần lấy link ảnh chèn vào bình luận là ảnh tự động hiển thị.

    Định dạng chữ

    <b>Chữ in đậm</b>
    <i>Chữ in nghiêng</i>
    <u>Chữ gạch chân</u>
    <strike>Chữ gạch ngang</strike>

    Chèn một đoạn Code

    Đầu tiên sử dụng công cụ này để mã hóa đoạn code muốn chèn.
    Sau đó dùng thẻ [code] CODE_ĐÃ_MÃ_HÓA [/code]

    Khác

    Nhập Email bạn hay dùng để nhận thông báo khi mình trả lời bình luận của bạn.
    Vui lòng không nhập bất kỳ Liên kết Spam nào trong hộp nhận xét.
    Tích vào ô "Thông báo cho tôi" để nhận thông báo nội dung phản hồi của bình luận.
    Chèn emoji: Nhấn tổ hợp phím “Windows + . (dấu chấm)”

    Đã hiểu