ความเร็วเว็บ: สามอย่างที่ทำได้ก่อน

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

หนึ่ง รูปภาพ

รูปมักกินขนาดรวมของหน้ามากกว่าครึ่ง ให้เริ่มจากเปิดเครื่องมือดูขนาดไฟล์ในเบราว์เซอร์แล้วเรียงจากใหญ่ไปเล็ก ไฟล์สามอันดับแรกมักอธิบายปัญหาได้เกือบทั้งหมด

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

สอง ฟอนต์

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

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

สาม สคริปต์ภายนอก

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

ตัวที่ต้องเก็บไว้ ให้โหลดแบบไม่ขวางการแสดงผล และถ้าเป็นไปได้ให้โหลดหลังจากหน้าแสดงเนื้อหาหลักแล้ว ผู้ใช้จะเห็นเนื้อหาเร็วขึ้นแม้เครื่องมือเหล่านั้นจะยังโหลดอยู่

วัดผลก่อนและหลัง

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

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

แก้สามเรื่องนี้ให้จบก่อนคิดถึงเรื่องอื่น เพราะส่วนใหญ่แล้วเมื่อสามเรื่องนี้เรียบร้อย ปัญหาความเร็วที่เหลือมักเล็กเกินกว่าที่ผู้ใช้จะรู้สึก