WP Căn bản
Kiến thức căn bản cho người dùng WordPress
Giới thiệu về định dạng ảnh WebP. Hướng dẫn tạo và load ảnh WebP trên website WordPress, giúp cải thiện tốc độ load web một cách hiệu quả.
WebP là định dạng ảnh được khuyên dùng hiện nay vì nó nhẹ hơn khá nhiều so với định dạng JPG và PNG. Tuy nhiên, WebP cũng có một số nhược điểm như chất lượng hình ảnh thấp hơn, tiêu tốn dung lượng lưu trữ và inodes khi phải đồng thời duy trì cả 2 phiên bản (WebP và JPG/ PNG). Nếu bạn đang có ý định loại bỏ định dạng ảnh WebP trên website WordPress của mình vì một trong những nguyên nhân kể trên thì bài viết này này là dành cho bạn.
Nếu bạn chưa biết thì LiteSpeed Cache là một plugin toàn năng. Không những có khả năng tạo cache (bộ nhớ đệm); tối ưu HTML, CSS, JS, database, Google Fonts; hỗ trợ CDN… plugin này còn có thể giúp bạn nén hình ảnh, thậm chí là tạo cả phiên bản WebP cho chúng. Tuy nhiên, việc ôm đồm quá nhiều thứ khiến cho tính năng nén ảnh của LiteSpeed Cache không thực sự tốt như những plugin chuyên dụng. Do đó, thay vì nén và tạo ảnh WebP bằng plugin LiteSpeed Cache, chúng tôi khuyên bạn chỉ nên sử dụng nó để load ảnh WebP mà thôi.
Nếu bạn chưa biết thì WebP chính là một trong những chìa khóa quan trọng giúp WP Căn bản có được tốc độ load “thần sầu” như ngày hôm nay, bên cạnh những bí quyết đã được bật mí trước đó. Với WebP, các bạn có thể giảm page-size đi đáng kể nhờ dung lượng của ảnh ở định dạng WebP thấp hơn rất nhiều so với PNG hay JPG/JPEG truyền thống. Việc sử dụng WebP trong WordPress hiện tại cũng đã trở nên rất dễ dàng nhờ sự trợ giúp của một số plugin chuyên dụng.
Hình ảnh thường là thành phần chiếm dung lượng lớn nhất trong page-size của một trang, đặc biệt là những trang sử dụng nhiều ảnh. Do đó, nếu hình ảnh được tối ưu không tốt, chúng hoàn toàn có thể khiến tốc độ load trang của bạn chậm đi rất nhiều. Trong những bài viết trước đây, tôi đã từng giới thiệu với bạn một số dịch vụ và plugin miễn phí để tối ưu hình ảnh cho WordPress. Tuy nhiên, cái gì cũng có giá của nó. Những dịch vụ miễn phí thường chỉ hỗ trợ nén lossless nên hiệu quả không cao.
Trong 2 bài viết trước, tôi đã hướng dẫn cho các bạn cách tối ưu hình ảnh bằng plugin reSmush.it Image Optimizer và Robin Image Optimizer rồi phải không nào? Nếu chưa xem, bạn có thể theo dõi trong phần link tham khảo bên dưới. Một nhược điểm của 2 plugin này là chúng không hỗ trợ tạo ảnh WebP đối với phiên bản miễn phí. Do đó, nếu muốn sử dụng định dạng ảnh WebP, chúng ta sẽ cần phải cài đặt thêm một plugin khác. Và plugin mà tôi đang muốn giới thiệu đến các bạn trong bài viết hôm nay chính là WebP Converter for Media.
Bình luận mới nhất