Ảnh thường là thứ nặng nhất trên một trang, và cũng là thứ ít ai kiểm sau khi tải lên. Khóa này đi hết vòng đời một tấm ảnh trên website của bạn: chọn và đặt tên, viết alt đúng mục đích, chọn định dạng rồi nén, cho ảnh co giãn theo màn hình, xử lý ảnh lớn nhất trong khung nhìn đầu tiên, giữ cho ảnh crawl được, và cuối cùng là soát lại toàn bộ ảnh đang có.
Tám bài theo thứ tự làm, không theo thứ tự lý thuyết. Bài 1 ghi lại số đo ban đầu, bài 8 đo lại đúng những số đó để biết việc mình sửa có tác dụng thật hay không.
Mỗi bài mở đầu bằng cách đo, vì không đo thì không biết ảnh nào đáng sửa trước. Bài tập in ra được để bạn làm trên chính website mình, và mọi ý trong bài đều dẫn về ba bài gốc trên danhnolan.com để bạn đọc sâu thêm.
Một trong bảy sơ đồ dùng trong bài học. Đây là cây quyết định của bài 2: dừng ở câu trả lời đầu tiên là có, rồi đọc alt thay cho ảnh trong nguyên câu để tự kiểm.
Khóa này dành cho người đang có website và tự đăng nội dung, đặc biệt là website WordPress. Bạn cần biết cách tải ảnh lên, mở được trang quản trị và mở được DevTools của trình duyệt. Không cần biết code, nhưng có đọc được HTML cơ bản thì bài 4 và bài 5 sẽ dễ hơn.
- Đo được ảnh nào đang làm chậm trang của mình, thay vì sửa theo cảm giác
- Đặt tên tệp và viết alt text đúng mục đích, phân biệt được ảnh nội dung với ảnh trang trí
- Chọn giữa WebP, AVIF, JPEG, PNG và SVG theo loại hình, rồi nén mà không phá nội dung
- Kiểm được ảnh có responsive, có crawl được và có trả đúng mã trạng thái
- Tìm ra ảnh LCP của một trang và biết vì sao không được lazy load nó
- Chạy được một vòng soát ảnh toàn website và ghi lại kết quả để đối chiếu lần sau