นี่คือลักษณะของหน้าเว็บที่ปรากฏในเบราว์เซอร์ของคุณ

คุณเคยสงสัยหรือไม่ว่าการโหลดหน้าเว็บในเบราว์เซอร์ของคุณนั้นมีประโยชน์อะไรบ้าง? ทั้งนี้ขึ้นอยู่กับการเชื่อมต่ออินเทอร์เน็ตของคุณพิมพ์ URL หรือที่อยู่ไปยังหน้าเว็บและกดปุ่ม "Enter" จะนำคุณไปยังหน้าเว็บนั้นเกือบจะทันที อาจเป็นกระบวนการที่ช้าลงในการเชื่อมต่อที่ช้าลง แต่คุณยังสามารถไปที่หน้าได้อย่างรวดเร็ว มีอะไรเกิดขึ้นเบื้องหลังเพื่อให้ทุกอย่างเกิดขึ้น ทำตามด้านล่างและเราจะแสดงให้คุณเห็นว่าเกิดอะไรขึ้น!

เซิร์ฟเวอร์เพื่อการสื่อสารเบราว์เซอร์

ตามเงื่อนไขของฆราวาสเมื่อคุณป้อนลิงค์ลงในแถบที่อยู่ของคุณหรือคลิกที่ลิงค์ในหน้าเบราว์เซอร์จะส่งคำขอไปยังเซิร์ฟเวอร์ที่โฮสต์อยู่ จากนั้นจะมีการดาวน์โหลดทรัพยากรสำหรับหน้าเว็บและเบราว์เซอร์จะใช้ทรัพยากรเหล่านั้นเพื่อแสดงหน้าเว็บและแสดงผลิตภัณฑ์ขั้นสุดท้ายให้กับคุณ

แม้ว่ามันจะซับซ้อนกว่านั้นเล็กน้อย

คำสั้น ๆ เกี่ยวกับ URL

เมื่อคุณพิมพ์ URL เช่น www.google.com นั่นคือสิ่งที่คุณเห็น คอมพิวเตอร์เห็นอย่างอื่น เมื่อคุณพิมพ์และกด Enter มันจะเดินทางผ่านเซิร์ฟเวอร์ชื่อโดเมน (DNS) และแปลงเป็นที่อยู่ IP ซึ่งเป็นสิ่งที่คอมพิวเตอร์สามารถอ่านได้ ดังนั้นในขณะที่คุณอาจเห็น www.google.com เบราว์เซอร์จะดำเนินการส่งผ่านเซิร์ฟเวอร์ DNS จากนั้นคุณจะเชื่อมต่อกับที่อยู่ IP ของ Google เช่น 216.58.216.110 คุณสามารถพิมพ์ใน 216.58.216.110 ในแถบที่อยู่และจบลงที่ตำแหน่งเดียวกัน

รับหน้าเว็บในเบราว์เซอร์ของคุณ

มีชิ้นส่วนเคลื่อนไหวจำนวนมากเพื่อให้หน้าเว็บแสดงผลอย่างถูกต้องในเบราว์เซอร์ของคุณ อย่างไรก็ตามขั้นตอนแรกคือการร้องขอ คุณทำการร้องขอไปยังเว็บเซิร์ฟเวอร์เมื่อคุณพิมพ์ที่อยู่ของไซต์ที่คุณต้องการเยี่ยมชมเช่น www.techjunkie.com เมื่อคุณกด Enter เบราว์เซอร์ของคุณจะเชื่อมต่อกับโฮสต์เว็บและขอให้ดาวน์โหลดไฟล์ข้อความจำนวนมาก

ขั้นตอนต่อไปคือการตอบสนองของเว็บเซิร์ฟเวอร์ นี่คือขั้นตอนที่เซิร์ฟเวอร์มอบทรัพยากรให้กับเบราว์เซอร์จริง ๆ เบราว์เซอร์ร้องขอพวกเขา (คำขอ) และเซิร์ฟเวอร์ส่งพวกเขาไป (การตอบสนอง) อย่างไรก็ตามเบราว์เซอร์จะรู้ได้อย่างไรว่ามันต้องการมากกว่าไฟล์เดียว? มันทำสิ่งนี้ผ่านสิ่งที่เรียกว่าการแยกวิเคราะห์ กล่าวอีกนัยหนึ่งเบราว์เซอร์จะใช้เอกสารแรกโดยมองหาการอ้างอิงถึงไฟล์อื่น ๆ หากเห็นการอ้างอิงไปยังไฟล์อื่นก็จะดาวน์โหลดเช่นกัน มันซับซ้อนกว่านั้นมาก แต่นั่นคือส่วนสำคัญของวิธีการค้นหาไฟล์ที่ต้องการทั้งหมด

ถัดไปจะต้องสร้างข้อมูลทั้งหมดที่ดาวน์โหลดมา ใช้เอกสาร HTML ดั้งเดิมที่ดาวน์โหลดมารวมถึงทรัพยากรที่เกี่ยวข้องทั้งหมดและสร้างโครงสร้างหรือโครงสร้างแบบต้นไม้ มันจะสร้าง Document Object Map (DOM) ก่อนซึ่งเป็นโครงสร้างหรือตำแหน่งขององค์ประกอบบนหน้าเว็บ ถัดไปมันสร้าง CSS Object Map - โครงสร้างสำหรับองค์ประกอบใน DOM สไตล์ ในที่สุดมันจะสร้าง Render Tree ซึ่งโดยทั่วไปจะใช้ DOM และ CSS Object Map รวมเข้าด้วยกันและสร้างโครงสร้างสำหรับวิธีการจัดโครงสร้างและสไตล์ของเพจ

และสุดท้ายหน้าจะแสดงผลและแสดงให้คุณผู้ใช้ นอกจากนี้ยังมีการคำนวณจำนวนมากในขั้นตอนนี้เนื่องจากเบราว์เซอร์ต้องค้นหาว่าเค้าโครงมีขนาดใหญ่เท่าใดเมื่อเทียบกับหน้าจอของคุณ (เช่นขนาดหน้าจะแตกต่างกันหากคุณใช้แท็บเล็ตสมาร์ทโฟนหรือคอมพิวเตอร์) แต่เมื่อทำได้คุณจะได้รับหน้าสุดท้ายและหวังว่าจะดูดีในเบราว์เซอร์ของคุณ

กระบวนการนี้ค่อนข้างน่าทึ่งมากคำขอและการคำนวณทั้งหมดนี้เกิดขึ้นในไม่กี่วินาทีขึ้นอยู่กับความเร็วของการเชื่อมต่ออินเทอร์เน็ตของคุณ แต่ส่วนใหญ่แม้ว่าจะมีหลายร้อยไฟล์ไปยังหน้าเว็บกระบวนการข้างต้นเกิดขึ้นได้อย่างง่ายดายใน 10 วินาทีหรือน้อยกว่า

ปิด

หวังว่าเราจะอธิบายอย่างชัดเจนว่าการเชื่อมต่ออินเทอร์เน็ตของคุณเบราว์เซอร์และเซิร์ฟเวอร์ทำงานร่วมกันอย่างไรในการส่งมอบหน้าเว็บให้กับเบราว์เซอร์ของคุณ ด้วยการมีความเข้าใจอย่างลึกซึ้งเกี่ยวกับวิธีการที่เทคโนโลยีเหล่านี้รวมเข้าด้วยกันและทำงานร่วมกันไม่เพียง แต่จะช่วยให้คุณเห็นคุณค่าของสิ่งที่เกิดขึ้นเบื้องหลัง แต่ยังช่วยให้คุณแก้ไขปัญหาที่เกี่ยวข้องกับเบราว์เซอร์