Tăng tốc Website bằng cách kích hoạt .WEBP trên WordPress

Google đã phát triển một định dạng hình ảnh mới, kế thừa từ JPEG và PNG. Định dạng hình ảnh mới được gọi là WebP, giúp các nhà làm Web tối ưu hóa kích thước hình ảnh nhỏ hơn đáng kể hoặc không làm giảm chất lượng. Tin tốt cho việc tăng hiệu suất tốc độ của trang web WordPress của bạn! Dưới đây mình sẽ thống kê các bạn cách tăng tốc Website bằng cách kích hoạt định dạng Webp trong WordPress. (5 WordPress Plugin tối ưu hóa hình ảnh tốt nhất)

Tăng tốc Website bằng cách kích hoạt .WEBP trên WordPress
Tăng tốc Website bằng cách kích hoạt .WEBP trên WordPress

Trung bình, WebP làm cho hình ảnh có kích thước nhỏ hơn 39%. Độ nén với GIF động thậm chí còn lớn hơn: 64%. Tỷ lệ phần trăm giảm cho PNG nằm ở mức -45%. Những con số này khá ấn tượng, đặc biệt là với thực tế là có rất ít hoặc không có mất chất lượng. Bạn có thể đọc thêm trên trang nhà phát triển của Google về WebP và nguồn gốc của nó.

Hiện nay thì WebP hỗ trợ 3 trình duyệt:  Chrome, Opera, Edge.

1. Tăng tốc Website(WEBP) bằng Plugins

  • Shortpixel
  • Optimus (OptimusHQ)
  • EWWW Image Optimizer

Mình đã test thử 3 plugin: ShortPixel, Optimus và EWWW Image Optimizer, khá giống nhau trong hoạt động và tùy chọn. Cả ba đều chuyển đổi các tệp JPEG và PNG cũ sang định dạng WebP chỉ bằng một cú nhấp chuột đơn giản. Trong ví dụ sau, mình sử dụng ShortPixel để minh họa cho việc cài đặt.



1.1 Cài đặt plugin ShortPixel

  1. Cài đặt ShortPixel thông qua Plugins Thêm mới
  2. Cài đặt ShortPixel và yêu cầu API trong đăng ký.
  3. Sau đó, bạn sẽ nhận được khóa API trên tài khoản email được liên kết với trang web WordPress của bạn
  4. Nhập khóa API và kích hoạt
Shortpixel install

1.2 Cách chuyển đổi hình ảnh

Chuyển đến TAB thứ hai trong menu cài đặt và tích vào WebP Images

Tích chọn tối ưu hóa phương tiện khi tải lên và lưu cài đặt

2. Kiểm tra Web của bạn có đang dùng hình ảnh WebP hay không?

Bước cuối cùng là chạy thử nghiệm để xem thành công. Điều này có thể dễ dàng được kiểm tra bằng cách chọn một hình ảnh trên trang web của bạn và cố gắng lưu nó trên máy tính để bàn của riêng bạn với chức năng Lưu dưới dạng nếu xuất hiện .webp

Bình luận