Cách thiết lập DNS prefetching trong WordPress

Hệ thống tên miền Prefetching thường được gọi là DNS prefetching là quá trình giải quyết tên miền trước khi người dùng yêu cầu. Nó chủ yếu được sử dụng để làm cho các trang web tải nhanh hơn và tăng hiệu suất tổng thể.

Hoàn thiện DNS trong WordPress là một cách phổ biến để làm cho các trang web tải nhanh hơn bằng cách tìm nạp trước các tài nguyên được yêu cầu thường xuyên như Google Font, Google Analytics, Font Awesome, v.v.

Trong bài viết này, bạn sẽ học cách thêm tính năng tìm nạp trước DNS vào WordPress bằng plugin hoặc thủ công. Điều này có thể giúp tăng tốc độ tải trang web WordPress.

Mục lục ẩn

DNS Prefetch hoạt động như thế nào?

Sử dụng DNS prefetching để làm gì

Cách thiết lập DNS prefetching trong WordPress

Kết luận

DNS Prefetch hoạt động như thế nào?

DNS Prefetch hoạt động ở chế độ nền. Nếu bạn đang tải tài nguyên từ nhiều miền. Điều này thường sẽ ảnh hưởng đến thời gian tải trang web vì trình duyệt sẽ mất khoảng 100ms để thực hiện tra cứu DNS.

Điều đó có nghĩa là nếu bạn có tới 5 miền để tải tài nguyên, trình duyệt có thể mất tới 500ms để tra cứu.

Nhưng chức năng tải trước DNS sẽ khiến tên miền mà bạn đang dựa vào phải tải ở chế độ nền trước khi người dùng nhấp vào liên kết kích hoạt tên miền đó.

Điều này có nghĩa là khi người dùng nhấp vào, tài nguyên đã sẵn sàng và trang sẽ tải ngay lập tức.

Nếu bạn phụ thuộc vào nhiều tài nguyên bên ngoài, DNS prefetch có thể cải thiện thời gian tải trang. Đối với một trang web WordPress điển hình sử dụng phông chữ Google, Google Analytics, v.v., DNS prefetch có thể tiết kiệm tới 500ms thời gian tải.

Sử dụng DNS prefetching để làm gì

Có nhiều tài nguyên bạn có thể tải trước để làm cho trang web của bạn tải nhanh hơn. Chúng bao gồm:

phông chữ Google
Google Analytics
URL CDN
Trình quản lý thẻ của Google
Font Awesome
Bản đồ Google
Và bất kỳ nguồn lực bên ngoài nào

Cách thiết lập DNS prefetching trong WordPress

Thực hiện theo các bước sau để bật tính năng DNS prefetch trong WordPress:

1. Cài đặt plugin DNS Prefetch

Cách dễ nhất để triển khai DNS prefetching trong WordPress là sử dụng plugin. Điều này sẽ giúp bạn không phải căng thẳng khi phải chỉnh sửa các tệp chủ đề của mình.

Plugin tốt nhất để giải quyết vấn đề này là Perfmatters . Đây là một plugin trả phí với rất nhiều tính năng tuyệt vời giúp tăng tốc website WordPress. Một lựa chọn khác là WP Rocket.

Đối với Perfmatters, bạn cần tải plugin từ trang web của họ . Cài đặt và kích hoạt plugin trong bảng điều khiển WordPress của bạn.

Nếu bạn không muốn sử dụng plugin mà muốn thực hiện thủ công thì hãy chuyển thẳng đến mục 4.

2. Thêm tên miền để tải trước

Sau khi cài đặt và kích hoạt plugin Perfmatters. Vào cài đặt plugin và nhấp vào nút nhấn bổ sung. Tại đó, bạn có thể thêm tên miền để tải trước.

Bạn chỉ nên thêm một tên miền trên mỗi dòng theo mẫu bên dưới:

//fonts.googleapis.com //www.google-analytics.com //cdnjs.cloudflare.com //www.googletagmanager.com

Đối với WP Rocket, hãy vào tab Preload và cuộn xuống Prefetch DNS Requests. Ở đó, bạn có thể nhập URL bạn muốn prefetch cùng một mẫu như trên.

3. Lưu thay đổi.

Hãy đảm bảo bạn lưu lại những thay đổi. Vậy là xong.

4. Thêm tính năng DNS prefetching vào WordPress theo cách thủ công.

Nếu bạn muốn thêm tính năng tìm nạp trước DNS vào WordPress theo cách thủ công mà không cần sử dụng plugin nào, bạn sẽ phải chỉnh sửa tệp functions.php của giao diện.

Chỉ cần thêm mã bên dưới vào tệp functions.php của bạn. Trong ví dụ bên dưới, tôi đã thêm Google Analytics, Google Tag Manager và Google fonts làm hướng dẫn. Bạn có thể chỉnh sửa và cũng có thể thêm nhiều hơn nữa.

//* DNS Prefetching
function dns_prefetch() {
    echo '<meta http-equiv="x-dns-prefetch-control" content="on">
<link rel="dns-prefetch" href="https://www.google-analytics.com" />
<link rel="dns-prefetch" href="https://www.googletagmanager.com" />
<link rel="dns-prefetch" href="https://fonts.googleapis.com" />
}
add_action('wp_head', 'dns_prefetch', 0);

Chỉ cần thêm một dòng mới như thế này:

<link rel="dns-prefetch" href="https://DOMAIN.com" />

Kết luận

DNS prefetching có thể tăng tốc trang web của bạn, đặc biệt là phiên bản di động. Bạn sẽ nhận thấy sự khác biệt, đặc biệt nếu bạn dựa vào nhiều tài nguyên bên ngoài.

Hãy nhớ rằng, mặc dù điều này có thể giúp tăng tốc độ trang web của bạn, nhưng dịch vụ lưu trữ WordPress và giao diện (Theme) bạn sử dụng mới là yếu tố quan trọng nhất quyết định tốc độ trang web. Tôi khuyên dùng Cloudways cho dịch vụ lưu trữ WordPress và bạn có thể xem bài đánh giá Cloudways của tôi để biết lý do. Nếu Cloudways quá đắt đối với bạn, thì Hostinger và Bluehost sẽ là lựa chọn tốt cho các trang web nhỏ.

Tôi cũng khuyên dùng GeneratePress cho giao diện và bạn có thể xem bài đánh giá GeneratePress của tôi để biết lý do.