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 DNS prefetching trong WordPress bằng cách sử dụng plugin hoặc thủ công. Điều này có thể giúp thực hiện Trang web WordPress tải nhanh.

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 có nhiều nguồn lực bên ngoài mà bạn dựa vào, DNS nạp trước có thể cải thiện thời gian tải của bạn. Đối với một trang web WordPress thông thường sử dụng Google Fonts, 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 để xử lý việc này là Nước hoaĐây là một plugin cao cấp với nhiều tính năng tuyệt vời giúp tăng tốc website WordPress. Một lựa chọn thay thế khác là WP Rocket.

Đối với Perfmatters, bạn sẽ cần phải tải plugin từ trang web của họ. Cài đặt và kích hoạt nó 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 DNS prefetching trong WordPress theo cách thủ công mà không cần bất kỳ plugin nào thì bạn sẽ phải chỉnh sửa chủ đề của mình functions.php.

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 trong khi điều này có thể tăng tốc trang web của bạn, dịch vụ lưu trữ WordPress bạn sử dụng và Theme là yếu tố quan trọng nhất quyết định tốc độ trang web của bạn. Tôi khuyên bạn nên Cloudways cho dịch vụ lưu trữ WordPress và bạn có thể thấy tôi Đánh giá Cloudways vì lý do. Nếu Cloudways quá nhiều đối với bạn thì Hostinger và Bluehost sẽ hoạt động tốt cho các trang web nhỏ.

Tôi cũng khuyên bạn GeneratePress cho chủ đề và bạn có thể thấy tôi Đánh giá về CreatePress vì lý do