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

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

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

เทรนด์ของที่เก็บถาวร HTTP

เปอร์เซ็นไทล์ที่ 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 แล้วเราก็พร้อมใช้งาน ซึ่งเป็นฟีเจอร์หลักของเว็บ อย่างไรก็ตาม เรามักจะต้องดึงข้อมูลทรัพยากรต่างๆ หลายสิบรายการหรือบางครั้งก็หลายร้อยรายการ ซึ่งทั้งหมดนี้อาจมีข้อมูลรวมกันหลายเมกะไบต์และต้องรวมกันภายในเวลาหลายร้อยมิลลิวินาทีเพื่อให้ผู้ใช้ได้รับประสบการณ์การใช้งานเว็บทันทีตามที่เรามุ่งหวัง

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