Mỗi ngày bạn mở web hàng chục lần mà ít khi nghĩ trong vài trăm mili giây đó có cả một dây chuyền làm việc. Biết dây chuyền này, bạn sẽ đọc được thông báo lỗi kiểu “không tìm thấy máy chủ” hay “kết nối bị từ chối” và biết nói với AI đúng chỗ cần sửa.
Phân tích địa chỉ
Giả sử bạn gõ https://shopcuaban.vn/giay/sandal?size=38. Trình duyệt tách thành từng phần như sau.
| Phần | Giá trị | Ý nghĩa |
|---|---|---|
| Giao thức | https | Cách nói chuyện, có mã hoá |
| Tên miền | shopcuaban.vn | Địa chỉ dễ nhớ của máy chủ |
| Đường dẫn | /giay/sandal | Bạn muốn xem trang nào |
| Tham số | ?size=38 | Điều kiện kèm theo, ở đây là cỡ giày |
Năm chặng đường
DNS (hệ thống tên miền) giống cuốn danh bạ: bạn nhớ tên “shopcuaban.vn”, còn máy tính chỉ liên lạc được bằng dãy số gọi là địa chỉ IP. Tra xong, trình duyệt biết phải “gọi” đến số nào.
HTTP là ngôn ngữ chung của web. Yêu cầu của trình duyệt ngắn gọn như tin nhắn đặt hàng: “GET, trang /giay/sandal, tôi dùng Chrome”. Máy chủ trả lời bằng mã trạng thái và nội dung. Vài mã bạn sẽ gặp thường xuyên:
| Mã | Nghĩa | Gợi ý khi gặp |
|---|---|---|
| 200 | Thành công | Mọi thứ ổn |
| 301/302 | Chuyển hướng | Trang đã đổi chỗ |
| 404 | Không tìm thấy | Sai đường dẫn |
| 500 | Lỗi phía máy chủ | Lỗi nằm ở code backend, xem log |
Vẽ trang cũng là cả một quá trình
HTML về đến nơi mới chỉ là bản vẽ. Trình duyệt dựng thành một cái cây các phần tử, đọc CSS để biết tô màu, căn lề ra sao, rồi chạy JavaScript để thêm tương tác. Gặp thẻ ảnh hay file CSS, nó lại gửi thêm yêu cầu mới. Một trang bán hàng có thể phát sinh vài chục yêu cầu nhỏ, nên ảnh quá nặng là nguyên nhân hàng đầu khiến web tải chậm.
Ví dụ: khách mở shop bán sandal
Khách bấm vào link bạn đăng trên Facebook. Trình duyệt tra DNS, kết nối, xin trang, nhận HTML rồi tải thêm 12 ảnh sản phẩm. Nếu mỗi ảnh nặng 3 MB, khách dùng 4G sẽ thấy trang trắng khá lâu và có thể bỏ đi. Nén ảnh trước khi đăng là cách sửa rẻ nhất.
Thử ngay
Mở Chrome, bấm F12, chọn thẻ Network (Mạng), rồi tải lại một trang bất kỳ. Bạn sẽ thấy danh sách các yêu cầu vừa chạy. Bấm vào dòng đầu tiên và tìm mã trạng thái cùng loại file được trả về.
Khi nào bạn cần nhớ bài này
Mỗi khi trang web chậm, lỗi hoặc trắng trơn, hãy tự hỏi lỗi nằm ở chặng nào trong năm chặng. Không ra được tên miền thì nghi DNS. Hiện biểu tượng cảnh báo bảo mật thì nghi chứng chỉ HTTPS. Có kết nối nhưng mã 500 thì nghi backend. Trang hiện nhưng nút bấm không chạy thì nghi JavaScript phía trình duyệt. Biết hỏi đúng chặng, bạn đã rút ngắn nửa thời gian sửa lỗi, và câu hỏi gửi cho AI cũng rõ ràng hơn rất nhiều.
Ghi nhớ
- Địa chỉ web gồm giao thức, tên miền, đường dẫn và tham số.
- DNS đổi tên miền thành địa chỉ IP trước khi kết nối.
- Trình duyệt gửi yêu cầu HTTP, máy chủ trả về nội dung kèm mã trạng thái.
- Mã 4xx thường do phía người gửi, mã 5xx thường do phía máy chủ.