Hiển thị số queries và thời gian tải trang WordPress

Tại Sao Cần Theo Dõi Số Queries và Thời Gian Tải Trang?

Việc theo dõi số lượng queries (truy vấn cơ sở dữ liệu) và thời gian tải trang là vô cùng quan trọng đối với hiệu suất và trải nghiệm người dùng trên website WordPress của bạn. Website tải chậm không chỉ gây khó chịu cho khách truy cập mà còn ảnh hưởng tiêu cực đến thứ hạng SEO của bạn.

Số lượng queries lớn và thời gian tải trang kéo dài thường là dấu hiệu của các vấn đề tiềm ẩn, chẳng hạn như:

• Plugin xung đột hoặc code kém tối ưu
• Theme nặng nề và không hiệu quả
• Cấu hình server không phù hợp
• Cơ sở dữ liệu bị phình to và không được tối ưu

Bằng cách giám sát hai yếu tố này, bạn có thể nhanh chóng xác định và khắc phục các vấn đề, đảm bảo website của bạn hoạt động mượt mà và hiệu quả.

Các Phương Pháp Hiển Thị Số Queries và Thời Gian Tải Trang

Có nhiều cách để hiển thị số queries và thời gian tải trang trên WordPress, từ việc sử dụng plugin đến thêm code trực tiếp vào theme. Dưới đây là một số phương pháp phổ biến:

Sử Dụng Plugin

Đây là cách đơn giản và phổ biến nhất, đặc biệt đối với người dùng không quen thuộc với code. Có rất nhiều plugin miễn phí và trả phí có thể giúp bạn theo dõi hiệu suất website, bao gồm:

• Query Monitor: Plugin miễn phí và mạnh mẽ, cung cấp thông tin chi tiết về các truy vấn cơ sở dữ liệu, các hook, các hàm và nhiều hơn nữa.
• WP Performance Profiler: Một plugin trả phí với nhiều tính năng nâng cao để phân tích hiệu suất website, bao gồm cả việc xác định các plugin hoặc theme gây ra chậm trễ.
• Debug Bar: Một plugin đơn giản hiển thị thông tin gỡ lỗi, bao gồm số lượng queries và thời gian tải trang.

Ví dụ về cách sử dụng Query Monitor:

1. Cài đặt và kích hoạt plugin Query Monitor từ kho plugin WordPress.
2. Sau khi kích hoạt, bạn sẽ thấy một menu mới trên thanh quản trị WordPress.
3. Di chuột qua menu này để xem thông tin về số lượng queries, thời gian tải trang, bộ nhớ sử dụng, và nhiều hơn nữa.
4. Bạn có thể nhấp vào menu để xem thông tin chi tiết về từng query.

Thêm Code Vào Theme (functions.php)

Nếu bạn muốn tự mình kiểm soát việc hiển thị thông tin này, bạn có thể thêm code trực tiếp vào file functions.php của theme (hoặc child theme) của bạn.

Ví dụ code:

function display_query_time() {
    if ( current_user_can('administrator') ) {
        $queries = get_num_queries();
        $timer_stop = timer_stop(0, 3);
        echo '<p>Queries: ' . $queries . '</p>';
        echo '<p>Load Time: ' . $timer_stop . ' seconds</p>';
    }
}
add_action( 'wp_footer', 'display_query_time' );

Giải thích code:

• current_user_can('administrator'): Đảm bảo rằng chỉ những người dùng có quyền quản trị mới nhìn thấy thông tin này.
• get_num_queries(): Trả về số lượng queries đã được thực hiện để tải trang.
• timer_stop(0, 3): Trả về thời gian tải trang, tính bằng giây, với độ chính xác đến 3 chữ số thập phân.
• add_action( 'wp_footer', 'display_query_time' ): Thêm hàm display_query_time vào cuối trang (footer).

Quan trọng: Trước khi chỉnh sửa file functions.php, hãy tạo bản sao lưu để đề phòng trường hợp có lỗi xảy ra. Tốt nhất nên sử dụng child theme để tránh mất các thay đổi khi theme được cập nhật.

Sử Dụng Công Cụ Developer Tools của trình duyệt

Hầu hết các trình duyệt hiện đại (Chrome, Firefox, Safari) đều có công cụ Developer Tools tích hợp, cho phép bạn kiểm tra thời gian tải trang và các tài nguyên được tải xuống.

Cách sử dụng:

1. Mở trang web của bạn trong trình duyệt.
2. Nhấn phím F12 (hoặc Cmd+Option+I trên macOS) để mở Developer Tools.
3. Chuyển đến tab “Network”.
4. Tải lại trang (F5).
5. Developer Tools sẽ hiển thị danh sách tất cả các tài nguyên được tải xuống, cùng với thời gian tải của từng tài nguyên.
6. Ở cuối danh sách, bạn sẽ thấy tổng thời gian tải trang (ví dụ: “Finish: 2.5s”).

Tab “Network” cũng hữu ích để xác định các tài nguyên nào đang tải chậm và gây ra chậm trễ.

Phân Tích Dữ Liệu và Tối Ưu Hiệu Suất

Sau khi bạn đã thiết lập một phương pháp để hiển thị số queries và thời gian tải trang, bước tiếp theo là phân tích dữ liệu và thực hiện các biện pháp tối ưu hóa.

Phân Tích Số Queries

Số lượng queries lý tưởng phụ thuộc vào độ phức tạp của website của bạn. Tuy nhiên, một trang đơn giản nên có dưới 50 queries. Nếu số lượng queries của bạn vượt quá 100, bạn nên xem xét các biện pháp tối ưu hóa.

Các bước tối ưu hóa:

• Kiểm tra plugin: Vô hiệu hóa từng plugin một để xem plugin nào gây ra nhiều queries nhất. Thay thế các plugin kém hiệu quả bằng các plugin tốt hơn.
• Tối ưu hóa theme: Chọn một theme nhẹ và được tối ưu hóa tốt. Tránh các theme có quá nhiều tính năng không cần thiết.
• Sử dụng cache: Cài đặt một plugin cache để giảm số lượng queries cơ sở dữ liệu.
• Tối ưu hóa cơ sở dữ liệu: Sử dụng plugin hoặc công cụ để dọn dẹp và tối ưu hóa cơ sở dữ liệu của bạn.

Phân Tích Thời Gian Tải Trang

Thời gian tải trang lý tưởng là dưới 3 giây. Nếu thời gian tải trang của bạn vượt quá 5 giây, bạn cần phải hành động ngay lập tức.

Các bước tối ưu hóa:

• Kích hoạt cache: Sử dụng plugin cache để lưu trữ các trang web đã được tạo và phục vụ chúng cho khách truy cập mà không cần phải truy vấn cơ sở dữ liệu mỗi lần.
• Tối ưu hóa hình ảnh: Giảm kích thước file hình ảnh bằng cách sử dụng các công cụ nén hình ảnh hoặc plugin tối ưu hóa hình ảnh.
• Sử dụng CDN: Sử dụng Content Delivery Network (CDN) để phân phối nội dung của bạn từ các server trên toàn thế giới, giúp giảm thời gian tải trang cho khách truy cập từ các vị trí địa lý khác nhau.
• Tối ưu hóa code: Giảm thiểu số lượng HTTP requests bằng cách kết hợp các file CSS và JavaScript. Sử dụng minification để giảm kích thước file code.
• Chọn hosting tốt: Sử dụng hosting chất lượng cao với server cấu hình tốt và băng thông đủ lớn.

Kết Luận

Việc theo dõi số queries và thời gian tải trang là một phần quan trọng của việc quản lý website WordPress hiệu quả. Bằng cách sử dụng các phương pháp và công cụ được đề cập trong bài viết này, bạn có thể xác định và khắc phục các vấn đề hiệu suất, mang lại trải nghiệm tốt hơn cho người dùng và cải thiện thứ hạng SEO của bạn.