โหลดขี้เกียจของภาพกับ jQuery
หน้า 1 จาก 3
คุณลักษณะที่สำคัญมากของเว็บไซต์เป็นแน่นอนความเร็วของหน้าเว็บโหลด แม้จะมีเว็บไซต์ที่ช้าที่ใช้เวลานานเกินไปที่จะแสดงในสิ่งที่เราต้องการในความเป็นจริงมากที่สุดของผู้ใช้ที่ปิดหน้าด้วยการสลับไปยังเว็บไซต์อื่นหรือคู่แข่ง Internet เป็นเครื่องมือไม่ได้สำหรับผู้ป่วยคน ;-)
เทคนิคการโหลดขี้เกียจ (แปลเป็น"โหลดขี้เกียจ") ของภาพได้อย่างแม่นยำเพื่อหลีกเลี่ยงการรอนานและไม่จำเป็นภายในหน้าเว็บ เทคนิคการเขียนโปรแกรมนี้ไม่ได้ในความเป็นจริงหมายถึงภาพ แต่ครอบคลุมทรัพยากรทั้งหมดที่"ไร้"เมื่อมันโหลด, riorse ที่จะของหลักสูตรดึง"on demand"เมื่อมีความต้องการ
เราจะเผชิญกับวาทกรรมของภาพที่พวกเขาเป็นหลักส่วนที่หนักที่สุดของหน้าเว็บ
ผู้ใช้เริ่มต้นหน้าจะไม่จำเป็นต้องทุกคนจะได้ดูภาพ, บางทีอาจเป็นเพราะพวกเขาจะถูกซ่อนอยู่หรือเพียงเพราะพวกเขาวางไว้ที่ด้านล่างหรือในพื้นที่ที่ห่างไกลจากที่ผู้ใช้ต้องการเข้าถึงข้อมูล
สถานการณ์ดังกล่าวเกิดขึ้นส่วนใหญ่สำหรับหน้าเว็บที่มีขนาดใหญ่มากเช่นเดียวกับบรรดาของบล็อก (ซึ่งในข้อกล่าวหาการแสดงความคิดเห็นเป็นจำนวนมากจะยาวมาก)
ในสถานการณ์เช่นนี้จะทำให้ความรู้สึกในการโหลดภาพทั้งหมดที่เริ่มต้นโดยเฉพาะผู้ที่อยู่ที่ด้านล่างไม่ได้เพราะมันอาจจะดูไม่เคย!
ที่จะใช้เทคนิคการโหลดขี้เกียจสามารถดำเนินการได้ในรูปแบบที่แตกต่างกัน
ชัดเจนมากที่สุดที่มาถึงใจคือการลบภาพในการบินจาก DOM ที่ใช้ JavaScript
แต่นี้ยังจะผิดเพราะวิธีการที่เบราว์เซอร์ส่วนใหญ่ยังคงไม่ได้ส่งต่อการร้องขอของภาพและคุณจะได้รับผลที่ต้องการอย่างเต็มรูปแบบ
เทคนิคที่ดี, การเน้นในบทความโดย Paul แฮมมอนด์ ความเร็วขึ้นเว็บไซต์ของคุณที่มีเนื้อหาที่ล่าช้า คือการแทน, การใช้แอตทริบิวต์ที่กำหนดเองใน HTML5
ลองดูวิธีการ
 |
CSS (หลักสูตร)
การออกแบบเว็บและการใช้งานตาม W3C CSS และ XHTML เริ่มต้นจาก 29 € |
 |
HTML (หลักสูตร)
ภาษามาร์คอัปสำหรับเว็บจาก 29 € |
 |
Javascript (หลักสูตร)
คู่มือที่สมบูรณ์ในการเขียนสคริปต์ฝั่งไคลเอนต์ จาก 39 € |