Cải tiến tăng dần là một chiến lược phát triển web đảm bảo rằng trang web của bạn tiếp cận được nhiều đối tượng nhất có thể. Nguyên tắc cốt lõi là nội dung cơ bản và chức năng của trang chỉ nên dựa vào các công nghệ web cơ bản nhất. Các trải nghiệm nâng cao, chẳng hạn như tạo kiểu tinh vi bằng CSS hoặc khả năng tương tác bằng JavaScript, có thể được phân lớp lên trên cùng cho những trình duyệt hỗ trợ các công nghệ đó. Tuy nhiên, chức năng của trang và nội dung cơ bản không nên dựa vào CSS hoặc JavaScript.
Cách thức kiểm tra nội dung dự phòng Lighthouse không thành công
Lighthouse gắn cờ các trang không chứa một số nội dung khi JavaScript không hoạt động:
Lighthouse sẽ tắt JavaScript trên trang, sau đó kiểm tra HTML của trang. Nếu HTML trống thì quá trình kiểm tra sẽ không thành công.
Cách đảm bảo trang của bạn có nội dung mà không cần JavaScript
Cải tiến tăng dần là một chủ đề rộng lớn và gây tranh cãi. Một trại nói rằng để tuân thủ chiến lược cải tiến tăng dần, các trang nên được phân lớp sao cho nội dung cơ bản và chức năng của trang chỉ cần đến HTML. Hãy xem phần Cải tiến tiến bộ: Đây là gì và cách sử dụng của Smashing Magazine để tìm hiểu ví dụ về phương pháp này.
Một trại khác cho rằng phương pháp nghiêm ngặt này là không khả thi hoặc không cần thiết đối với nhiều ứng dụng web hiện đại có quy mô lớn. Do vậy, họ đề xuất sử dụng CSS đường dẫn quan trọng cùng dòng trong tài liệu <head> cho các kiểu trang cực kỳ quan trọng.
Dựa trên những điểm cần lưu ý, bài kiểm tra Lighthouse này sẽ thực hiện một bước kiểm tra đơn giản để đảm bảo rằng trang của bạn không trống khi JavaScript bị tắt. Việc ứng dụng của bạn tuân thủ nghiêm ngặt đến tính nâng cao dần dần hay không vẫn là một chủ đề tranh luận, nhưng có một thoả thuận phổ biến rằng tất cả các trang đều phải hiển thị ít nhất một số thông tin khi JavaScript bị tắt, ngay cả khi nội dung chỉ là một cảnh báo cho người dùng biết rằng người dùng cần phải có JavaScript để sử dụng trang.
Đối với những trang hoàn toàn phải dựa vào JavaScript, bạn có thể sử dụng phần tử <noscript> để thông báo cho người dùng rằng trang web bắt buộc phải sử dụng JavaScript. Mẫu này hiệu quả hơn trang trống vì trang trống khiến người dùng không chắc chắn về việc trang có vấn đề, trình duyệt hay máy tính của họ hay không.
Để xem giao diện và hiệu suất của trang web khi JavaScript bị tắt, hãy sử dụng tính năng Tắt JavaScript của Công cụ của Chrome cho nhà phát triển.