Blog

4 วิธีวัดค่า Load Speed เพื่อเช็กความเร็วของเว็บไซต์

วิธีวัดค่า PageSpeed เพื่อเช็กความเร็วของเว็บไซต์

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

Load Speed นั้นสำคัญต่อเว็บไซต์อย่างไร?

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

“Content ดีแค่ไหน ถ้าคนไม่เห็น ก็หมดความหมาย”

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

Tools ยอดนิยมที่ใช้เช็กความเร็วของเว็บไซต์

        1. Test My Site                                  

        2. Page Speed Insight                          

        3. Light House Extension

        4. Google Chrome Developer tools    

       ยังมีอีกหลายวิธีในการเช็กความเร็วของเว็บไซต์ แต่ทาง iProspect ขอยกตัวอย่างเพียง 4 วิธีเบื้องต้นง่าย ๆ จาก Tools ของ Google เพื่อให้เจ้าของเว็บไซต์สามารถลองทดสอบได้ด้วยตนเอง

1. Test My Site by Think with Google

Think with google

หากตัวเราเองไม่ได้มีความรู้ด้าน Technical มากนัก การใช้ Test My Site ถือว่าเป็นอะไรที่เหมาะสมที่สุดแล้ว

Google Test My Site เป็น Tool จาก Google เอง ที่ไว้ทดสอบความเร็วในการโหลดของเว็บไซต์ บนมือถือ มีหน่วยเป็น วินาที

ข้อดีข้อเสีย
1. มีหน้าตาที่สวยงาม และใช้งานง่าย1. ไม่มีรายละเอียด ด้าน Technical มากนัก
2. เหมาะกับการนำไปประกอบ Presentation2. วัดผลในรูปแบบของ Mobile เท่านั้น
3. สามารถเทียบกับของคู่แข่งได้ในหน้าเดียว3. บางครั้งมี Error เกิดขึ้น โดยไม่ระบุสาเหตุ
4. มี Tool ช่วยประเมินผลจากการเพิ่มความเร็ว Page Speed

ศัพท์ที่ควรรู้

                Domain : ชื่อของเว็บไซต์ + นามสกุลเว็บไซต์ (.com, .co, .org etc.) เช่น google.com

                Conversion Rate : อัตราการเปลี่ยนจากผู้เข้าชมเป็นผู้ซื้อ อ่านเพิ่มเติม

ขั้นตอนการทดสอบ Load Speed ด้วย Test My Site

1. เข้าเว็บ https://www.thinkwithgoogle.com/intl/th-th/feature/testmysite/ หลังจากนั้นใส่ Domain ที่ต้องการทดสอบแล้วกด Enter เพื่อรอการประมวลผล

ทดสอบความเร็วของเว็บไซต์ด้วย Test my site - หน้าโฮม

2. ความเร็วที่แสดงเบื้องต้นจะแสดงความเร็วเฉลี่ย ทั้ง Domain ของเว็บไซต์ โดยคำจำกัดความของความเร็วเว็บไซต์มีดังนี้

  • เร็ว หมายถึง 0-1 วินาที
  • ปานกลาง หมายถึง 1-2.5 วินาที
  • ช้า หมายถึง 2.6 วินาทีขึ้นไป
ทดสอบความเร็วของเว็บไซต์ด้วย Test my site - หน้าผลลัพธ์

3. สามารถใส่ Domain ของคู่แข่ง ได้สูงสุด 10 คู่แข่ง เพื่อเปรียบเทียบความเร็วในการโหลดของเว็บไซต์

ทดสอบความเร็วของเว็บไซต์ด้วย Test my site - หน้าเปรียบเทียบคู่แข่ง

4. สามารถใส่ข้อมูลต่างๆ จาก Google Analytics เพื่อคำนวณโอกาสทางธุรกิจที่จะเพิ่มขึ้น เมื่อทำการปรับปรุง Load Speed ให้ดีขึ้นได้ (ตัวเลขที่ใส่ เป็นตัวเลขสมมุติ)

ทดสอบความเร็วของเว็บไซต์ด้วย Test my site - หน้าคำนวนรายได้

5. สามารถดูวิธีปรับปรุง Load Speed คร่าวๆ และ ทดสอบความเร็ว URL เว็บไซต์เป็นรายหน้าได้

ทดสอบความเร็วของเว็บไซต์ด้วย Test my site - ทดสอบหน้าย่อยๆ

6. กด Generate Report เพื่อให้ส่งกลับไปทาง Email ได้

ทดสอบความเร็วของเว็บไซต์ด้วย Test my site - หน้า gen report

สามารถอ่านข้อมูล เพิ่มเติมได้ที่ : https://www.thinkwithgoogle.com/intl/th- th/feature/testmysite/faq/

2. Page Speed Insight

Google PageSpeed Insights

เดิมทีแล้วคำว่า Page Speed ที่ใช้เรียกกันอยู่ในปัจจุบัน ก็มาจาก Tool ที่เรียกว่า PageSpeed Insights ตัวนี้ ซึ่งเป็น Tool ยุคแรกๆ ที่ทาง Google ได้ทำการ Develop ขึ้นมาเพื่อใช้ทดสอบความเร็วในการโหลดของเว็บไซต์ โดยมีหน่อยเป็น Score สูงสุดคือ 100

ข้อดีข้อเสีย
1. มีรายละเอียดค่อนข้างมาก ครอบคลุมปัจจัยที่มีผลต่อ Page Speed เกือบหมด1. มีรายละเอียดข้อมูล และ ศัพท์ Technical ค่อนข้างมาก ต้องใช้เวลาเรียนรู้ระดับหนึ่ง
2. มีทั้ง version desktop และ mobile
3. เป็น Tool ที่มีการ Synchronize กับ Google Search Console โดยตรง ทำให้มีความน่าเชื่อถือสูงสำหรับคนที่ทำสาย Organic Search

ศัพท์ที่ควรรู้

  1. First Contentful Paint (FCP) : ระยะเวลาในการโหลดตั้งแต่เริ่มต้นโหลดเว็บไซต์ จนมีการแสดง Content แรกที่มองเห็นได้ บนหน้าเว็บไซต์ หน่วยเป็น Millisecond
  2. First Input Delay (FID) : ระยะเวลาตั้งแต่ที่ผู้ใช้โต้ตอบกับหน้าเว็บของคุณเป็นครั้งแรก (เมื่อคลิกลิงก์ แตะปุ่ม และอื่นๆ) จนถึงตอนที่หน้าเว็บตอบสนองการโต้ตอบนั้นๆ หน่วยเป็น Millisecond

ในการ Optimize Load Speed นั้น FCP และ FID ถือว่ามีความสำคัญอย่างมาก ยิ่งเร็วยิ่งดี

ขั้นตอนการทดสอบ Load Speed ด้วย PageSpeed Insights

  1. เข้าสู่หน้าเว็บ https://developers.google.com/speed/pagespeed/insights/ และใส่ Full URL ที่ต้องการทดสอบได้เลย
  2. Tool จะแสดงคะแนนว่าหน้าปัจจุบัน ที่ใช้ทดสอบนั้น มี Score เท่าไหร่ โดยแบ่งเกณฑ์ดังนี้
    • เร็ว มีคะแนนตั้งแต่ 90-100
    • ปานกลาง มีคะแนนตั้งแต่ 50-89
    • ช้า มีคะแนนตั้งแต่ 0-49
  3. นอกจาก Score แล้ว ผู้ทดสอบควรพิจารณาเรื่องปัจจัยการปรับปรุงค่า FCP กับ FID ด้วย
    • FCP
      • เร็ว คือตั้งแต่ 0-1000 ms
      • ปานกลาง คือตั้งแต่ 1001-3000 ms
      • ช้า คือตั้งแต่ 3001 ms ขึ้นไป
    • FID
      • เร็ว คือตั้งแต่ 0-100 ms
      • ปานกลาง คือตั้งแต่ 101-300 ms
      • ช้า คือตั้งแต่ 301 ms ขึ้นไป
  4. พิจารณาแก้ไขส่วนอื่นๆ ได้จากหัวข้อ Opportunities และ Diagnostics ซึ่ง จะแสดงรายการที่มีผลต่อปัจจัย Load Speed และสามารถปรับปรุงแก้ไขได้ ผ่านหัวข้อที่มีสัญลักษณ์สีแดงหรือสีส้มด้านหน้า
เช็กความเร็วของเว็บไซต์ด้วย Page Speed Insight - Opportunities
เช็กความเร็วของเว็บไซต์ด้วย Page Speed Insight - Diagnostics

หากมีข้อไหนที่ต้องการคำอธิบายเพิ่มเติม แต่ละข้อจะมี ปุ่ม Learn more ให้สามารถอ่านข้อมูลเกี่ยวกับปัญหา และวิธีการแก้ไขได้ จากบทความของ google โดยตรง

*** สำหรับผู้ที่มี Search Console สามารถเช็ก Load Speed ของตัวเองได้ ผ่านเมนู Speed (Experimental) แล้วเลือก Version desktop หรือ mobile ได้เลย URL ต่างๆ จะถูกจำแนกตามปัจจัย FCP และ FID ที่วัดได้จาก PageSpeed Insights

Google search console - Experimental

อ่านข้อมูลเพิ่มเติมได้ที่ : https://developers.google.com/speed/docs/insights/v5/about

3. Light House Extension

Light House Extension

Light House Extension เป็น Extension ที่ใช้โปรแกรมในการคำนวนคะแนนเดียวกับ PageSpeed Insights ติดตั้งเป็น Browser Chrome ซึ่งสามาถทำให้ Check Page Speed ของหน้าต่างๆได้ เพียงไม่กี่คลิกเท่านั้น

ข้อดีข้อเสีย
1. มีรายละเอียดข้อมูลคล้ายคลึงกับ PageSpeed Insights1. เนื่องจากหน้าตามีความคล้ายคลึงกับ PageSpeed Insights ดังนั้นข้อเสียจึงยังเป็น ศัพท์ เทคนิคที่ไม่ค่อยเหมาะกับผู้เริ่มต้นทำเว็บ
2. สามารถทดสอบความเร็วหน้าที่กำลังเปิดอยู่ได้เลย เพียงไม่กี่คลิก2. หาก Browser ที่เปิดอยู่ มีการเปิด Extension อื่นๆ จำนวนมาก อาจส่งผลให้ ความแม่นยำของการทดสอบนั้นลดลง
3. นอกจากความเร็วแล้ว ยังสามารถทดสอบเรื่อง Accessibility, Website Best Practices, SEO และ Progressive Web App ได้อีกด้วย3. ใช้ได้เพียง Browser Chrome เท่านั้น

ศัพท์ที่ควรรู้

  1. First Meaningful Paint : เวลาที่นับตั้งแต่เริ่มโหลดเว็บจนเนื้อหาหลักของหน้าเว็บไซต์แสดงขึ้นมา
  2. Speed Index : ความเร็วของเนื้อหาที่ประกฎขึ้นให้เห็นระหว่างการโหลดหน้าเว็บ
  3. First CPU idle : ระยะเวลาที่ใช้ในการวัดตั้งแต่เริ่มโหลดเว็บจนพร้อมสำหรับการโต้ตอบเบื้องต้น
  4. Time to Interactive : ระยะเวลาที่ใช้ในการโหลดหน้าเว็บ จนกระทั่งโหลดเสร็จและพร้อมที่จะโต้ตอบเต็มรูปแบบกับผู้ใช้

        *** Priority อันดับต้นๆในการ Optimize ยังคงเป็นเรื่องของ FCP และ FID แต่ศัพท์ที่กล่าวไปข้างต้น ก็มีส่วนสำคัญในการช่วยให้ Score นั้นดีขึ้น

ขั้นตอนการทดสอบ Load Speed ด้วย Light House Extension

1. โหลด Lighthouse และติดตั้งลงบน Browser

Download - Light House Extension

2. เปิดเว็บที่ต้องการทดสอบ หลังจากนั้นกดที่ Extension แล้วเลือกว่าจะทดสอบอะไรบ้าง

Light House Extension - generate report

3. กด Generate Report แล้วรอผลการทดสอบ

Light House Extension - ผลการเช็กความเร็วของเว็บไซต์

หน้า Report จาก Light house Extension สามารถ Export ออกมาได้หลายรูปแบบ ขึ้นอยู่กับ การใช้งาน

โหลด Extension ได้ที่ : https://chrome.google.com/webstore/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk?hl=en-US

4. Google Chrome Developer Tool

Chrome developer tool

Developer Tool นั้นมีมาพร้อมกับ Chrome Browser อยู่แล้ว แม้หน้าตาจะไม่ได้ Friendly ต่อ ผู้ใช้งานเหมือน Tools อื่นๆ แต่ก็สามารถประหยัดเวลาในการหา Tool หรือติดตั้ง Extension ได้พอสมควร อีกทั้งความสามารถในการทดสอบก็ใกล้เคียงกับ Light House Extension มาก

ข้อดีและข้อเสีย : เหมือน Light House Extension

ข้อดีข้อเสีย
1. มีรายละเอียดข้อมูลคล้ายคลึงกับ PageSpeed Insights1. เนื่องจากหน้าตามีความคล้ายคลึงกับ PageSpeed Insights ดังนั้นข้อเสียจึงยังเป็น ศัพท์ เทคนิคที่ไม่ค่อยเหมาะกับผู้เริ่มต้นทำเว็บ
2. สามารถทดสอบความเร็วหน้าที่กำลังเปิดอยู่ได้เลย เพียงไม่กี่คลิก2. หาก Browser ที่เปิดอยู่ มีการเปิด Extension อื่นๆ จำนวนมาก อาจส่งผลให้ ความแม่นยำของการทดสอบนั้นลดลง
3. นอกจากความเร็วแล้ว ยังสามารถทดสอบเรื่อง Accessibility, Website Best Practices, SEO และ Progressive Web App ได้อีกด้วย3. ใช้ได้เพียง Browser Chrome เท่านั้น

ขั้นตอนการทดสอบ Load Speed ด้วย Google Chrome Developer Tools

1. เปิดหน้าเว็บที่ต้องการทดสอบ

2. กด Ctrl+Shift+I เพื่อเปิดหน้าต้าง Developer แล้วเลือก Tab Audit

วิธีการเช็กความเร็วของเว็บไซต์ผ่าน Chrome Developer tool

3. ปรับตั้งค่าที่ต้องการทดสอบแล้วกด Generate Report

4. หลังผลการทดสอบ Tool จะแสดงข้อมูล หน้าตาคล้าย Light House Extension มาให้

ผลการเช็กความเร็วของเว็บไซต์ผ่าน Chrome Developer tool

สรุปประเด็นสำคัญจากบทความเกี่ยวกับ Page Speed นี้

  1. หากมีความรู้ด้าน Technical น้อยและเน้นการทำ Presentation ให้ใช้ Test My Site
  2. หากเป็นเจ้าของเว็บไซต์ที่มีการติดตั้ง Google Search Console ร่วมด้วย การใช้ PageSpeed Insights จะมีประสิทธิภาพมากที่สุด
  3. Light House Extension และ Developer tools สามารถวัดค่าปัจจัยอื่นๆ นอกเหนือจาก Speed ได้ แต่ควรระวังเรื่องผลกระทบจาก Extension ที่เปิดอยู่ใน Browser Profile เดียวกัน

Tools ทั้งหมดที่กล่าวมานี้ ล้วนเป็น Tools มาจาก Google เป็นส่วนสำคัญ ทำให้มั่นใจได้แน่นอนว่า Tools เหล่านี้มีความน่าเชื่อถือ แต่อย่างไรก็ตามเพื่อการทดสอบที่ได้ผลดีที่สุด ควรมีการ Test หลายๆครั้ง และหลายๆ หน้าในเว็บเดียวกัน เพื่อหาค่าเฉลี่ย หรือแม้กระทั่งการตั้งค่า Location ที่ใช้ทดสอบก็ควรสัมพันธ์กับที่ตั้งของ Server จริงด้วย 

หวังว่าบทความนี้จะเป็นประโยชน์กับคุณและธุรกิจของคุณไม่มากก็น้อย iProspect Thailand ยังมีบทความดีๆ อีกมากมายที่เป็นประโยชน์กับธุรกิจของคุณ หากคุณต้องการความช่วยเหลือ Digital Solution ด้านใด หรือมีแผนที่จะสร้างโอกาสทางธุรกิจผ่าน Digital Marketing แล้วหล่ะก็ iProspect Thailand พร้อมอยู่ตรงนั้นเพื่อช่วยคุณ — ติดต่อเรา

Related Posts


CEO เล่าเรื่อง ตอนที่ 2: การตลาดโซเชี่ยล (Social Media Marketing) คืออะไร?

21 September 2020

CEO เล่าเรื่อง ตอนที่ 2: การตลาดโซเชี่ยล (Social Media Marketing) คืออะไร?

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

DA-PA คืออะไร

8 September 2020

DA – PA คืออะไร ปัจจัยสำคัญที่คนทำ SEO ควรรู้

รู้จักกับค่า DA PA ตัวชี้วัดสำคัญด้านความน่าเชื่อถือของเว็บไซต์ที่คนทำ SEO ทุกคนต้องรู้ หาคำตอบ พร้อมขั้นตอนการเช็กได้ที่นี่