Một số giải pháp giúp tăng tốc phần bình luận của website WordPress.
Có thể bạn chưa biết, phần bình luận ảnh hưởng khá nhiều đến tốc độ load của một website WordPress, đặc biệt là những website có nhiều bình luận hoặc sử dụng hệ thống bình luận của bên thứ ba (Facebook, Disqus…). Cải thiện tốc độ load của phần bình luận sẽ giúp bạn cải thiện đáng kể tốc độ load tổng thể của website. Trong bài viết hôm nay, tôi sẽ tổng hợp cho các bạn một số phương pháp hiệu quả để làm điều này.
Tham khảo thêm:
- Loại bỏ mục website trong khung bình luận WordPress
- Gửi email thông báo khi có bình luận mới trên WordPress
Một số giải pháp giúp tăng tốc phần bình luận
Lazy load bình luận
Đây chắc chắn là phương án hiệu quả nhất để tăng tốc phần bình luận. Hiểu một cách đơn giản thì các bình luận sẽ chỉ được tải khi người dùng cuộn trang tới hoặc bấm vào nút yêu cầu tải bình luận.
- Nếu website của bạn đang sử dụng hệ thống bình luận mặc định của WordPress, hãy cài đặt plugin Lazy Load for Comments. Ngoài ra, plugin wpDiscuz cũng được trang bị tính năng này.
- Nếu website của bạn đang sử dụng hệ thống bình luận của Disqus, hãy cài đặt thêm plugin Disqus Conditional Load.
- Nếu website của bạn đang sử dụng hệ thống bình luận của Facebook, hãy cài đặt thêm plugin Lazy Social Comments hoặc tham khảo bài viết “Hướng dẫn chèn Facebook Comments vào website WordPress” để tích hợp Facebook Comments mà không gây ảnh hưởng đến tốc độ load web.
Phân trang bình luận
Đây là một phương án thay thế cũng rất hiệu quả trong trường hợp bạn không muốn sử dụng các plugin lazy load bình luận. WP Căn bản cũng đang áp dụng phương pháp này. Việc phân trang sẽ giúp bạn giảm DOM size, page size cũng như số lượng request trên mỗi trang xuống. Qua đó, giúp tăng tốc độ load của trang.
Tham khảo thêm: Làm thế nào để phân trang bình luận trong WordPress?
Cache và lazy load Gravatar
Một trong những thứ ảnh hưởng nhiều nhất đến tốc độ load của phần bình luận nói riêng và của website nói chung chính là Gravatar. Số lượng bình luận càng nhiều thì số lượng Gravatar được load càng nhiều, mỗi Gravatar là một hình ảnh. Theo mặc định, Gravatar sẽ được tải từ server riêng, không thể cache và tối ưu theo cách thông thường. Tuy nhiên, một vài plugin như LiteSpeed Cache có thể giúp bạn cache và lazy load chúng vô cùng đơn giản.
Tham khảo thêm:
- Cache Gravatar giúp website WordPress load nhanh hơn
- Hướng dẫn lazyload hình ảnh với plugin LiteSpeed Cache
Sử dụng local avatar
Một giải pháp khác mà các bạn có thể tính đến chính là thay thế hoàn toàn Gravatar bằng local avatar (được load trực tiếp từ website của bạn). Sử dụng plugin Simple Local Avatars sẽ giúp bạn làm điều này một cách đơn giản.
Tham khảo thêm: 3 Plugins giúp tùy chỉnh avatar bình luận trong WordPress
Lời khuyên
Trên đây là một số thủ thuật giúp tăng tốc phần bình luận của WordPress mà WP Căn bản đã tổng hợp được. Các bạn có thể sử dụng kết hợp chúng để mang lại hiệu quả tốt nhất. Ví dụ như đối với WP Căn bản, chúng tôi đang kết hợp việc phân trang bình luận với cache và lazy load Gravatar. Nếu bạn biết bất kỳ thủ thuật nào khác, đừng quên chia sẻ nó với chúng tôi thông qua khung bình luận bên dưới.
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. :)
Posts nào nhiều bình luận là khi test với Google PageSpeed sẽ bị báo kích thước Dom quá lớn ^^
Về tối ưu bình luận, nếu mà anh em có xài wpDiscuz thì nó cũng có hỗ trợ tối ưu luôn.
Có 2 cách để giảm DOM-size là lazy load bình luận hoặc phân trang bình luận. Cho bạn nào chưa biết thì lazyload hình ảnh không giúp giảm DOM-size. :D
Ùm Hiếu, nếu mà blog tầm vài trăm comment thì nên chú trọng chỗ tối ưu này hoặc muốn điểm PageSpeed xanh lè.
Còn không thì cứ để điểm khá (60đ 70đ mobile) cũng được, tốc độ tải thực tế nhanh là được.