ลดขนาดของเนื้อหาครึ่งหน้าบน

กฎนี้จะทำงานเมื่อ PageSpeed Insights ตรวจพบว่าต้องมีการเดินทางไป-กลับเครือข่ายเพิ่มเติมเพื่อแสดงผลเนื้อหาครึ่งหน้าบนของหน้าเว็บ

ภาพรวม

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

การแนะนำวิดีโอ

หากต้องการให้หน้าเว็บโหลดเร็วขึ้น ให้จำกัดขนาดของข้อมูล (มาร์กอัป HTML, รูปภาพ, CSS, JavaScript) ที่จำเป็นในการแสดงเนื้อหาครึ่งหน้าบน ซึ่งทำได้หลายวิธี ดังนี้

จัดโครงสร้าง HTML ให้โหลดเนื้อหาส่วนครึ่งหน้าบนที่สำคัญก่อน

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

ลองดูตัวอย่างต่อไปนี้เกี่ยวกับวิธีปรับโครงสร้างเว็บไซต์เพื่อให้โหลดได้เร็วขึ้น

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

ลดปริมาณข้อมูลที่ทรัพยากรของคุณใช้

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

ความคิดเห็น

หน้านี้มีประโยชน์ไหม