EWWW Image Optimizer – Sự thay thế tuyệt vời cho Smush.It.
Khi nói đến plugin giúp nén hình ảnh để tối ưu tốc độ load cho blog/ website WordPress, nhiều người sẽ nghĩ ngay đến Smush Image Compression and Optimization (WP Smush.It). Đây cũng là điều hiển nhiên bởi vì plugin được phát hành bởi wpmudev này đã trở nên quá phổ biến với hơn 1.000.000 lượt download. Tuy nhiên, vẫn còn 1 plugin nổi tiếng không kém, mà theo đánh giá của tôi, nó còn tốt hơn cả Smush.It. Với hơn 600.000 lượt download, plugin mà tôi đang muốn nói đến ở đây chính là EWWW Image Optimizer.
Tham khảo thêm:
- Sử dụng định dạng WebP cho hình ảnh trong WordPress
- Làm thế nào để sử dụng Progressive JPEG trong WordPress?
Tại sao EWWW Image Optimizer là plugin nén ảnh miễn phí tốt nhất?
Sở dĩ tôi dám khẳng định EWWW Image Optimizer (EIO) tốt hơn cả WP Smush.It là vì tốc độ nén của nó nhanh hơn và hiệu quả nén cũng cao hơn. Bằng chứng rõ ràng nhất là nhiều hình ảnh nén bằng EIO giảm được nhiều dung lượng hơn so với Smush.It, trong khi chất lượng là tương đương nhau. Hơn nữa, EIO sở hữu nhiều chức năng hữu ích khác mà Smush.It không có. Ví dụ như khả năng chuyển đổi đinh dạng của hình ảnh: từ GIF sang PNG, từ PNG sang JPG và ngược lại. Dung lượng của file GIF > PNG > JPG nên điều này sẽ giúp bạn có tốc độ load nhanh hơn và tiết kiệm không gian lưu trữ. Kể từ khi chuyển sang sử dụng EIO thay cho Smush.It, blog của tôi đã không còn gặp phải bất cứ lỗi nào về tối ưu hóa hình ảnh khi test với các công cụ kiểm tra hiệu suất website.
Ngoài ra, EIO còn tích hợp sẵn tính năng cho phép bạn tạo định dạng ảnh WebP hoàn toàn miễn phí. Nếu chưa biết WebP là gì và tác dụng của nó như thế nào, các bạn có thể tham khảo link ở phần đầu bài viết.
Yêu cầu để sử dụng EWWW Image Optimizer
Điều kiện tiên quyết để có thể sử dụng được EIO theo cách hoàn toàn miễn phí là hosting của bạn phải được bật exec() function trong PHP.
Thông thường, một khi đã tắt exec() thì nhà cung cấp sẽ tắt trên tất cả các phiên bản PHP, nên việc chuyển đổi phiên bản PHP hầu như sẽ không có tác dụng. Nếu host của bạn bị tắt tính năng này, không có cách nào khác là phải liên hệ với nhà cung cấp để yêu cầu họ mở ra. Nếu họ không chịu mở vì lý do “bảo mật” gì đó thì cũng không có cách nào khác là các bạn phải chuyển host. HawkHost và StableHost là những nhà cung cấp không tắt exec() trong PHP nên các bạn có thể thoải mái sử dụng EIO.
Ngoài ra, nếu host bị tắt exec() và bạn có điều kiện về kinh tế, hãy mua gói Cloud Compression để nén ảnh bằng API Key.
Hướng dẫn sử dụng EWWW Image Optimizer
1. Đầu tiên, các bạn cần phải cài đặt và kích hoạt plugin EWWW Image Optimizer (download).
2. Truy cập Settings => EWWW Image Optimizer => Basic Settings và thiết lập các mục như sau:
3. Chuyển sang tab WebP Settings và thiết lập như hình bên dưới:
Click vào nút Save Changes để lưu lại. Ngay lập tức, các bạn sẽ được cung cấp 1 đoạn code mod_rewrite để chèn vào file .htaccess. Tác dụng của đoạn code này là giúp hiển thị định dạng ảnh WebP trên các trình duyệt có hỗ trợ (Chrome, Opera…).
- Nếu web server của bạn là Apache hoặc LiteSpeed, hãy click vào nút Insert Rewrite Rules để chèn code tự động. Trong trường hợp plugin không được phép chèn code vào file
.htaccess, hãy copy nội dung và paste nó vào cuối file.htaccess, thông qua FTP hoặc File Manager của cPanel/ DirectAdmin. - Nếu web server của bạn là NginX hoặc code bên trên không có tách dụng, hãy tick vào mục Alternative WebP Rewriting và click vào nút Save Changes một lần nữa.
Các tính năng khác còn lại, các bạn có thể để mặc định hoặc tự nghiên cứu thêm.
4. Sau khi thiết lập, EIO sẽ tự động nén các hình ảnh bạn mà bạn tải lên. Tuy nhiên, đối với các hình ảnh đã tải lên trước đó, bạn cần phải nén chúng bằng tay. Truy cập vào Media => Bulk Optimize. Tại đây, bạn có thể nén toàn bộ ảnh đã upload và ảnh của theme, plugin với chỉ một vài click chuột.
Click vào nút Scan for unoptimized images => chờ cho quá trình quét kết thúc, sau đó click vào nút Start Optimizing để bắt đầu nén ảnh.
3. Ngoài ra, bạn có thể truy cập vào Media => Library để nén từng ảnh mà bạn muốn bằng cách click vào nút Re-optimize hoặc chuyển đổi định dạng của các file ảnh.
Hiệu quả mà plugin EWWW Image Optimizer mang lại là rất lớn. Tuy nhiên, nó cũng sẽ khiến bạn tốn thêm dung lượng host (để lưu trữ định dạng ảnh WebP – nếu bạn bật tính năng này) và có thể làm giảm chất lượng của hình ảnh. Vì vậy bạn nên cân nhắc kỹ khi có ý định sử dụng nó trên các hosting có dung lượng lưu trữ hạn chế và các website cần hiển thị hình ảnh chất lượng cao.
Bạn đang sử dụng plugin nào để tối ưu hình ảnh trên blog/ website của mình? Bạn đánh giá thế nào về hiệu quả mà chúng mang lại? Hãy chia sẻ với chúng tôi bằng cách sử dụng khung bình luận bên dưới.
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. :)
Hay quá , cảm ơn Hiếu, mình dùng cho web http://giamgianao.com/ của mình sẽ ngon vì dùng quá nhiều ảnh mỗi ngày
Anh ơi, web em nặng quá, dùng cái này nén lại thì cải thiện tốt ko ạ ?
Tất nhiên là sẽ cải thiện được nhiều rồi. Nhưng phải xem host của bạn có chạy được EIO không đã. :)
Chạy được bạn ah. Mình hỏi chút, hiện tại web mình đang dùng vps ram 512, hd 20gb, cpu 1gb nhưng mình thấy load rất chậm. Nếu tối ưu lại ảnh thì nó có load nhanh hơn ko ?
Dung lượng ảnh giảm thì tất nhiên là load nhanh hơn rồi. Còn nhanh hơn bao nhiêu thì lại phụ thuộc nhiều yếu tố (vị trí địa lý, themes, plugins…). :P
Kiểm tra theme như thế nào là tối ưu vậy anh ? Em đau đầu vụ này quá. Hiện tại web em load chậm wa :(ko biết làm sao
Bạn có thể dùng Google PageSpeed Insights, GTMetrix và Pingdom để test thử và tìm giải pháp khắc phục theo gợi ý của những công cụ này nhé: https://wpcanban.com/wordpress/thu-thuat-wordpress/top-3-cong-cu-kiem-tra-toc-do-va-hieu-suat-website.html :)
Cám ơn bạn nhé, mình đang nghiên cứu các chủ đề của bạn, mình bên software developer xưa cứ tưởng làm web dễ hơn lập trình ai dè giờ đụng vào mới thấy nó khá là khó. Làm web không chỉ biết lập trình mà còn phải có đầu óc thẩm mỹ, suy luận tâm lý khách hàng thì mới thiết kế được. Đặc biệt là SEO, vì trang đầu của google thì nó chỉ có một mà cả đất nước lao vào SEO ^-^, cạnh tranh ác liệt, cái này thì đúng là khó hơn mọi loại lập trình, thua mỗi lập trình ngôn ngữ trí tuệ nhân tạo, Cơ mà SEO ở công ty đã nổi tiếng sẵn hoặc trang web của nó có lâu đời và đã từng đứng top rồi thì dễ ẹc ^-^
Cám ơn bạn rất nhiều, rõ ràng là EIO tốt hơn rất nhiều so với WP Smush vì dạo này WP Smush gặp rất nhiều lỗi và nén rất chậm, thường xuyên bị đứng khi nến thậm chí có vài ảnh, không hiểu tại sao, nhưng sài cái EIO này thì lúc đầu thấy tuyệt vời mà không biết sau thế nào. Không biết có bạn nào biết toàn bộ các cách để giảm time response server của trang web cho mình biết không nhỉ
WP Smush nó làm thế để bắt người dùng phải mua bản trả phí. :P Cách đơn giản nhất để giảm thời gian phản hồi của server là sử dụng plugin tạo cache nhé. Bạn có thể tham khảo thêm các bài viết hướng dẫn cấu hình WP FFPC hoặc WP Super Cache trên blog của mình. :)
Cậu có biết sự khác biệt giữa hai phiên bản: EWWW Image Optimizer và EWWW Image Optimizer Cloud không? Tớ không tìm thấy ai viết về cái này cả!
EWWW Image Optimizer Cloud là bản trả phí và sử dụng hệ thống Cloud của EIO để nén ảnh chứ không sử dụng host. :D
Đang dùng bình thường thì hôm nay không thể nén ảnh và nó yêu cầu phải mua KEY ạ :(
“key verification failed”
Ủa. Mình vẫn dùng ok mà. Có thấy thông báo gì đâu? Bạn chụp cái screenshot thông báo lỗi rồi post link lên đây mình xem nào. :)
đây này a ơi tự nhiên bị
https://i.imgur.com/h4N6JGW.png
Sao lại có vụ verify key ở đây? Bạn mua gói trả phí của EIO đấy à? :P
Ko a ơi. E dùng bản free đc 2 tháng r. Xong hnay nghĩ thế nào scan thử thì thấy còn nhiều ảnh chưa scan quá mà rõ ràng đã làm trc đó r. Xong để ý kỹ log thì chả ảnh nào đc nén và báo lỗi này
Bạn kiểm tra xem mục “Cloud optimization API Key” có bị điền cái gì vào không?
không a ơi trống trơn, e thử xóa plugin đi cài lại rồi vẫn thế
thật ra e có nhiều web, có web thì mục jpegtran còn ko đc cài -> ko nén đc ảnh jpg
tóm lại cái plugin này giờ nó cứ kiểu gì ý
Không phải cái plugin có vấn đề mà là cái host của bạn có vấn đề ấy. Nó chặn không cho plugin cài thêm các file cần thiết.
Tạm thời bỏ qua vụ verify key, e có 1 web khác, cài ewww đủ thành phần, nhưng có hiện tượng là sau khi scan và tối ưu ảnh, tầm 5 phút sau e ấn scan lại thì nó lại báo đúng số ảnh đó cần tối ưu -> vậy tóm lại ảnh của e đã đc tối ưu chưa?
Trước khi scan bạn có tick vào mục “Force re-optimize” không?
e chỉ làm việc đó với lần đầu tiên dùng thôi, e cũng hiểu tiếng anh và tìm hiểu về plugin trc khi làm mà a
còn cái lỗi như này thì gần đây mới gặp nên đang cần hỏi những ng có chuyên môn kinh nghiệm, vấn đề là ko biết do plugin hay do vps của e nữa :v
Vào Media => Library, xem cột Image Optimizer nó báo ảnh đã nén hay chưa nén?
e vào qua 1 loạt các trang thì chỉ có 2 trường hợp:
https://i.imgur.com/acC90r9.png
1) JPG compression disabled
e vào setting của plugin thì ko thấy báo cái việc JPG ko được install
->https://i.imgur.com/rzq77zo.png
ở 1 site khác thì e lại thấy báo jpegtran: installed
-> có site báo có site ko là sao a nhỉ? Mà jpeg và jpg có phải là 1 ko? ý e là plugin này có coi 2 cái là 1 ko?
2) 5 sizes to compress Image Size
-> đây đều là ảnh gif, như vậy là đều chưa được tối ưu
kết luận: vậy là ảnh của e chưa được nén, vì JPG ko đc bật và gif thì ko đc nén
p/s: e nhớ chỉ có cái exec () là do host thôi còn các cái còn lại ko đc bật là do?
Cái này chứng tỏ host của bạn chặn không cho plugin cài các file cần thiết rồi. Hoặc PHP thiếu các thư viện quan trọng cần cho việc nén ảnh của plugin.
cảm ơn bạn nhé mình đã dùng plugin cho trang http://cachnhietkiennam.vn/ và thấy cải thiện rất tốt
e tải plugin này , đã active & thử nén ảnh trong album , cả tải lại ảnh nhiều lân nhưng vẫn khong thây ảnh giảm dung lượng :( e k biết e dùng nó sai ở đâu ko.
Sau khi bạn active có thấy nó báo lỗi gì không? Nếu nó báo lỗi thì sẽ không sử dụng được nhé. Plugin này rất kén host, hầu như chỉ sử dụng được trên VPS. Bạn thử dùng plugin WP Smush xem sao. :P
tôi không thể kích hoạt EWWW Image Optimizer requires exec(). Your system administrator has disabled this function.
và nó không đường link. Bạn có thể giúp tôi chứ
Vui lòng liên hệ với nhà cung cấp hosting của bạn để được hỗ trợ hoặc chuyển qua sử dụng plugin Smush.It mới của WPMUDEV. :P
Thank you
mình cài xong nó báo lỗi này là sao vậy ad?
“EWWW Image Optimizer requires exec(). Your system administrator has disabled this function.”
Host của bạn có một số hàm PHP bị tắt vì vậy EIO không thể hoạt động được. :P Bạn click vào đường link trong thông báo lỗi để biết xem nó bị tắt hàm gì nhé. :P
ok cám ơn bạn nhiều
Hy vọng bạn thường xuyên ghé thăm và ủng hộ blog của mình. :)
nhất định là vậy rồi.hì