พาทัวร์ GTmetrix เวอร์ชั่นใหม่ เอาใจสาย SPEED

เมื่อวันที่ 16 พฤศจิกายน 2020 ทางระบบ GTmetrix ได้เปิดตัวเวอร์ชั่นใหม่ ถ้าได้ดูหน้าตา ต้องบอกว่าไฉไลกว่าเดิม โดยมีการปรับปรุงหลักๆ หลายส่วนเลย เช่น

  • การคำนวนคะแนน หรือ เกรด รูปแบบใหม่
  • คะแนน Performance รูปแบบใหม่ และจะมีคะแนน Structure เพิ่มเข้ามมา
  • รีดีไซน์หน้าตา Report แบบใหม่
  • เพิ่ม Web Vitals
  • เพิ่ม Speed Visualization
  • ฯลฯ

ถ้าเคยใช้รูปแบบเก่า GTmetrix จะพอเห็นภาพว่า มันใช้ PageSpeed / YSlow ในการวัดและวิเคราะห์เรื่องสปีด โดยจะโฟกัสไปที่การวิเคราะห์ โครงสร้างฝั่ง Front-end ปัญหาเชิงเทคนิค เว็บไซต์เรามีคุณภาพมากแค่ไหน

แต่ไม่ได้สนใจว่า เว็บไซต์เราโหลดเร็วหรือเปล่าในสายตา User

ตัวอย่าง GTmetrix รุ่นเก่า

ส่วนตัวผมชอบนะ รูปแบบเก่าตรงที่ว่า มันชี้เป้าเชิงเทคนิคเยอะมาก ว่าเว็บเรายังมีปัญหาจุดไหนอีกบ้าง ที่กระทบกับสปีดโดยตรง

New GTmetrix ได้เปลี่ยนจาก PageSpeed / YSlow ไปใช้ Google Lighthouse มาเป็นมาตรฐานใหม่ในการวัดคะแนนสปีด

Lighthouse โฟกัสเรื่อง User Experience เป็นหลัก (ในขณะที่ GT ตัวเก่า สนแค่ว่า เว็บมีโครงสร้างที่ดี โดยไม่ได้สนใจในสายตาผู้ใช้เลย)

หน้าตา GTmetrix Grade แบบใหม่

หน้าตา GTmetrix Grade แบบใหม่
หน้าตา GTmetrix Grade แบบใหม่

ภาพด้านล่างเป็น “Speed Visualization” ช่วยให้เราเห็นภาพมากขึ้น

มันจะแสดงช่วงต่างๆ ของการโหลดหน้าเว็บ จนโหลดเสร็จสมบูรณ์ ตามหลัก Core Web Vitals (ถ้าเทส Speed ด้วย PageSpeed Insights น่าจะพอคุ้นชินกับคำศัพท์เหล่านี้)

หากคลิกที่แท็บ “Perormance” จะเห็น Performance Metrics ที่ต่างจากเดิม โดยจะแสดงผลลัพธ์เหมือนในเว็บ Google PageSpeed Insights เลยครับ

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

และเลื่อนลงด้านล่างสุด จะเห็น “Page Details” ทำให้เห็นภาพรวมว่า Total Page Size น้ำหนักเท่าไหร่ อะไรหนักที่สุด, และอะไรที่ Requests เยอะสุด มันทำให้เราสามารถมองภาพรวมว่า ควรปรับจากจุดไหนเป็นอันดับแรก

แนะนำให้เพื่อนๆ ลองไปศึกษาเรื่อง Core Web Vitals เพิ่มเติมครับ

สรุป

GTmetrix เวอร์ชั่นใหม่ เปลี่ยนอัลกอริทึมในการคิดคะแนน Speed ใหม่ โดยใช้พื้นฐาน Google Lighthouse ซึ่งเป็นมาตรฐานที่ Google ใช้เป็นหลักอยู่แล้ว โดยโฟกัสไปที่ User Experience เป็นหลัก ประมาณว่าต่อให้เว็บเราดีแค่ไหน แต่ถ้าโหลดช้าในสายตา User ก็ถือว่าเป็นประสบการณ์ไม่ดีนะ

ฉะนั้นเรื่อง Speed ควรให้ความสำคัญเป็นอันดับแรกครับ และยังกระทบกับคะแนน SEO ตรงๆ ด้วยนะ ผมเคยเขียนบทความ วิธีทำให้ WordPress โหลดเร็ว ลองแวะไปปรับตามได้นะครับ

Leave a Reply

Your email address will not be published. Required fields are marked *