Tối ưu hình ảnh là một trong những công việc quan trọng bạn không thể bỏ qua nếu muốn phát triển trang web một cách bền vững. Dung lượng ảnh thấp thì sẽ giảm tải thời gian load trang. Trong trường hợp các phần từ lớn nhất trên trang của bạn là hình ảnh (chiếm đa số), thì việc tối ưu hình ảnh sẽ trực tiếp cải thiện chỉ số LCP – 1 trong 3 chỉ số quan trọng của Core Web Vitals khi SEO hình ảnh.
Tối ưu hình ảnh có nhiều cách, bạn có thể dùng phần mềm để nén hình ảnh hoặc dùng các plugin trong wordpress hỗ trợ, trong bài viết này tôi xin chia sẻ với bạn cách tối ưu hình ảnh bằng cách sử dung Smush Pro, đây là công cụ tuyệt vời để nén ảnh mà không làm ảnh hưởng đến chất lượng hiển thị của hình ảnh.
Smush Pro là gì?
WP Smush Pro là một trong những plugin tốt nhất để tối ưu và nén hình ảnh trên WordPress được phát triển bởi WP-MUDEV.
WP Smush Pro cho phép bạn tối đa hóa việc nén hình ảnh thông qua Trình quản lý WordPress.
Plugin cung cấp: nén hình ảnh bằng cách xóa siêu dữ liệu khỏi các tệp có phần mở rộng Jpeg, do tối ưu hóa nén dữ liệu trong tệp, biến các tệp Gif thành các PNG, tiết kiệm kích thước tệp bằng cách loại bỏ màu không sử dụng từ các hình ảnh được lập chỉ mục.
WP Smush Pro rất hiệu quả để nén hình ảnh do đó không gian lưu trữ được giải phóng, trang web có thể hoạt động với mức tiêu thụ hiệu suất thấp nhất.
Một số tính năng nổi bật có trong bản WP Smush Pro
Dưới đây là một số tính năng nổi bật của Smush Pro
- Nén và thay đổi kích thước hình ảnh có kích thước lên đến 32MB
- Xóa hàng loạt tất cả các hình ảnh chỉ bằng một cú nhấp chuột
- Hỗ trợ nén nhiều định dạng hình ảnh
- Tự động thay đổi kích thước hình ảnh
- CDN hình ảnh 45 điểm (dung lượng lên đến 10GB)
- Nén mất dữ liệu
- Nén không mất dữ liệu
- Tự động chuyển đổi tất cả PNG sang JPEG
- Giữ hình ảnh gốc của bạn trong máy chủ của bạn
- Cho phép xóa siêu dữ liệu của hình ảnh
- Tải hình ảnh lười biếng
- Hoạt ảnh tải chậm
- Tự động phát hiện hình ảnh được thay đổi kích thước không chính xác
- Nén khi tải lên
- Tính năng làm mờ thư mục đơn
- Gutenberg hỗ trợ
- Tích hợp với plugin trình tạo trang WPBakery
- Hỗ trợ nhiều trang web
- HTTPS tương thích
- Thay đổi kích thước hình ảnh tự động phù hợp hoàn hảo
Nếu website của bản sử dụng quá nhiều hình ảnh trong một bài viết thì đây là ứng dụng tốt nhất cho bạn giúp cải thiện thời gian load trang mà không làm mất chất lượng hình ảnh.
Có gì mới trong Plugin WP Smush Pro v3.8.8
- Nâng cao: Khả năng tương thích với WordPress 5.7.
- Nâng cao: Khả năng tương thích tải chậm với Slider Revolution.
- Khắc phục: Các bản sao lưu không được xóa đúng cách khỏi bộ chứa S3.
- Khắc phục: Khả năng tương thích với Jetpack Site Accelerator.
- Nâng cao: Quy tắc Apache cho WebP cục bộ trên nhiều trang.
- Nâng cao: Quy tắc Apache cho WebP cục bộ về cài đặt thư mục con.
- Khắc phục: Giao diện người dùng phát hiện thay đổi kích thước hình ảnh.
- Khắc phục: PHP Thông báo: Đang cố gắng truy cập phần bù mảng trên giá trị của kiểu bool.
- Nâng cao: Văn bản mô tả Webp cục bộ.
- Khắc phục: Chuỗi dịch.
- Và một số sửa lỗi và cải tiến nhỏ khác.
Cách cài đặt Smush Pro để tối ưu hình ảnh
Bước 1: Cài đặt Smush Pro
Những người có tư cách thành viên tích cực của WPMU DEV (cần thiết để truy cập vào Smush Pro) có quyền truy cập vào Bảng điều khiển WPMU DEV , có thể sử dụng Trình quản lý plugin để cài đặt Smush Pro chỉ bằng một cú nhấp chuột.
Bước 2: Thiết lập Smush
Khi bạn đã cài đặt Smush Pro, bạn sẽ thấy một mục cho nó được thêm vào thanh điều hướng bên trái của Bảng điều khiển WordPress của bạn. Nhấp vào liên kết để bắt đầu quá trình thiết lập. Bạn sẽ được hỏi liệu bạn có muốn nén tự động trên tất cả các hình ảnh mà bạn tải lên hay không, dữ liệu EXIF trên hình ảnh phải được xóa, bật tính năng tải chậm và dữ liệu của bạn được cung cấp cho nhóm WPMU DEV.
Sau khi bạn thiết lập plugin, nó sẽ tự động nén hình ảnh của bạn và hiển thị cho bạn kết quả trên Smush Dashboard. Bạn không phải làm bất cứ điều gì khác!
Bước 3: Định cấu hình các tính năng còn lại của Smush
Smush không chỉ đơn thuần là thay đổi kích thước hình ảnh và bạn có thể truy cập các tính năng bổ sung của nó thông qua Trang tổng quan được cung cấp.
- Bulk Smush cho phép bạn, với một cú nhấp chuột, áp dụng tất cả các cài đặt hình ảnh được xác định trước của bạn cho một hình ảnh không nén. Bạn sẽ nhận được thông báo từ Smush rằng có các hình ảnh không nén trong Thư viện phương tiện của bạn và nếu chọn, bạn có thể nhấp vào Bulk Smush Now để tối ưu hóa và nén tất cả chúng cùng một lúc. Tuy nhiên, với tính chất tự động của Smush, đây có thể là thứ bạn sử dụng khi cài đặt và thiết lập plugin ban đầu.
- Directory Smush cho phép bạn thiết lập các thư mục (ngoài thư mục tải lên / Media của bạn), trong đó, nếu bạn thêm hình ảnh, Smush sẽ tự động tối ưu hóa chúng
- Lazy Load là quá trình trì hoãn việc tải hình ảnh cho đến khi thực sự cần thiết; Smush cho phép bạn chọn hành vi cụ thể của quá trình này (ví dụ: tệp nào được tải chậm)
- CDN là nơi bạn sẽ kích hoạt và định cấu hình việc sử dụng CDN, nơi lưu trữ hình ảnh và phân phát chúng từ máy chủ proxy toàn cầu gần nhất với trình xem của bạn để cải thiện hiệu suất trang
- Integrations là nơi bạn cho biết nếu bạn muốn Smush hoạt động với các công cụ khác (ví dụ: thêm nút Smush thủ công vào các khối Gutenberg, nếu bạn đang sử dụng trình chỉnh sửa WordPress này)
- Tools là nơi bạn sẽ kích hoạt tính năng Phát hiện thay đổi kích thước hình ảnh (nơi Smush cho bạn biết nếu kích thước hình ảnh không chính xác với kích thước vùng chứa của nó). Đây cũng là nơi bạn sẽ đến để khôi phục hình ảnh thu nhỏ của mình nếu bạn mắc lỗi
- Settings là nơi bạn sẽ thay đổi hành vi và giao diện của Smush từ quan điểm quản trị
Cách tối ưu hóa hình ảnh với Smush Pro
Định dạng ảnh nén được giống đa số các plugin khác gồm JPG, PNG và GIF.
Mặc định của WP Smush là nén không mất chất lượng, nghĩa là dung lượng ảnh giảm nhưng chất lượng ảnh vẫn được giữ nguyên. Phiên bản miễn phí chỉ cung cấp kiểu nén này
Dung lượng tối đa của mỗi ảnh được nén là 1MB ở bản Free, con số này kém hơn so với các plugin như ShortPixel, Imagify hay reSmush.it. Ở bản nâng cấp có phí, con số được nâng lên 32MB.
Nén các ảnh cũ trên website
Sau khi cài đặt, bạn thấy ở khu vực trên cùng bên tay trái có thông báo cho biết hiện trên website của bạn có bao nhiêu file ảnh cần tối ưu hóa:
Nó nói rằng tôi có 2285 ảnh cần tối ưu, bạn chỉ việc click 1 click vào nút màu xanh Bulk Smush Now để nén tất cả các hình ảnh này.
Bạn cần mở màn hình để chương trình nén hoàn thành
Một số cài đặt Smush Pro khác
- Tự động nén các ảnh up lên chọn Automatic compression
- Chọn kích cỡ ảnh mục Images Sizes với các loại ảnh như thumnail, medium, large,…
Ở đây WP Smush tự động nén các ảnh up lên và các phiên bản ảnh nhỏ hơn mà WordPress tạo ra. Bạn nên giữ nguyên như mặc định, để toàn bộ ảnh ở mọi kích cỡ đều được tối ưu.
Chọn kích cỡ ảnh tối đa
Hầu hết các ảnh hiển thị trên web không cần chiều rộng hơn 2000px. Và phần lớn trong số đó chỉ cần 1000px chiều rộng là đủ Full màn hình.
Ở phần này bạn chọn chiều rộng và chiều cao tối đa của bức hình. Nếu ảnh up lên vượt ngưỡng đấy, ảnh sẽ tự động thu về kích cỡ mà bạn chọn.
Để an toàn có thể bạn muốn để Max width (chiều rộng tối đa) là 2000px, Max height (chiều cao tối đa) là 2000px.
Cuối cùng bạn nhấn UPDATE SETTINGS để cập nhật cài đặt.
Nén ảnh ở thư mục khác, ngoài thư viện Media
Kết luận
Tốc độ website ảnh hưởng trực tiếp đến trải nghiệm người dùng, website tốc độ load chậm ngoài ảnh hưởng tiêu cực đến SEO mà còn đẩy khách hàng ra khỏi website của doanh nghiệp. Tối ưu ảnh là việc bắt buộc để nâng cao trải nghiệm người dùng và Smush Pro là công cụ tuyệt vời để nén tất cả hình ảnh mà không làm thay đổi chất lượng.
Chúc bạn thành công!
