Page Speed ​​คือการวัดว่าเนื้อหาบนหน้าเว็บของคุณโหลดเร็วแค่ไหน หรือพเรียกอีกชื่อว่า “เวลาในการโหลดหน้าเว็บ” (เวลาที่ใช้ในการแสดงเนื้อหาอย่างสมบูรณ์ในหน้าใดหน้าหนึ่ง)หรือ “เวลาถึงไบต์แรก” (ระยะเวลาที่เบราว์เซอร์ของคุณจะได้รับข้อมูลไบต์แรกจาก เว็บเซิร์ฟเวอร์)

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

ข้อมูลเนื้อหาในหัวข้อนี้

วิธีเพิ่มความเร็วหน้าเว็บเพจ

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

ลดขนาด CSS, JavaScript และ HTML

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

ลดการเปลี่ยนเส้นทาง

ทุกครั้งที่เพจเปลี่ยนเส้นทางไปยังเพจอื่น ผู้เยี่ยมชมของคุณต้องเสียเวลาเพิ่มขึ้น ทำให้รู้สึกเบื่อ เปลี่ยนเส้นทางมือถือของคุณมีลักษณะเช่นนี้: “example.com -> www.example.com -> m.example.com -> m.example.com/home” การเปลี่ยนเส้นทางเพิ่มเติมทั้งสองแบบนี้จะทำให้หน้าของคุณ โหลดช้าลง ซึ่งเป็นวิธีที่ไม่แนะนำอย่างมาก

ลบ JavaScript ที่บล็อกการแสดงผล

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

ใช้ประโยชน์จากการแคชของเบราว์เซอร์

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

ปรับปรุงเวลาตอบสนองของเซิร์ฟเวอร์

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

ปรับภาพให้เหมาะสม

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

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