ตรวจสอบประสิทธิภาพ

Sam Dutton

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

แต่ขั้นตอนแรกคือการตรวจสอบเว็บไซต์ ซึ่งเป็นการตรวจสอบอย่างเป็นกลางว่าสิ่งใดทํางานได้ดีและสิ่งใดควรปรับปรุง

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

ใช้เวลาเพียง 5 นาที

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

ใช้เวลาเพียง 30 นาที

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

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

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

หากคุณสับสนกับเครื่องมือ

โปรดดูคำแนะนำวิธีคิดเกี่ยวกับเครื่องมือด้านความเร็ว

หากไม่มีอะไรอื่น ให้ใช้ Lighthouse เพื่อตรวจสอบสิ่งต่อไปนี้

กลุ่มเป้าหมาย ผู้มีส่วนเกี่ยวข้อง บริบท

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

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

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

ทดสอบ บันทึก แก้ไข ทำซ้ำ

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

ทดสอบหน้าเว็บหลายประเภทภายในเว็บไซต์ สำหรับแอปหน้าเดียว ให้ทดสอบ คอมโพเนนต์ เส้นทาง และโฟลว์ UX แทนที่จะทดสอบเฉพาะประสบการณ์การโหลดครั้งแรก