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

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

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

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

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

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

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

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

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