Bạn đã bao giờ tự hỏi tất cả những gì cần thiết để tải một trang web trong trình duyệt của bạn? Tùy thuộc vào kết nối Internet của bạn, nhập URL hoặc địa chỉ vào một trang web và nhấn nút Enter Enter Enter sẽ đưa bạn đến trang web đó gần như ngay lập tức. Nó có thể là một quá trình chậm hơn trên các kết nối chậm hơn, nhưng bạn vẫn có thể truy cập một trang tương đối nhanh. Điều gì xảy ra đằng sau hậu trường để làm cho tất cả xảy ra? Thực hiện theo bên dưới và chúng tôi sẽ cho bạn thấy những gì đang xảy ra!
Giao tiếp với máy chủ
Theo thuật ngữ của cư sĩ, khi bạn nhập một liên kết vào thanh địa chỉ của bạn hoặc nhấp vào một liên kết trên một trang, trình duyệt sẽ đưa ra yêu cầu đến máy chủ mà địa chỉ được lưu trữ tại. Từ đó, các tài nguyên cho trang được tải xuống và trình duyệt sau đó sử dụng các tài nguyên đó để hiển thị trang và hiển thị sản phẩm cuối cùng cho bạn.
Mặc dù vậy, nó phức tạp hơn một chút.
Một từ nhanh chóng trên URL
Khi bạn nhập URL, chẳng hạn như www.google.com, đó chỉ là những gì bạn đang thấy. Máy tính nhìn thấy một cái gì đó khác. Khi bạn nhập và nhập enter, nó sẽ di chuyển qua Máy chủ tên miền (DNS) và chuyển đổi nó thành địa chỉ IP - thứ mà máy tính có thể đọc được. Vì vậy, trong khi bạn có thể thấy www.google.com, trình duyệt sẽ lấy nó, chuyển qua máy chủ DNS và sau đó bạn thực sự đang kết nối với một trong nhiều địa chỉ IP của Google, chẳng hạn như 216.58.216.110 . Bạn thực sự có thể nhập 216.58.216.110 vào thanh địa chỉ và kết thúc tại cùng một vị trí.
Bắt một trang web trong trình duyệt của bạn
Có rất nhiều bộ phận chuyển động để có được một trang web được hiển thị đúng trong trình duyệt của bạn. Tuy nhiên, bước đầu tiên là yêu cầu. Bạn yêu cầu một máy chủ web khi bạn nhập địa chỉ của một trang web bạn muốn truy cập, chẳng hạn như www.techjunkie.com. Khi bạn nhấn enter, trình duyệt của bạn sẽ kết nối với máy chủ web và yêu cầu một loạt các tệp văn bản sẽ được tải xuống.
Bước tiếp theo là phản hồi của máy chủ web. Đây là bước mà máy chủ thực sự cung cấp tài nguyên cho trình duyệt. Trình duyệt yêu cầu họ (yêu cầu) và máy chủ gửi chúng qua (phản hồi). Tuy nhiên, làm thế nào để một trình duyệt biết nếu nó cần nhiều hơn chỉ một tệp? Nó thực hiện điều này thông qua một cái gì đó gọi là phân tích cú pháp. Nói cách khác, trình duyệt lấy tài liệu đầu tiên, tìm kiếm bất kỳ tài liệu tham khảo nào cho các tệp khác. Nếu nó thấy một tham chiếu đến một tập tin khác, nó cũng tải nó xuống. Nó phức tạp hơn thế rất nhiều, nhưng đó là ý chính về cách nó tìm thấy tất cả các tệp cần thiết.
Tiếp theo, tất cả thông tin mà nó tải xuống phải được xây dựng. Nó lấy tài liệu HTML gốc mà nó đã tải xuống cũng như tất cả các tài nguyên có liên quan và tạo ra một loại cấu trúc hoặc cây. Trước tiên, nó sẽ xây dựng Bản đồ đối tượng tài liệu (DOM), về cơ bản là cấu trúc hoặc vị trí của các thành phần trên một trang. Tiếp theo, nó xây dựng Bản đồ đối tượng CSS - cấu trúc cho cách các phần tử trong DOM được tạo kiểu. Cuối cùng, nó tạo Cây kết xuất, về cơ bản lấy DOM và Bản đồ đối tượng CSS, kết hợp chúng và tạo cấu trúc cho cách trang được cấu trúc và tạo kiểu.
Và cuối cùng, trang sau đó được hiển thị và hiển thị cho bạn, người dùng. Cũng có rất nhiều tính toán trong bước này, vì trình duyệt phải tìm ra bố cục lớn như thế nào so với màn hình của bạn (ví dụ: kích thước trang sẽ khác nếu bạn sử dụng máy tính bảng, điện thoại thông minh hoặc máy tính). Nhưng một khi nó được, bạn sẽ có được một trang cuối cùng và hy vọng sẽ hiển thị trong trình duyệt của bạn.
Quá trình này thực sự khá tuyệt vời - tất cả các yêu cầu và tính toán này đều diễn ra trong vài giây, tùy thuộc vào tốc độ kết nối Internet của bạn, tất nhiên. Nhưng đối với hầu hết các phần, mặc dù có thể có hàng trăm tệp vào một trang web, quá trình trên dễ dàng xảy ra trong 10 giây hoặc ít hơn.
Đóng cửa
Hy vọng rằng chúng tôi đã giải thích rõ ràng cách kết nối Internet của bạn, trình duyệt và máy chủ hoạt động cùng nhau để cung cấp cho bạn các trang web trực tiếp đến trình duyệt của bạn. Bằng cách hiểu sâu hơn về cách tất cả các công nghệ này đan xen và hoạt động cùng nhau, nó không chỉ giúp bạn đánh giá cao hơn về những gì xảy ra sau hậu trường, mà còn có thể giúp bạn khắc phục mọi sự cố liên quan đến trình duyệt.
