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à
604800giâ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. :)
Trong trường hợp mình dùng Plugin Top comment thì size avatar là 45, còn size ở khung comment là 64 thì mình điền Gravatar size như nào bạn nhỉ :))
Điền theo kích thước lớn nhất. :P
Web của em có phần cho thành viên up ảnh đại diện lên, mà cái này nó không nhận ảnh đại diện, nó chỉ nhận ảnh hồ sơ để hiển thị trong bình luận. Giờ muốn nó lấy hình đại diện của thành viên thì làm thế nào vậy ad?
http://sv1.upsieutoc.com/2017/02/21/abc.png
Bạn có thể cài đặt plugin WP User Avatar để làm việc đó nhé. :P
Có cách nào dùng code thay plugin không ad?Em sợ nhiều plugin quá web nặng.
Không có giải pháp code nào tối ưu hơn plugin trong vấn đề này đâu bạn ạ. :P
Cảm ơn ad :) Em cài ngay và luôn :)
cài cái này chỉ nhanh hơn 1 tí thôi phải ko bạn.
Nếu site có nhiều bình luận thì sẽ nhanh hơn kha khá đấy bạn. :P
Thank bác đang cần cái này :D
cài thêm plugins có làm cho web load chậm hơn không bác
Còn tuỳ bạn cài thêm plugin nào nữa. :P
Theo dõi rất nhiều bài viết của anh thấy rất thú vị!. Nhất là bài viết nêu lên quan điểm cá nhân về các khoá học kiếm tiền online không hiệu quả.
Bài viết hay, Cám ơn bạn !
Dùng plugin nhiều cũng làm giảm tốc độ load trang mà.
Tất nhiên. Nên cái gì cần thiết mới cài thôi. Cài phải biết chọn lọc. Chứ không phải thấy giới thiệu cái gì cũng cài vào. :P
Trước giờ kiểm tra tốc độ web bị điểm thấp toàn do Gravatar, may quá gặp được bài viết này.
Tôi trước bỏ luôn cái Gravata luôn đi , chứ để load nặng lắm.
Gravatar là để khẳng định thương hiệu cá nhân của mỗi người nên bỏ đi sẽ khiến họ cảm thấy “trống vắng”. :D
Đúng rồi đấy anh, bình luận có cái mặt của mình, thấy nó cũng hấp dẫn hơn.