• Trang chủ
  • WordPress
    • Thủ thuật WordPress
    • WordPress Plugins
    • WordPress Themes
  • Hosting và Domain
  • Kiếm tiền
  • Đánh giá
  • Khuyến mãi
  • Thông báo
  • Giới thiệu
  • Liên hệ

WP Căn bản

Kiến thức căn bản cho người dùng WordPress

paradise-child-theme-wordpress-theme-tot-nhat
  • Dịch vụ WordPress Hosting
  • Dịch vụ tối ưu WordPress
  • Dịch vụ quét mã độc WordPress
  • Mua Paradise child theme
Trang chủ » WordPress » Thủ thuật WordPress » Preload tài nguyên trong website WordPress
hosting-tot-nhat-danh-cho-wordpress

Preload tài nguyên trong website WordPress

Cập nhật: 07/03/2023 Trung Hiếu 6 Bình luận

Mục lục Hiện
  • 1. Tại sao bạn nên chọn Pre* Party Resource Hints?
  • 2. Preload tài nguyên trong WordPress

Preload tài nguyên trên website WordPress, sửa lỗi “Preload key requests” trong Google PageSpeed.

preload-tai-nguyen-trong-website-wordpress

Bạn đã bao giờ test tốc độ website của mình trên Google PageSpeed Insights và nhận được cảnh báo màu đỏ với nội dung “Preload key requests” hay chưa? Cảnh báo này thường liên quan đến các file CSS, JS hoặc Web Font, Icon Font… trên website của bạn. Nó có nghĩa là bạn nên cho các thành phần kể trên được phép tải trước nhằm tăng tốc độ hiển thị của website. Vậy làm thế nào để preload các tài nguyên trong website WordPress? Nhờ sự trợ giúp của một plugin có tên là Pre* Party Resource Hints, mọi thứ sẽ trở nên thật dễ dàng để làm điều đó.

Tham khảo thêm:

  • Máy chủ phản hồi chậm – nguyên nhân và cách khắc phục
  • Khắc phục lỗi cache của Google Analytics trong WordPress

Tại sao bạn nên chọn Pre* Party Resource Hints?

  • Hoàn toàn miễn phí.
  • Dễ dàng cài đặt và sử dụng.
  • Vẫn đang tiếp tục được duy trì và phát triển bởi lập trình viên.
  • Ngoài tính năng preload, plugin này còn hỗ trợ cả DNS prefetch, prerender, preconnect và prefetch.

Preload tài nguyên trong WordPress

1. Đầu tiên, các bạn cần phải cài đặt và kích hoạt plugin Pre* Party Resource Hints (download).

cai-dat-va-kich-hoat-plugin-pre-party-resource-hints

2. Quay trở lại kết quả test Google PageSpeed, copy link của những tài nguyên mà Google khuyên bạn nên preload.

preload-key-requests-google-pagespeed-insights

3. Truy cập Pre* Party => Insert Hints, bạn sẽ nhìn thấy khung Add New Resource Hint.

thiet-lap-preload-tai-nguyen

Trong đó:

  • Domain or URL: hãy điền link tài nguyên muốn preload mà bạn đã copy ở bước 2 vào đây.
  • Preload: tick vào mục này.
  • Crossorigin: tick vào mục này.
  • as: chọn loại tài nguyên cho phù hợp.
  • Mime Type: chọn định dạng file cho phù hợp.
  • Media Attribute: tính năng này cho phép bạn thiết lập preload file trên một số kích thước màn hình tùy chỉnh. Với nhu cầu thông thường, hãy bỏ trống nó.

Click vào nút Insert Resource Hint để xác nhận.

4. Xóa cache website (nếu có) và xem mã nguồn website (view-source) để biết liệu tài nguyên đã được preload hay chưa.

preload-tai-nguyen-thanh-cong

Cuối cùng, tất nhiên rồi, hãy test lại một lần nữa với Google PageSpeed Insights để đảm bảo vấn đề “Preload key requests” đã được khắc phục. Thật đơn giản phải không nào? Chúc các bạn thành công!

Ngoài plugin Pre* Party Resource Hints (miễn phí), các bạn cũng có thể dùng plugin Perfmatters (trả phí) hoặc tính năng Preload specific requests của plugin Autoptimize (miễn phí) để làm điều tương tự. Tham khảo bài viết “Sử dụng plugin Autoptimize để tối ưu website WordPress” để biết thêm chi tiết.

Nếu bạn thích bài viết này, hãy theo dõi blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất nhé. Cảm ơn rất nhiều. :)

  • Chia sẻ lên Facebook
  • Chia sẻ lên Twitter
  • Chia sẻ lên LinkedIn

Bài viết liên quan

Ra mắt plugin APCu Object Cache độc quyền tại WP Căn bản
Ra mắt plugin APCu Object Cache độc quyền tại WP Căn bản
Tính năng Crawl Optimization của plugin Yoast SEO
Tính năng Crawl Optimization của plugin Yoast SEO
Vô hiệu hóa WooCommerce Brands để tăng tốc độ
Vô hiệu hóa WooCommerce Brands để tăng tốc độ

Chuyên mục: Thủ thuật WordPress Thẻ: Tăng tốc WordPress

dich-vu-wordpress-hosting-chong-ddos-mien-phi

Nói về Trung Hiếu

Một người con của xứ Nghệ, hiện đang sinh sống tại Hà Nội. Tôi là người sáng lập và đứng sau mọi hoạt động của WP Căn bản. Tìm hiểu thêm về tôi tại đây.

Bài viết trước « Tích hợp CloudFlare Turnstile vào website WordPress
Bài viết sau Cache WordPress REST API để tăng tốc độ load »

Reader Interactions

Bình luận

    Để lại một bình luận Hủy

    Tất cả các bình luận đều sẽ được kiểm duyệt nghiêm ngặt. Mọi bình luận trái quy định sử dụng sẽ bị gỡ bỏ link hoặc xóa bỏ hoàn toàn. Vui lòng đọc kỹ quy định trước khi bình luận. Xin cảm ơn!

  1. David Do 93 bình luậnviết

    01/06/2023 lúc 04:42

    Nó giống tính năng “Prefetch DNS Requests” của WP-Rocket phải ko bác?

    Bình luận
    • Trung Hiếu Quản lýviết

      01/06/2023 lúc 10:51

      Prefetch DNS Requests (DNS Prefetch), Prefetch, Prerender, Preconnect và Preload là những khái niệm hoàn toàn khác nhau bạn nhé.

      Bình luận
  2. Kenivinh 16 bình luậnviết

    17/05/2023 lúc 18:14

    Mục đích là làm đẹp điểm số hay tăng tốc độ bạn nhỉ?

    Bình luận
    • Trung Hiếu Quản lýviết

      17/05/2023 lúc 18:16

      Cả 2 nhé.

      Bình luận
  3. Tịnh Nguyễn Blog 168 bình luậnviết

    01/04/2023 lúc 05:59

    Coi bộ hay nhỉ, quánh dấu để làm thử !

    Bình luận
  4. Nhà Container 3 bình luậnviết

    28/03/2023 lúc 21:17

    Hay lắm. mình dùng wp rocket nhưng vẫn phải dùng thêm thằng này

    Bình luận

Sidebar chính

NHẬN BÀI VIẾT QUA EMAIL

Hãy đăng ký ngay để là người đầu tiên nhận được thông báo qua email mỗi khi chúng tôi có bài viết mới!

Tham gia cùng 10.000+ người khác.

Theo dõi qua mạng xã hội

Facebook Group

wpcanban-facebook-group

Bạn đang tìm gì?

WordPress căn bản

Bảo mật WordPress

Tăng tốc WordPress

Sửa lỗi WordPress

Thủ thuật Genesis

Thủ thuật SEO

Thủ thuật CloudFlare

Thủ thuật LiteSpeed

Thủ thuật WooCommerce

Sử dụng theme Paradise

Dịch vụ tối ưu WordPress miễn phí

dich-vu-toi-uu-wordpress-mien-phi

Dịch vụ quét mã độc miễn phí

dich-vu-quet-ma-doc-wordpress-mien-phi

Footer

Bài viết mới nhất

  • Plugin chống copy nội dung siêu nhẹ cho WordPress 20/05/2025
  • Tự động tạo alt-text cho hình ảnh trong WordPress 18/05/2025
  • Năm 2025 rồi, có nên viết blog nữa không? 07/05/2025
  • Ra mắt plugin APCu Object Cache độc quyền tại WP Căn bản 16/04/2025

Bình luận mới nhất

  • Trung Hiếu trong Bật mí về các công nghệ mà WP Căn bản đang sử dụng
  • Khánh trong Bật mí về các công nghệ mà WP Căn bản đang sử dụng
  • Trung Hiếu trong Năm 2025 rồi, có nên viết blog nữa không?
  • Tuấn Kỷ Nguyên Blog trong Năm 2025 rồi, có nên viết blog nữa không?

Thông tin hữu ích

  • Giới thiệu bản thân
  • Quy định sử dụng
  • Chính sách bảo mật
  • Bản quyền nội dung

Thống kê WP Căn bản

9 Chuyên mục - 1.001 Bài viết - 35.504 Bình luận

Bản quyền © 2014 - 2025 · WP Căn bản (tiền thân là eBooksvn.com) · Sử dụng Paradise child theme và dịch vụ WordPress Hosting