เมื่อคืนฉันเขียนเรียงความเกี่ยวกับกระบวนการแสดงผลของเบราว์เซอร์ แต่ฉันเพิ่งอธิบายผ่านรหัสชิ้นเล็ก ๆ ฉันไม่ได้ผ่านการทดสอบเบราว์เซอร์มันไม่น่าเชื่อพอและมีหลายแง่มุมที่ไม่สมบูรณ์ ฉันทดสอบในเบราว์เซอร์วันนี้และแบ่งปันผลการทดสอบกับทุกคน กระบวนการทดสอบอาจยุ่งเล็กน้อยฉันหวังว่าทุกคนจะเข้าใจ
เบราว์เซอร์ทดสอบ : Chrome V24.0.1312.52 M, Firefox V18.0, Opera V12.12ในเคอร์เนล WebKit เมื่อหน้าเว็บปรากฏขึ้นจะมีตัวแยกวิเคราะห์ (ตัวแยกวิเคราะห์) เพื่อแยกวิเคราะห์เอกสาร HTML จากนั้นสร้างต้นไม้เรนเดอร์ (ต้นไม้เรนเดอร์) และในที่สุดก็แสดงหน้า สิ่งนี้ทำในเธรดเดียวดังนั้นทั้งคู่จะไม่ทำในเวลาเดียวกัน
ฉันแบ่งมันออกเป็นสองสถานการณ์ต่อไปนี้และทดสอบในเบราว์เซอร์ที่แตกต่างกัน
ไฟล์สไตล์อยู่ในหัวและไฟล์สคริปต์อื่น ๆ เชื่อมต่อกับจุดเริ่มต้นของร่างกายและอีกไฟล์อยู่ที่ด้านล่างของร่างกาย ไฟล์สไตล์อยู่ในจุดเริ่มต้นของร่างกายและไฟล์สคริปต์เหมือนกับข้างต้นผลการทดสอบเป็นเช่นนี้: ใน Chrome ที่ตั้งของไฟล์สไตล์จะส่งผลกระทบต่อเวลาดาวน์โหลดของภาพในขณะที่เบราว์เซอร์อีกสองตัวไม่มีความแตกต่างระหว่างสองสถานการณ์ ต่อไปนี้เป็นกระบวนการทดสอบโดยละเอียด
การทดสอบ 1: ไฟล์สไตล์อยู่ในหัวและไฟล์สคริปต์อื่น ๆ เชื่อมต่อกับจุดเริ่มต้นของร่างกายและอีกไฟล์อยู่ที่ด้านล่างของร่างกายรหัสทดสอบ:
คัดลอกรหัส