Ảnh quá lớn có thể làm trang tải lâu, nhất là trên điện thoại và mạng yếu. Nhưng giảm chất lượng quá tay lại khiến ảnh sản phẩm mờ, chữ trong hình khó đọc. Tối ưu nên bắt đầu từ vị trí ảnh đang hiển thị và dung lượng thực tế được tải, rồi mới chọn kích thước, định dạng và mức nén phù hợp.
Đo trang trước khi xử lý thư viện
Chọn một số trang quan trọng và ghi tổng dung lượng ảnh, những tệp nặng nhất cùng vị trí hiển thị. Ảnh đầu trang thường cần ưu tiên khác với ảnh nằm cuối một bài dài. Kiểm tra xem trình duyệt đang tải bản kích thước nào, vì thu nhỏ bằng CSS không đồng nghĩa tải một tệp nhỏ hơn.
Lưu ảnh gốc và tạo bản sao trước khi thay hàng loạt. Thống nhất phạm vi gồm ảnh đại diện, ảnh trong bài, banner hay toàn bộ thư viện. Các ảnh đang dùng trong email, tài liệu hoặc hệ thống khác cần được xác định để không vô tình làm mất nguồn phục vụ mục đích ngoài website.
Chọn kích thước và định dạng theo nội dung
Cắt ảnh theo vùng cần nhìn thấy, tránh giữ khoảng trống không cần thiết. Chọn kích thước phục vụ bố cục thực tế và màn hình có mật độ điểm ảnh khác nhau. Với ảnh chụp, có thể so sánh JPEG, WebP hoặc AVIF nếu hệ thống hỗ trợ; với hình có chữ nhỏ và cạnh sắc, cần kiểm tra kỹ độ rõ sau nén.
Không có một định dạng luôn tốt nhất cho mọi ảnh. Tài liệu Learn Images của web.dev giải thích các định dạng và cách cung cấp ảnh theo kích thước hiển thị. Trong WordPress, cần kiểm tra theme và plugin có xuất nguồn ảnh đáp ứng đúng hay đang gọi cố định bản lớn nhất.
Kiểm soát cách tải và khoảng trống
Ảnh nằm ngoài vùng nhìn ban đầu có thể phù hợp với tải trì hoãn. Ảnh quan trọng xuất hiện ngay đầu trang cần được kiểm tra riêng, tránh cấu hình trì hoãn làm nội dung chính xuất hiện muộn. Khai báo kích thước hoặc tỉ lệ ảnh giúp bố cục giữ chỗ tốt hơn khi tệp chưa tải xong.
Sau khi chuyển định dạng hoặc tạo lại các kích thước ảnh, kiểm tra URL, chất lượng và ảnh dự phòng theo cấu hình đang dùng. Làm mới bộ nhớ đệm cần thiết. Đừng xóa ảnh gốc hoặc biến thể chỉ vì tên tệp trông trùng nhau; chúng có thể đang được trang khác sử dụng.
Nghiệm thu bằng chất lượng và số đo
So sánh cùng trang, điều kiện mạng và trạng thái bộ nhớ đệm trước và sau. Đọc chữ trong ảnh, phóng vừa mức sử dụng và kiểm tra phần cắt trên điện thoại. Ghi dung lượng giảm cùng những ảnh chưa xử lý; một điểm đo tốc độ đơn lẻ không đại diện mọi lượt truy cập. Nếu muốn bắt đầu từ các trang nặng nhất, hãy gửi Tý Hon URL cần kiểm tra để trao đổi phạm vi tối ưu phù hợp.
