Có công cụ nào tôi có thể hiển thị cho khách hàng sẽ lấy HTML của một trang và hiển thị:
a) thứ tự mà tài nguyên bên ngoài sẽ tải,
b) tài nguyên nào bị chặn trên các tài nguyên khác đang được tải xuống không?
Ví dụ: JavaScript trong phần đầu chặn mọi hình ảnh tải xuống trang và trình duyệt chỉ có thể tải 6 tài nguyên tại một thời điểm từ một tên miền / tên miền phụ nhất định.
Câu trả lời:
Có một loạt các công cụ minh họa thác nước (chuỗi các yêu cầu HTTP xếp tầng từ trình duyệt đến máy chủ):
Ngoài ra, lưu ý rằng quan điểm của bạn:
... trình duyệt chỉ có thể tải 6 tài nguyên cùng một lúc ...
không hoàn toàn chính xác, trong khi 6 là số lượng kết nối đồng thời trung bình đến một máy chủ vào giữa năm 2011 ( xem tại đây ), con số này đã tăng lên và không tính đến việc bảo vệ tên miền có thể làm tăng tổng số kết nối xung quanh 10 lần.
Các tab Mạng và Dòng thời gian của các công cụ dành cho nhà phát triển của Chrome hiển thị thời gian và thời gian tải các thành phần trang riêng lẻ.
Hãy thử http://pingdom.com và http://gtmetrix.com/ là tốt nhất theo tôi