44 câu hỏi về chất lượng của một trang web

Trong khi code một website bạn nên thường xuyên tự đặt các câu hỏi sau đây, chúng sẽ giúp cho website được tối ưu hóa rất tốt về mặt tốc độ.

I - 10 câu hỏi về chất lượng code

1. Site có sử dụng đúng doctype không?
2. Site có sử đụng đúng charset không?
3. Site có sử dụng mã HTML hợp lệ không?
4. CSS của site có hợp lệ không?
5. Site có dùng CSS copy không?
6. Site có dùng những class hoặc id thừa không?
7. Mã có cấu trúc tốt không?
8. Site có link hỏng không?
9. Site có đảm bảo yêu cầu về tốc độ tải/ kích thước trang không?
10. Site có lỗi JavaScript không?

II - 2 câu hỏi về thiết kế giao diện

Khi thiết kế giao diện, cần khai thác tối đa các thuộc tính của CSS để cho phần code HTML đơn giản dễ hiểu. Hãy đặt các câu hỏi dưới đây để tối ưu hóa CSS của mình.

1. Site có dùng CSS cho tất cả các khía cạnh của giao diện, như font, màu, khoảng trống, đường viền... hay không?
2. Hình ảnh trang trí được thể hiện trong CSS hay ngay trong mã HTML?

III - 10 câu hỏi về tính dễ truy cập

Khi truy cập một website, người sử dụng có thể gặp nhiều trục trặc từ phía trình duyệt. Một người code giỏi thường phải hiểu được hết các tình huống này và phải có các biện pháp dự phòng để website trở có thể truy cập được trong mọi tình huống.

1. Tất cả những hình ảnh minh họa đều sử dụng mã "alt" chứ?
2. Font chữ của site sử dụng đơn vị tương đối thay cho đơn vị tuyệt đối chứ?
3. Liệu có phần nào của giao diện bị vỡ khi thay đổi font không?
4. Site dùng visible skip menu chứ? 
5. Site sử dụng loại form thuận tiện hay không?
6. Site sử dụng loại bảng thuận tiện
7. Độ tương phản, độ sáng của site có hiệu quả không?
8. Bạn có dùng mỗi màu sắc để thể hiện thông tin quan trọng không? 
9. Có thời gian trễ mỗi khi dùng menu thả xuống không? 
10. Bạn có mô tả các liên kết không?

IV - 8 câu hỏi về sự thuận tiện khi hiển thị trên các thiết bị khác nhau

1. Site hoạt động tốt cả trên trình duyệt cũ và mới chứ?
2. Site vẫn hoạt động ngay cả khi trình duyệt không hỗ trợ hoặc sử dụng CSS chứ?
3. Site vẫn hoạt động ngay cả khi trình duyệt không hỗ trợ hoặc không cho phép hiển thị hình ảnh chứ?
4. Site vẫn hoạt động ngay trên trình duyệt toàn chữ, ví dụ Linux chứ?
5. Site vẫn hiển thị tốt trên bản in chứ?
6. Site vẫn hiển thị trên thiết bị di động chứ (ví dụ duyệt web trên điện thoại di động, máy tính bảng và thiết bị cầm tay khác)
7. Site bao gồm đầy đủ thông tin về metadata chứ?
8. Site hiển thị tốt khi ta thay đổi kích thước trình duyệt chứ?

V - 10 câu hỏi về tính hữu dụng

1. Site có cấu trúc phân cấp tốt chứ?
2. Các tiêu đề có dễ nhận ra không?
3. Di chuyển trong site dễ dàng chứ?
4. Cách di chuyển trong site phù hợp chứ?
5. Site sử dụng ngôn ngữ đúng và phù hợp chứ?
6. Site có trang bản đồ sitemap và trang liên hệ không? Chúng có dễ thấy không?
7. Trang có công cụ tìm kiếm không? 
8. Có link về trang chủ trên toàn bộ các trang không?
9. Các link đều được gạch chân chứ? 
10. Các link đã được click đều được xác định rõ ràng chứ?

VI - 4 câu hỏi về quản trị site

1. Bạn có đặt nội dung cho trang báo lỗi (lỗi 404 - lỗi không truy cập được) ở mọi mức độ không? Trang này có nội dung ý nghĩa và hữu dụng không?
2. Site có dùng các địa chỉ URL thân thiện không?
3. Site có truy cập được khi người dùng không gõ www không?
4. Site có dùng favicon (biểu tượng nhỏ của site) không?

Và cuối cùng, nếu đa số câu trả lời là YES thì tôi tin rằng người thiết kế ra site đó hẳn là 1 người có kinh nghiệm về chuẩn web cũng như CSS.