การเพิ่มประสิทธิภาพเนื้อหา

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

เว็บแอปพลิเคชันสมัยใหม่มีลักษณะอย่างไร HTTP Archive ช่วยตอบคำถามนี้ได้ โปรเจ็กต์นี้จะติดตามวิธีสร้างเว็บโดยทำการ Crawl เว็บไซต์ยอดนิยม (มากกว่า 300,000 เว็บไซต์จากรายการ Alexa Top 1M) เป็นระยะๆ และบันทึกและรวบรวมข้อมูลวิเคราะห์เกี่ยวกับจำนวนทรัพยากร ประเภทเนื้อหา และข้อมูลเมตาอื่นๆ สำหรับปลายทางแต่ละแห่ง

เทรนด์ของ HTTP Archive

เปอร์เซ็นไทล์ที่ 50 เปอร์เซ็นไทล์ที่ 75 เปอร์เซ็นไทล์ที่ 90
HTML 13 KB 26 KB 54 KB
รูปภาพ 528 KB 1213 KB 2384 KB
JavaScript 207 KB 385 KB 587 KB
CSS 24 KB 53 KB 108 KB
อื่นๆ 282 KB 308 KB 353 KB
รวม 1054 KB 1985 KB 3486 KB

ข้อมูลข้างต้นแสดงแนวโน้มการเติบโตของจำนวนไบต์ที่ดาวน์โหลดสำหรับปลายทางยอดนิยมบนเว็บระหว่างเดือนมกราคม 2013 ถึงมกราคม 2014 แน่นอนว่าเว็บไซต์แต่ละแห่งไม่ได้เติบโตในอัตราเดียวกันหรือต้องการข้อมูลในปริมาณเท่ากัน เราจึงไฮไลต์ควอนไทล์ต่างๆ ภายในการกระจาย ได้แก่ ควอนไทล์ที่ 50 (ค่ามัธยฐาน) ควอนไทล์ที่ 75 และควอนไทล์ที่ 90

เว็บไซต์ค่ามัธยฐานในช่วงต้นปี 2014 ประกอบด้วยคำขอ 75 รายการซึ่งรวมเป็นไบต์ที่โอนทั้งหมด 1, 054 KB และจำนวนไบต์ (และคำขอ) ทั้งหมดเพิ่มขึ้นอย่างต่อเนื่องตลอดปีที่ผ่านมา ซึ่งไม่ใช่เรื่องน่าแปลกใจ แต่ก็ส่งผลต่อประสิทธิภาพที่สำคัญ กล่าวคือ ความเร็วอินเทอร์เน็ตเพิ่มขึ้นก็จริง แต่เพิ่มขึ้นในอัตราที่แตกต่างกันในแต่ละประเทศ และผู้ใช้จำนวนมากยังคงถูกจำกัดปริมาณอินเทอร์เน็ตและใช้แพ็กเกจแบบวัดปริมาณข้อมูลที่มีราคาแพง โดยเฉพาะในอุปกรณ์เคลื่อนที่

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

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