Khi bắt đầu một blog mới nhiều người sẽ tải lên các hình ảnh mà không quan tâm đến việc tối ưu hóa cho chúng. Những file hình ảnh này ngày càng làm website của bạn chậm hơn. Để khắc phục điều này, bạn có thể tối ưu hóa lại các hình ảnh này để giúp cải thiện hiệu suất website của bạn.
Top 10 plugin tối ưu hình ảnh
- Việc tối ưu hóa hình ảnh là gì? So sánh giữa ảnh tối ưu hóa và không tối ưu hóa?
- Tại sao việc tối ưu hóa ảnh lại quan trọng? Nó mang lại lợi ích gì?
- Làm thế nào để tối ưu hóa hình ảnh cho website của bạn?
- Các công cụ giúp tối ưu hóa ảnh tốt nhất
- Những plugin giúp tối ưu hóa ảnh tốt nhất cho WordPress
So sánh giữa ảnh tối ưu hóa và không tối ưu hóa (Top 10 plugin hỗ trợ)
Tối ưu hóa hình ảnh là một quá trình giúp bạn lưu và phân phối các hình ảnh với kích thước file nhỏ nhất mà không làm giảm chất lượng của ảnh.
Mặc dù quá trình này nghe có vẻ phức tạp, nhưng ngày nay để thực hiện nó lại khá dễ dàng. Bạn có thể sử dụng một trong các plugin cùng các công cụ tối ưu hóa ảnh để nén các ảnh tĩnh tới 80% mà không làm giảm chất lượng của ảnh.
Hình ảnh có thể giảm tới 75% kích thước so với hình ảnh gốc
Tối ưu hóa hình ảnh hoạt động như thế nào? (Top 10 plugin hỗ trợ)
Nói đơn giản thì việc tối ưu hóa sẽ sử dụng công nghệ nén giúp giảm khích thước tập tin của ảnh mà không quá ảnh hưởng đến chất lượng hình ảnh.
Tối ưu hóa hình ảnh có nghĩa là gì? (Top 10 plugin hỗ trợ)
Nếu bạn từng thấy một đề xuất tối ưu hóa hình ảnh bởi các nhà cung cấp dịch vụ hosting hay bởi các công cụ kiểm tra tốc độ thì có nghĩa rằng bạn cần giảm kích thước file ảnh của bạn bằng cách tối ưu hóa chúng.
Tại sao việc tối ưu hóa ảnh lại quan trọng? Nó mang lại lợi ích gì?
Dù có nhiều lợi ích về việc tối ưu hóa, nhưng những lợi ích lớn nhất bạn sẽ nhận được là:
- Cải thiện tốc độ website
- Cải thiện thứ hạng SEO
- Tăng tỷ lệ chuyển đổi và giúp tăng khả năng chốt đơn cho website
- Không gian lưu trữ và băng thông cho website của bạn sẽ ít hơn, nó cũng có thể giảm chi phí lưu trữ và CDN.
- Sao lưu website nhanh hơn, nó cũng giảm chi phí cho việc backup website.
Ngoài các video thì hình ảnh là mục nặng thứ 2 trên website của bạn. Theo thống kê thì các file ảnh chiếm trung bình tới 21% kích thước của một website.
Do đó, các website được tối ưu hóa ảnh sẽ có thứ hạng trong cộng cụ tìm kiếm cao hơn và có khả năng chuyển đổi tốt hơn. Việc tối ưu hóa ảnh chính là điều mà bạn nên làm nếu muốn thành công với website của mình.
Bây giờ có thể bạn đang hỏi vậy sự khác biệt lớn nhất của việc tối ưu hóa là gì?
Theo một nghiên cứu của Stangeloop, thời gian website chỉ cần chậm hơn 1 giây cũng khiến bạn giảm 7% doanh số và giảm 11% lượt xem trang, cùng với đó là giảm 16% sự hài lòng của khách hàng. Oài, một con số khổng lồ phải không nào.
#1 WP Rocket – Lazy load tối ưu hóa hình ảnh TOP 10 Plugin hỗ trợ
Hiện tại Sieutocviet đang tặng miễn phí bản quyền vĩnh viễn WP Rocket tại đây: WP rocket là gì share plugin
Bạn hoàn toàn có thể sở hữu nó một cách viễn viễn
Lazy Load là gì?
Thông thường, khi một người dùng truy cập vào một trang web, trình duyệt sẽ tải toàn bộ trang web, sau đó hiển thị đồng thời toàn bộ nội dung trang lên màn hình. Tuy nhiên, việc chờ để tải toàn bộ nội dung trang sẽ khá mất thời gian nếu trang đó có chứa nhiều hình ảnh và video.
Lazy load sẽ giúp trình duyệt tải từng phần của trang, và hiển thị từng phần, lần lượt khi người dùng cuộn chuột xuống. Tức là phần nào ở trên (người dùng sẽ thấy trước) thì tải trước và hiển thị trước, và phần nào ở dưới thì sẽ tải và hiển thị sau. Việc này sẽ giúp người dùng có cảm giác.
Về mặt kỹ thuật, thực tế kỹ thuật lazy load này là một loạt các thao tác như sau:
- Yêu cầu trình duyệt KHÔNG download toàn bộ ảnh/video ngay từ đầu: bằng cách thay toàn bộ hàm src bằng data-src ở tất cả các thẻ
<img>. - Khi người dùng cuộn chuột đến khu vực chứa ảnh/video đó, thì mới cho phép trình duyệt tải ảnh: bằng cách thì sử dụng một thư viện JavaScript để đổi ngược
data-srcthànhsrc.
Các bạn có thể liên hệ trực tiếp Zalo 0919.383.299 để được hỗ trợ về cách nhận WP ROCKET miễn phí bản quyền vĩnh viễn.
Việc làm này nghe thì đơn giản, nhưng nếu bạn làm thủ công bằng code thì bạn sẽ phải lục tìm trong tất cả các file php các đoạn code có chứa chữ src để đổi nó thành data-src. Có một vấn đề là mỗi một ảnh hoặc một video trên website của bạn sẽ sinh một đoạn code src. Vì vậy, nếu website của bạn có rất nhiều ảnh/video, thì việc làm thủ công này sẽ rất mất thời gian, dễ nhầm lẫn và có thể bạn sẽ bỏ sót đâu đó.
Bước 1: Tải và kích hoạt plugin
Sieutocviet cũng bật mí với bạn là các coder cũng chuộng dùng plugin để thêm Lazy Load. Chứng tỏ rằng việc dùng plugin có nhiều lợi hơn là việc dùng code. Các nhóm coder Sieutocviet biết họ thường thì thường hay sử dụng plugin Lazy Load by WP Rocket để tối ưu hóa các hình ảnh cũng như trang web. Các bạn có thể liên hệ trực tiếp Zalo 0919.383.299 để được hỗ trợ về cách nhận WP ROCKET miễn phí bản quyền vĩnh viễn.
Đây là một plugin miễn phí. Bạn có thể tải và cài đặt nó trực tiếp từ admin dashboard hoặc org.
Bước 2: Thiết lập cho plugin
Sau khi cài đặt và kích hoạt plugin Lazy Load by WP Rocket, bạn tìm đến menu Settings > Lazy Load .
Ở đây bạn sẽ thấy có 3 ô là Images, Iframes & Videos, Replace Youtube videos by thumbnail đang để trống. Bạn tick vào cả 3 ô này nhé.
Cuối cùng, kéo xuống và nhấn Save Changes là xong.
Media Sitemap for Google – tối ưu hóa hình ảnh TOP 10 Plugin hỗ trợ
Tạo một trang sitemap hình ảnh để khai báo cho các con bot của các công cụ tìm kiếm trong đó có Google hiểu rằng blog của bạn có tất cả các ảnh nào, và nó sẽ tự động index các umg này nhanh hơn. Trang Search Console Trợ giúp Google có nói rõ ràng rằng: “Hình ảnh trong sơ đồ trang web sẽ giúp Google khám phá những hình ảnh mà chúng tôi có thể không tìm thấy theo cách khác (chẳng hạn như hình ảnh mà trang web của bạn truy cập bằng mã JavaScript)”.
Vì thế mà tạo một xml sitemap dành riêng cho các file Media (hình ảnh, video) trong trang blog nhằm tạo thêm lượt truy cập website từ công cụ Tìm kiếm hình ảnh của các bộ máy tìm kiếm. Nhất là các blog chia sẻ ảnh nên sử dụng Media Sitemap for Google nhằm giúp google không bỏ qua bất kì hình ảnh nào trên trang.
Native Lazyload của google – tối ưu hóa hình ảnh TOP 10 Plugin hỗ trợ
Đây là plugin Lazyload dùng để tối ưu hóa hình ảnh wordpress tuyệt vời nhất mà mình sử dụng. Chỉ cần kích hoạt plugin Native Lazyload thì tự động tất cả hình ảnh và iframes có trong nội dung bài đăng sẽ được tải một cách lười biếng. Plugin hoạt động theo một kiểu thuộc tính loading mới, nhằm tạo ra chức năng tải chậm cho trình duyệt gốc.
Smush – Compress, Image Optimizer, Lazy Load, WebP Images – tối ưu hóa hình ảnh TOP 10 Plugin hỗ trợ
Smush là một tiện ích tốt nhất trong số các plugins làm nhiệm vụ optimize images. Bạn có thể tối ưu hóa tất cả các ảnh chỉ với một vài tùy chỉnh đơn giản và chỉ cần click một cái là tất cả mọi ảnh đều được tối ưu tự động cho đến khi kết thúc quá trình. Đây là tiện ích nén dung lượng ảnh miễn phí do Yahoo phát triển từ năm 2008, năm 2015 WPMU DEV đã đưa nó lên một tầm cao mới.
Phiên bản miễn phí của Smush – Compress, Image Optimizer, Lazy Load, WebP Images trên thư viên wp không bị giới hạn số lần dùng nhé, rất hợp với các site có nhiều ảnh.
Compress JPEG & PNG images của TinyPNG – tối ưu hóa hình ảnh TOP 10 Plugin hỗ trợ
Compress JPEG & PNG images TinyPNG cũng là một plugin wp sẽ giúp bạn giảm dung lượng các các hình ảnh xuống tới mức thấp nhất một cách tự đông nhưng vẫn giữ nguyên chất lượng hình ảnh. Plugin tối ưu hóa hình ảnh wordpress này của TinyPNG chỉ nén được 2 định dạng file JPG và PNG, miễn phí 500 hình mỗi tháng (còn phụ thuộc vào dung lượng ảnh nữa).
Nếu bạn cần nén dung lượng ảnh lên đến 40 đến 80% dung lượng ảnh gốc thì đây là một plugin hữu ích sẽ giúp bạn thực hiện điều này một cách hoàn hảo.
WebP Express – tối ưu hóa hình ảnh TOP 10 Plugin hỗ trợ
WebP Express là một trong các plugin tối ưu hình ảnh wordpress bằng cách chuyển đổi định dạng các file ảnh thành file WebP. WebP Convert có thể chuyển đổi hình ảnh bằng nhiều phương pháp: imagick, cwebp, vips, gd. Bạn phải bật phương pháp mình muốn chuyển đổi bằng cách vào cài đặt trong host, phần cài đặt thiết lập PHP.
WebP Express giúp bạn tối ưu lên đến 80% dung lượng của một bức ảnh mà không làm giảm chất lượng của nó. Một điều quá tuyệt vời. Tuy nhiên đây không phải plugins tối ưu ảnh sử dụng một cách dễ dàng, quá trình chuyển đổi cũng khá lâu.
Media File Renamer – tối ưu hóa hình ảnh TOP 10 Plugin hỗ trợ
Nếu bạn là người hay quên việc tối ưu hóa website cho tiêu đề file ảnh khi chưa tải lên web, khi tải lên web nó sẽ là đường dẫn url của ảnh thì bạn nên dùng Media File Renamer (Auto & Manual Rename). Đây là điều rất thường xuyên xảy ra nếu các bạn đảm trách khối lượng công việc đăng bài hàng ngày lớn thì khó tránh khỏi sai sót này.
Để chuyên nghiệp hơn, hoặc có lợi cho SEO, bạn phải sửa lại url ảnh/ tên file ảnh mà không cần tải ảnh khác lên thì plugin này sẽ giúp ích, nó cho phép bạn chỉnh sửa tên của tửng ảnh một trong trình quản lí Media. Ngoài ra, bạn có thể chỉnh sửa nhiều tên file img luôn một lúc cũng được nhé.
PB SEO Friendly Images – tối ưu hóa hình ảnh TOP 10 Plugin hỗ trợ
PB SEO Friendly Images giúp các trang web làm trên nền tảng WordPress miễn phí tự động tối ưu hóa tất cả các thuộc tính alt và title của hình ảnh trong bài viết của bạn.
Các chức năng tự động thêm alt và title hoạt động tốt với hình ảnh trong bài đăng và cả ảnh đại diện thu nhỏ.
Plugin tối ưu hình ảnh wordpress PB SEO Friendly Images free không hỗ trợ trên WooCommerce.
Auto image alt text – tối ưu hóa hình ảnh TOP 10 Plugin hỗ trợ
Đây cũng là plugins có chức năng tương tự PB SEO Friendly Images tương thích với các plugins seo hiện nay như Yoast và Rank Math. Tuy nhiên bảng Setting của Auto image alt text nhìn rất trực quan và dễ hiểu.
Các thuộc tính Alt tag, Alt sẽ được thêm tự động vào các trang bạn muốn sau khi thiết lập xong, rất tiện lợi để tối ưu hình ảnh img cho các trang wp.
Bản free của tiên ích này cũng không hỗ trợ WooCommerce.
Image Watermark – tối ưu hóa hình ảnh TOP 10 Plugin hỗ trợ
Hình ảnh của web công ty nên được chèn chữ ký vào ảnh, plugin tối ưu hóa hình ảnh wordpress Image Watermark sẽ giúp bạn tạo chữ kí tự động cho hình ảnh mà không cần phải thêm logo chữ kí bằng photoshop, rất tiện lợi.
Đóng dấu chữ ký – Watermark lên ảnh còn giúp các bạn quảng bá thương hiệu nếu có người cố tình dùng bức ảnh này trên bài viết của họ. Độc đáo hơn để bức ảnh thêm đẹp hơn thì chữ kí có thể tùy chỉnh làm mờ trong bức ảnh với Image Watermark.
Tối ưu hóa hình ảnh wordpress nhằm tăng tốc cho trang web của bạn, hơn nữa sẽ không phải lo về google pagespeed điểm thấp vì kích thước và chất lượng ảnh .
Xem thêm những bài viết liên quan:
WP Rocket là gì? Chia sẻ plugin WP Rocket bản quyền trọn đời
