Chào cả nhà,
Hình ảnh là một trong những “thủ phạm” hàng đầu gây chậm website WordPress. Một bức ảnh nặng vài MB có thể khiến trang web của bạn tải ì ạch. Dưới đây là quy trình 4 bước đơn giản để tối ưu hình ảnh.
Bước 1: Thay đổi kích thước ảnh TRƯỚC KHI tải lên (Quan trọng nhất)
Sai lầm lớn nhất là tải thẳng ảnh gốc từ máy ảnh hay điện thoại (rộng 4000-5000px) lên web. Website của bạn chỉ cần hiển thị ảnh ở chiều rộng tối đa khoảng 1200px.
- Cách làm: Hãy dùng các phần mềm như Photoshop, Paint, hoặc các công cụ online như birme.net để giảm kích thước ảnh về đúng chiều rộng bạn cần trước khi upload.
Bước 2: Lựa chọn đúng định dạng file
-
JPEG (.jpg): Dùng cho hầu hết các loại ảnh chụp, ảnh có nhiều màu sắc. Nó cho chất lượng tốt với dung lượng file nhỏ.
-
PNG: Chỉ dùng khi bạn cần ảnh có nền trong suốt (logo, icon). File PNG thường nặng hơn JPEG.
-
WebP: Một định dạng hiện đại, dung lượng nhẹ hơn cả JPEG và PNG nhưng chất lượng vẫn rất tốt. Nhiều plugin tối ưu ảnh hiện nay đã hỗ trợ tự động chuyển đổi sang WebP.
Bước 3: Nén ảnh bằng Plugin
Sau khi đã giảm kích thước, hãy dùng một plugin để nén ảnh thêm một lần nữa mà không làm giảm chất lượng quá nhiều.
-
Plugin gợi ý (bản miễn phí rất tốt): Smush, Imagify, ShortPixel.
-
Chúng sẽ tự động tối ưu mọi ảnh bạn tải lên.
Bước 4: Kích hoạt Tải lười (Lazy Loading)
Đây là tính năng giúp các ảnh ở phía dưới màn hình chỉ được tải khi người dùng cuộn chuột tới. Nó giúp tốc độ tải ban đầu của trang nhanh hơn đáng kể.
- Cách làm: WordPress từ phiên bản 5.5 đã tự động tích hợp Lazy Loading. Tuy nhiên, các plugin tối ưu tốc độ như LiteSpeed Cache hay WP Rocket sẽ cung cấp khả năng kiểm soát tốt hơn.
Tối ưu hình ảnh là một công việc đơn giản nhưng mang lại hiệu quả cực lớn cho tốc độ website của bạn.