ดูความเร็วเว็บไซต์ ด้วย 10 เครื่องมือขั้นเทพ ใช้ได้กับทุกเว็บไซต์

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

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

1.ดวงตาของคุณ – การทดสอบสายตา

เป็นเพียงจุดเริ่มต้น

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

รับรอง เราไม่ปั่น 55

สายตาเป็นเครื่องมือที่ใช้วัดระดับ วินาที ได้ แต่หากจะไประดับ milli-sec คือ 1 ใน 1000 ของวินาที จะต้องใช้เครื่องมือต่อไป นี้ มีอะไรบ้าง มาดูกัน

2.เว็บเบราว์เซอร์ Google Chrome : Developer tool

Google Chrome Developer Tools มาพร้อมกับเครื่องมือที่มีประโยชน์มากมายในการตรวจสอบเว็บไซต์ เปิดเครื่องมือสำหรับนักพัฒนาโดย Ctrl + Shift + I หรือ Ctrl + Opt + J

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

2.1 การตรวจสอบเครือข่าย (Network tab)

เมื่อเรากด Ctrl + Shift + I หรือ Ctrl + Opt + J แล้วให้เลือกไปที่แท็บ Network เราจะเห็นหัวข้อต่างๆ ตามภาพ

Network tab
  • Status : 200, 304, 404 ที่จะบอกว่าไฟล์ที่โหลดจาก Server สำเร็จหรือไม่สำเร็จ
  • Protocol : ว่า Server ใช้มาตรฐานอะไร เช่น HTTP1.1, HTTP2, Quic ฯลฯ
  • Type : ใช้แยกประเภทของไฟล์ ว่าเว็บช้า สาเหตุเพราะว่าอะไร
  • Priority : ใช้ลำดับความสำคัญของไฟล์ ว่าควรโหลดก่อน หรือ โหลดทีหลัง
  • Size : บอกขนาด ซึ่งยิ่งน้อยยิ่งดี แต่ต้องไม่ทำให้คุณภาพ ลดลงไป
  • Waterfall : แท็บสีเขียว ที่ใช้บอกว่าไฟล์นั้น โหลดเร็วหรือช้า โดยวัดได้เป็นมิลลินาที

2.2 การวัดประสิทธิภาพ (Audit tab)

การวัดประสิทธิภาพนี้ จะทดสอบไซต์แบบ Local คุณยังสามารถเลือกอุปกรณ์และเค้นความเร็วเครือข่ายและ CPU, SEO, Performance, Best Practise ได้อีกด้วย

คุณสามารถใช้เครื่องมือ ‘Lighthouse’ ที่ฉันกล่าวถึงด้านล่างเพื่อให้ได้ผลลัพธ์เดียวกัน

2.3 ความปลอดภัย (Security tab)

ใช้ตรวจสอบความปลอดภัย ว่าตรงตามมาตรฐาน Https หรือ Version ไหนที่ใช้อยู่ ซึ่งทาง Digital Pagespeed มีให้เลือกครบ

3.Google PageSpeed ​​Insights

Google PageSpeed ​​Insightsเป็นเครื่องมือที่เราชอบมากที่สุด สิ่งที่เราชอบคือแทนที่จะมุ่งเน้นไปที่ ‘เวลาในการโหลด’ แต่จะวัดประสบการณ์ของผู้ใช้จนถึงจุดหนึ่ง

บางคนบ่นว่าไม่แสดงเวลาโหลดเว็บแล้วจะรู้ได้ไง แต่เชื่อเถอะ เว็บที่ได้คะแนะ Pagespeed Insights สูงส่วนใหญ่จะเร็วเป็นพื้นฐาน และ โดยปริยาย

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

โดยสามารถอ่าน บทความ เก่าของเราได้ที่ https://pagespeed.digital/how-to-make-high-score-of-pagespeed-insights/ เราเขียนอธิบายอย่างละเอียดไว้หมดแล้ว

4. GTmetrix

GTmetrix จะวิเคราะห์ไซต์ของคุณและสามารถแนะนำสิ่งที่จำเป็นต้องแก้ไขทั้งหมด และเป็นเครื่องมืออันดับ 2 ที่เราชอบใช้รองจาก Pagespeed Insights

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

สิ่งที่สำคัญอีกอย่าง คือใน Tab Timing เพราะ สามารถบอกค่า TTFB (Time To First Byte) ได้ แต่นั่นอย่างลืมว่า สถานที่ใช้ทดสอบคือ ประเทศอะไร

และ ยังมี Feature ที่เราชอบคือการตรวจสอบให้เราตามการตั้งเวลาไว้

TTFB ของประเทศไทยควรอยู่ที่ 50-60 ms
ตัวอย่างเว็บ GTmetrix

5.การทดสอบความเร็ว Pingdom

Pingdom Speed ​​Testเป็นเครื่องมือฟรีจาก SolarWinds คล้ายกับ GTmetrix มากให้รายงานพร้อมคะแนนและเวลาในการโหลด  โดยเป็น บริษัท ‘การตรวจสอบประสิทธิภาพเว็บไซต์และความพร้อมใช้งาน’  Pingdom monitor จะตรวจสอบอย่างต่อเนื่อง (พูดทุกๆ 5 นาทีหรือ 30 วินาที) และจะแจ้งเตือนคุณหากมีสิ่งผิดปกติเกิดขึ้น

จะว่าไปเราไม่ค่อยชอบเครื่องมือนี้เท่าไร เพราะ ผลการวัดไม่ค่อยแม่น เพราะ ที่ตั้ง Server อยู่ไกล

6. WebPageTest โดย Akamai

เป็นเครื่องมือที่เราชอบใช้อันดับ 3 รองจาก Gtmetrix

WebPageTest เป็นหนึ่งในเครื่องมือที่เก่าแก่และเชื่อถือได้ ทดสอบเว็บไซต์ของคุณหลาย ๆ ครั้งจากอุปกรณ์เครื่องเดียวกัน เป็นประโยชน์มากในการดูว่า “การแคชเบราว์เซอร์” ทำงานได้อย่างมีประสิทธิภาพเพียงใด นอกจากนี้ยังมีเมตริกหลัก ๆ เช่นTTFB , keep-alive, การบีบอัด , การแคชเบราว์เซอร์ , cdn เป็นต้น

สามารถวัดคะแนน Web Vitals ได้ด้วย

7.การทดสอบประสิทธิภาพ โดย KeyCDN

เครื่องมือส่วนใหญ่ที่ฉันระบุไว้ข้างต้นจะทดสอบTTFB (เวลาเป็นไบต์แรกหรือเวลาตอบสนองของเซิร์ฟเวอร์) จากตำแหน่งเดียว KeyCDN ทดสอบประสิทธิภาพจะวิเคราะห์เว็บไซต์ของคุณจาก 14 สถานที่ที่มีปุ่มเพียงแค่คลิกและให้รายงานของเวลาการค้นหา DNS, การเชื่อมต่อเป็น TLS และ TTFB

การทดสอบจากหลายประเทศทั่วโลก

8.ความเร็วไซต์ Google Analytic & Search Console

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

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

9.Loader.io ทดสอบ Loadtest

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

อย่าคิดและเชื่อในการเข้าชมแบบ “ไม่ จำกัด ” ทำการทดสอบโหลดดีกว่าและหาจำนวนผู้เยี่ยมชมที่คุณสามารถจัดการได้

Loader.ioทำให้ง่ายต่อการส่งคำขอ 10k / วินาทีไปยังไซต์ของคุณและดูว่ามันทำงานอย่างไร

10. Google Lighthouse

Lighthouse เป็นอีกหนึ่งเครื่องมือที่ Google จัดหาให้ มันสร้างขึ้นภายใน Google Chrome

Lighthouse ทดสอบประสิทธิภาพการเข้าถึงแนวทางปฏิบัติที่ดีที่สุดและ SEO รายงาน “ประสิทธิภาพ” จะเหมือนกับใน Google PageSPeed Insights แต่ในเครื่องมือเดียวคุณสามารถทดสอบทั้งหมดได้

คุณสามารถทดสอบได้โดยตรงจากแท็บ “การตรวจสอบ” ของเบราว์เซอร์ Chrome ในเครื่องมือของนักพัฒนาหรือไปที่ https://web.dev/measure

สรุป ทุกเครื่องมือสามารถใช้งานจริงได้หมด การปรับ Pagespeed ของเราจะใช้เครื่องมือเหล่านี้ทั้งหมด

การไปถึง 100 คะแนน ไม่ใช่เรื่องยาก แต่การที่จะรักษาให้อยู่ได้ 100 คะแนนตลอดนี้สิ คือ สิ่งสำคัญ เรายินดีให้คำปรึกษา หากซื้อบริการเรา เรามีบริการรักษาคะแนน 100 คะแนน ฟรี หก เดือน

Table of Contents