Cache Gravatar giúp website WordPress của bạn load nhanh hơn.
Nếu bạn chưa biết thì Gravatar trong phần bình luận của website WordPress sẽ được tải từ server của Gravatar.com chứ không phải từ host của bạn. Do đó, ngay cả khi site của bạn được lưu trữ trên server tại Việt Nam thì nó vẫn bị ảnh hưởng bởi sự cố cáp quang biển, nhất là trong trường hợp bài viết có nhiều bình luận. Vậy làm sao để giải quyết vấn đề này nhằm tăng tốc độ load cho website WordPress của bạn? Giải pháp chính là cache Gravatar lên host. Trong bài viết hôm nay, tôi sẽ hướng dẫn chi tiết cho các bạn cách để làm điều đó.
Tham khảo thêm:
- Gravatar – Thay thế avatar mặc định của WordPress
- Hướng dẫn thay đổi Gravatar mặc định của WordPress
Tại sao Gravatar gây ảnh hưởng tới tốc độ load web?
Như đã nói ở đầu bài viết, Gravatar được tải trực tiếp từ server của Gravatar.com, do đó bạn không thể nén để giảm dung lượng hay thiết lập thời gian cache trên trình duyệt web cho chúng được. Mỗi Gravatar là một hình ảnh, vì vậy nếu một trang có càng nhiều Gravatar thì lượng request (truy vấn) càng nhiều và tốc độ load của nó càng chậm. Kể cả khi website của bạn sử dụng host đặt tại Việt Nam thì Gravatar vẫn được tải từ các server đặt ở nước ngoài. Nghĩa là tốc độ load của các thành phần trên website sẽ không đồng đều nhau. Bạn sẽ cần phải cache Gravatar lên host để giảm thiểu mức độ ảnh hưởng của chúng tới tốc độ load web.
Cache Gravatar với plugin LiteSpeed Cache
Nếu bạn đang sử dụng plugin LiteSpeed Cache trên website của mình thì mọi việc sẽ trở nên rất dễ dàng.
1. Tất cả những gì bạn cần làm là truy cập LiteSpeed Cache => Page Optimization => [6] Localization => Thiết lập như hình bên dưới.
Trong đó:
- Gravatar Cache: các bạn để ở trạng thái
ON
để kích hoạt nó. - Gravatar Cache Cron: các bạn để ở trạng thái
ON
để plugin tự động làm mới các bản cache sau một khoảng thời gian đã định. - Gravatar Cache TTL: thời gian cache của Gravatar, được tính bằng giây. Giá trị khuyến cáo là
604800
giây tương đương với 1 tuần.
Sau khi thiết lập xong, click vào nút Save Changes để lưu lại.
2. Truy cập 1 trang có chứa Gravatar, click chuột phải vào Gravatar bất kỳ rồi chọn Inspect. Nếu thấy đường link có dạng .../wp-content/litespeed/avatar/...
thì có nghĩa là bạn đã kích hoạt tính năng cache Gravatar thành công.
Cache Gravatar với plugin FV Gravatar Cache
1. Đầu tiên, các bạn cần cài đặt và kích hoạt một plugin có tên là FV Gravatar Cache (download).
2. Truy cập vào Settings => Discussion => Default Avatar => Chọn Gravatar mặc định là Mystery Person, Blank, Gravatar Logo hoặc Gravatar tùy chỉnh của bạn. Tuyệt đối không chọn những dạng còn lại (có chữ Generated).
3. Truy cập 1 trang hoặc bài viết có chứa bình luận với Gravatar mặc định. Click chuột phải vào Gravatar mặc định và lưu nó về máy tính của bạn. Kiểm tra xem nó có kích thước bao nhiêu pixel. Ví dụ là 100 x 100 pixel thì ở bước 5, các bạn sẽ thiết lập kích thước y hệt như vậy. Đổi tên file ảnh thành default
(với định dạng .png
).
4. Truy cập thư mục /wp-content/plugins/fv-gravatar-cache/images/
thông qua FTP/ SFTP hoặc File Manager của cPanel/ DirectAdmin. Xóa file default.png
có trong thư mục images
và upload file default.png
bạn đã tạo ở bước 3 lên.
5. Tiếp theo, truy cập Settings => FV Gravatar Cache => Thiết lập các thông số cần thiết cho plugin.
Trong đó:
- Custom Cache directory URL: tốt nhất nên để trống theo mặc định để tránh bị lỗi.
- Gravatar size: kích thước cho Gravatar bạn muốn cache.
- Daily cron: chạy cron job hàng ngày để làm mới các bản cache.
Click vào nút Save Changes để lưu các thiết lập sau khi hoàn tất. Click vào nút Run Cron Now để plugin bắt đầu hoạt động.
6. Click vào nút show trong mục Cache information, bạn sẽ nhìn thấy danh sách các Gravatar (tương ứng với email) đã được cache lên host.
Nó trông như thế này.
Cũng khá là đơn giản phải không nào? Chúc các bạn thành công!
Trong lần tải đầu tiên của một trang hoặc bài viết, thường sẽ mất thêm thời gian để tạo bản cache cho Gravatar nên tốc độ load chưa nhanh. Trong những lần tải sau đó, tốc độ tải sẽ được cải thiện rất nhiều do Gravatar đã được cache sẵn.
Mọi thắc mắc và góp ý liên quan đến việc cache Gravatar xin vui lòng gửi vào khung bình luận bên dưới để được hỗ trợ và giải đáp.
Nếu bạn thích bài viết này, hãy subscribe 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 qua email nhé. Cảm ơn rất nhiều. :)
Cái Gravatar Cache trong LiteSpeed Cache Page Optimization hình như nó hoạt động không hiệu quả mấy nhỉ. Hiếu nhỉ?
Không hiệu quả là sao bạn? Mình thấy nó vẫn cache Gravatar bình thường mà?
Thì mình bật lên và tắt đi, thấy điểm số vẫn không có gì thay đổi.
Bạn test bằng công cụ gì? Test trang con hay trang chủ? Trang đó có chứa Gravatar không? Bạn có bật tính năng lazy load hình ảnh không?
test bằng gtmetrix bạn ạ! Test bài viết. Bài viết nhiều bình luận, có Gravatar. có bật tính năng lazy load hình ảnh
Bạn có biết kết quả test GTmetrix và Google PageSpeed chỉ tính những thành phần được hiển thị trong màn hình đầu tiên (không tính những thứ phải kéo xuống mới hiển thị) không? Nếu bạn bật tính năng lazy load hình ảnh thì những Gravatar đó đâu có hiển thị trong màn hình đầu tiên để mà tính? :P
À thì ra là vậy!
Chưa gì đã nghĩ oan cho người ta. :P
cache gravatar bây giờ còn hiệu quả không anh Hiếu ? Web e hơi chậm e muốn cài anh ạ.
Vẫn hiệu quả chứ bạn. Blog của mình đang cache Gravatar bằng plugin LiteSpeed Cache đây.
Ông luôn tìm cách tối ưu từng chút một, hèn gì trang của ông load nhanh như gió vậy
Web của mình chạy host đặt ở Atlanta (Mỹ) đấy bạn. Nếu đặt ở VN chắc load không có delay luôn. :P