โดยทั่วไปมีสองวิธีทั่วไปในการโหลดล่วงหน้าล่วงหน้า: XHR และแทรกโหนดแบบไดนามิก การแทรกแบบไดนามิกของโหนดเป็นวิธีการโหลดแบบอะซิงโครนัสที่ง่ายที่สุดและกว้างขวางที่สุด จากนั้นไฟล์ที่โหลดโดยใช้การแทรกแบบไดนามิกของโหนดจะถูกดำเนินการทันทีหลังจากโหลด ในอีกด้านหนึ่งการดำเนินการของ JavaScript จะครอบครองกระบวนการดำเนินการ JS ของเบราว์เซอร์และในทางกลับกันมันอาจเปลี่ยนโครงสร้างหน้า การดำเนินการของ CSS มีแนวโน้มที่จะเปลี่ยนแปลงทั้งหน้ามากขึ้น แม้ว่าวิธี XHR จะไม่ดำเนินการสคริปต์ แต่ก็เป็นเพราะข้อ จำกัด ของโดเมนเดียวกัน
วิธี Lazy Loader มีประโยชน์มากในบางเว็บไซต์ที่มีรูปภาพจำนวนมาก รูปภาพนอกพื้นที่ภาพของเบราว์เซอร์จะไม่ถูกโหลดจนกว่าผู้ใช้จะเลื่อนหน้าไปยังตำแหน่งของพวกเขา ด้วยวิธีนี้สำหรับหน้าเว็บที่ยาวขึ้นที่มีรูปภาพมากมายสามารถโหลดได้เร็วขึ้นและบันทึกแบนด์วิดท์เซิร์ฟเวอร์ นอกจากนี้ยังมีปลั๊กอินในปลั๊กอิน jQuery เพื่อใช้ฟังก์ชั่นนี้
เทคโนโลยีนี้ใช้ในพื้นที่ QQ ของ Tencent และ Weibo ในเว็บไซต์ที่มีการเข้าชมจำนวนมากความดันบนเซิร์ฟเวอร์สามารถลดลงได้ค่อนข้างมากและคำขอจะทำเฉพาะเมื่อผู้ใช้เข้าถึงพื้นที่ที่คุณเห็นและเนื้อหาด้านล่าง แทนที่จะดาวน์โหลดทั้งหน้าในครั้งเดียวมีผู้ใช้รอเนื้อหาที่จะนำเสนอในระหว่างกระบวนการดาวน์โหลด
ใช้ Image ใหม่ (). SRC ใน IE เพื่อโหลดไฟล์ล่วงหน้า
เบราว์เซอร์อื่น ๆ ใช้แท็กการแทรกเอกสารการสร้าง ('Object') แบบไดนามิกเพื่อให้โหลดเสร็จสมบูรณ์
ภาพประกอบ:
1. เหตุผลที่ทำให้ภาพใหม่ (). SRC ไม่สามารถใช้ใน FF ได้เพราะ FF ใช้ชุดแคชแยกต่างหากสำหรับภาพ ในเวลาเดียวกัน Safari และ Chrome ก็ดูเหมือนจะไม่ถูกแคชเช่นกัน
2. แทรกแท็กวัตถุแบบไดนามิกจะต้องใส่ลงในส่วนที่ไม่ใช่หัวเพื่อทริกเกอร์โหลด
3. IE7 IE8 ยังสามารถใช้ Dynamic Object เพื่อโหลดไฟล์ผ่านรหัสบางส่วน