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

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

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

แนวโน้มของที่เก็บถาวรสำหรับ HTTP

เปอร์เซ็นไทล์ที่ 50 เปอร์เซ็นไทล์ที่ 75 เปอร์เซ็นไทล์ที่ 90
HTML 13 กิโลไบต์ 26 กิโลไบต์ 54 กิโลไบต์
รูปภาพ 528 กิโลไบต์ 1,213 KB 2,384 KB
JavaScript 207 กิโลไบต์ 385 KB 587 กิโลไบต์
CSS 24 กิโลไบต์ 53 กิโลไบต์ 108 กิโลไบต์
อื่นๆ 282 KB 308 กิโลไบต์ 353 กิโลไบต์
รวม 1,054 KB 1,985 KB 3,486 KB

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

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

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

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