การทดสอบความเร็วเว็บไซต์ทำงานอย่างไร

อัปเดต: 2022-05-24 / บทความโดย: Timothy Shim

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

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

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

วิธีทดสอบความเร็วเว็บไซต์อย่างถูกต้อง

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

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

สิ่งสำคัญคือต้องจำไว้ว่าผลลัพธ์มักขึ้นอยู่กับ .ของคุณ เว็บเซิร์ฟเวอร์ ตำแหน่งที่สัมพันธ์กับจุดกำเนิดของการทดสอบ ยิ่งทั้งสองสิ่งนี้แยกจากกันมากเท่าไหร่ ข้อมูลเวลาที่ต้องเดินทางนานขึ้นอาจส่งผลต่อผลการทดสอบความเร็ว

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

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

วิธีการทดสอบความเร็วเซิร์ฟเวอร์ในอุดมคติ

วิธีการทดสอบของคุณควรเกี่ยวข้องกับการวิ่งหลายครั้งและมีลักษณะดังนี้:

  1. ทำการทดสอบจากตำแหน่งที่ 1 และทำซ้ำ 3 ครั้ง บันทึกผลการทดสอบทั้งหมด
  2. ทำซ้ำขั้นตอนจากสถานที่ทดสอบอื่น ในทำนองเดียวกันการบันทึกข้อมูล ฉันแนะนำให้คุณทดสอบจากพื้นที่ยุทธศาสตร์อย่างน้อยสามแห่ง สหรัฐอเมริกา ยุโรป และเอเชีย

เครื่องมือทดสอบความเร็วเว็บไซต์ที่แนะนำ

ตัวอย่างการทดสอบความเร็วเว็บไซต์
ตัวอย่าง – การทดสอบความเร็วเว็บไซต์ที่เราทำสำหรับเว็บไซต์ทดสอบของเราที่โฮสต์อยู่ที่ Interserver (รายละเอียดเพิ่มเติมที่นี่) จากสถานที่ต่างๆ โดยใช้ WebPageTest.org

เครื่องมือที่ให้ข้อมูลมากที่สุดเกี่ยวกับประสิทธิภาพของเว็บไซต์ของคุณจะใช้ผู้เยี่ยมชมที่เป็นมนุษย์จริงเพื่อทดสอบความเร็วเว็บไซต์ของคุณ ตัวอย่างเช่น การทดสอบหน้าเต็มของ Pingdom ใช้เบราว์เซอร์จริง (IE9, Chrome และ Firefox) ในตำแหน่งจริง (สหรัฐอเมริกา ออสเตรเลีย ยุโรป) เพื่อโหลดไซต์ของคุณและจัดทำรายงานประสิทธิภาพ

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

อย่างไรก็ตาม ยังมีเครื่องมือทดสอบความเร็วเว็บไซต์ที่มีประโยชน์อีกมากมายที่คุณควรพิจารณา ได้แก่:

สำหรับรายการเครื่องมือเหล่านี้ทั้งหมด โปรดดูที่ รายชื่อ 20 เครื่องมือทดสอบความเร็วเว็บไซต์ฟรี

ทำความเข้าใจคำศัพท์การทดสอบความเร็ว

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

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

ความแอบแฝง

เวลาที่ใช้สำหรับทุกอย่างที่เกิดขึ้นระหว่างเวลาที่คุณคลิกลิงก์หรือป้อนที่อยู่ในเบราว์เซอร์ของคุณ และเมื่อคุณเห็นผลลัพธ์ปรากฏบนหน้าจอของคุณ การวัดค่า Latency มาตรฐานมีหน่วยเป็นมิลลิวินาที (ms)

ปิง

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

ไบต์แรกหรือเวลาเป็นไบต์แรก (TTFB)

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

ขนาดหน้า

ขนาดของหน้าเว็บคือขนาดของเนื้อหาทั้งหมด เพื่อให้เว็บเบราว์เซอร์โหลดหน้าเว็บได้อย่างสมบูรณ์ จะต้องดาวน์โหลดเนื้อหาทั้งหมด รวมทั้ง รหัส HTML, รูปภาพ, สไตล์ชีต ฯลฯ ยิ่งเนื้อหาเหล่านี้รวมกันมากเท่าไหร่ ก็ยิ่งใช้เวลาในการโหลดมากเท่านั้น

โต้ตอบครั้งแรก

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

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

และอื่น ๆ. พยายามเรียนรู้ให้มากที่สุดว่าคำศัพท์เหล่านี้หมายถึงอะไร หากคุณต้องการใช้การทดสอบที่ให้ข้อมูลข้างต้น

การตีความผลการทดสอบความเร็ว

PageSpeed ​​Insights ของ Google ให้การประเมินของคุณอย่างรวดเร็ว ประสิทธิภาพของเว็บไซต์.

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

ด้วยเหตุนี้ ฉันจะใช้เครื่องมือหนึ่งตัวอย่าง - ข้อมูลเชิงลึกความเร็ว Google Page.

Google PageSpeed ​​​​Insights นั้นยอดเยี่ยมเนื่องจาก Google ให้บริการและมักจะแสดงให้เห็นว่ายักษ์ใหญ่ด้านการค้นหาต้องการอะไร นอกจากนี้ยังเป็นมิตรกับผู้ใช้เป็นอย่างยิ่ง โดยให้ผลลัพธ์ที่เป็นภาพและคำแนะนำในการแก้ไขปัญหาที่ค้นพบ

Google ทดสอบประสิทธิภาพของอุปกรณ์เคลื่อนที่และเดสก์ท็อปแยกกัน และมุ่งเน้นไปที่องค์ประกอบหลักสี่ประการ: First Contentful Paint (FCP), First Input Delay (FID), Largest Contentful Paint (LCP) และ Cumulative Layout Shift (CLS)

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

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

อ่านได้ด้วย

การแก้ไขปัญหาผลการทดสอบความเร็วเว็บไซต์ช้า

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

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

ปัญหาและแนวทางแก้ไขทั่วไปบางประการ ได้แก่:

ลด JavaScript ที่ไม่ได้ใช้

เว็บไซต์แบบไดนามิก (เช่นที่ทำงานบน WordPress ) มักพบปัญหานี้ คุณสามารถแก้ไขปัญหาได้โดยใช้ปลั๊กอินแคชที่ดีเพื่อลดความซ้ำซ้อนของ JavaScript

ลดผลกระทบของรหัสบุคคลที่สาม

เว็บไซต์หลายแห่งในปัจจุบันเป็นแบบแยกส่วนและใช้ส่วนประกอบจากนักพัฒนาต่างๆ (เช่น Google, Facebook, Fonts เป็นต้น) ชุดค่าผสมนี้มักจะส่งผลให้ขาดความสามัคคีที่ส่งผลต่อประสิทธิภาพการทำงาน ปรับปรุงเว็บไซต์ของคุณและใช้แหล่งที่มาของโค้ดที่แตกต่างกันน้อยที่สุด

ลดเวลาตอบสนองของเซิร์ฟเวอร์เริ่มต้น

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

องค์ประกอบของรูปภาพไม่มีความกว้างและความสูงที่ชัดเจน

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

แสดงภาพในรูปแบบ Next-gen

สำหรับรูปภาพนั้น ไม่เพียงแต่มิติข้อมูลเท่านั้น แต่รูปแบบภาพก็มีความสำคัญด้วย รูปแบบ Next-gen เช่น WebP เพิ่มการบีบอัด ทำให้ดาวน์โหลดรูปภาพผ่านเว็บได้เร็วขึ้น

ให้บริการทรัพย์สินแบบคงที่ด้วยนโยบายแคชที่มีประสิทธิภาพ

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

หลีกเลี่ยงขนาด DOM ที่มากเกินไป

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

หลีกเลี่ยงการเปลี่ยนเลย์เอาต์ขนาดใหญ่

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

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

หากต้องการเรียนรู้เพิ่มเติม อ่าน WHSRคำแนะนำเกี่ยวกับ ปรับปรุงประสิทธิภาพเว็บไซต์ของคุณ.

ความคิดสุดท้ายเกี่ยวกับการทดสอบความเร็วเว็บไซต์

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

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

อ่านเพิ่มเติม

เกี่ยวกับทิโมธีชิม

ทิโมธีชิมเป็นนักเขียนบรรณาธิการและผู้เชี่ยวชาญด้านเทคโนโลยี เขาเริ่มต้นอย่างรวดเร็วในด้านเทคโนโลยีสารสนเทศเขาได้ค้นพบวิธีการพิมพ์และได้ทำงานร่วมกับสื่อต่างประเทศระดับภูมิภาคและระดับประเทศเช่น ComputerWorld, PC.com, Business Today และ Asian Banker ความเชี่ยวชาญของเขาอยู่ในด้านเทคโนโลยีจากทั้งผู้บริโภคและมุมมองขององค์กร

เชื่อมต่อ: