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

เพื่ออธิบายสิ่งนี้ด้วยตัวอย่าง: แผนกการตลาดอาจต้องการใช้ Conversion และ รหัสการปรับปรุงการตลาด/การกำหนดเป้าหมายใหม่พร้อมด้วยเครื่องมืออย่าง Criteo และ RTB เฮาส์ซึ่งใช้การกำหนดเป้าหมายใหม่ตามผลิตภัณฑ์ พวกเขาอาจคาดหวังภาพถ่ายและภาพเคลื่อนไหวที่สะดุดตา ในขณะเดียวกันแผนกผลิตภัณฑ์อาจขอบูรณาการเครื่องมือเช่น Hotjar และความชัดเจน- ในทางกลับกัน แผนกซอฟต์แวร์มีเป้าหมายที่จะพัฒนาให้เร็วที่สุดทั้งส่วนหน้าและส่วนหลัง ความต้องการและต้นทุนที่เกี่ยวข้องกับความต้องการความเร็วเพจเหล่านี้สมดุลกันจริงๆ งบประมาณประสิทธิภาพของเว็บได้เกิดขึ้นเพื่อสร้างความสมดุลนี้อย่างมีประสิทธิภาพ

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

 

ภาพ 5.png
ที่มา: https://wp-rocket.me/blog/performance-budgets/

 

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

  • หน้าแรกสามารถเปิดเข้าได้ น้อยกว่า 2 วินาทีบนการเชื่อมต่อมือถือ 3G ที่รวดเร็ว (1.6 Mbps)?
  • หน้าผลการค้นหาเปิดเข้าไปได้ไหม ต่ำกว่า 5 วินาทีบนการเชื่อมต่อ 3G ที่ช้า (780 Kbps)?

จากนั้น คุณสร้างแผนปฏิบัติการและเมตริกย่อยเพื่อให้บรรลุข้อเสนอเหล่านี้ โดยแบ่งออกเป็นส่วนๆ

นอกเหนือจากข้อเสนอแล้ว อาจมีเป้าหมายงบประมาณด้านประสิทธิภาพอื่นๆ อีกด้วย ตัวอย่างเช่น:

  • เพิ่มประภาคารมือถือ คะแนนของหน้ารายละเอียดสูงกว่า 80
  • การลดขนาดของภาพทั้งหมด บนไซต์เดสก์ท็อปให้ต่ำกว่า 500 KB

ตัวชี้วัดงบประมาณประสิทธิภาพ

มีมุมมองที่แตกต่างกันสามแบบที่ยอมรับในการกำหนดหน่วยเมตริกของงบประมาณประสิทธิภาพ:

ตัวชี้วัดตามตัวเลข

  • จำนวนฟอนต์สูงสุด / ขนาดฟอนต์สูงสุด
  • จำนวนภาพสูงสุด / ขนาดภาพสูงสุด
  • จำนวนสคริปต์ สไตล์ วิดีโอ ฯลฯ สูงสุด / ขนาดสคริปต์ สไตล์ วิดีโอ ฯลฯ สูงสุด
  • ขนาด HTML สูงสุด
  • จำนวนคำขอ HTTP สูงสุด
  • จำนวนสคริปต์บุคคลที่สามสูงสุด

 

ภาพ 7.png
ที่มา: https://web.dev/vitals/

 

ตัวชี้วัดตามเวลา

  • ครั้งแรกของ Contentful Paint (FCP)
  • เวลา Contentful Paint (LCP) ที่ใหญ่ที่สุด
  • เวลาหน่วงเวลาอินพุตครั้งแรก (FID)
  • เวลาในการโต้ตอบ (TTI)
  • เวลาการบล็อกทั้งหมด (TBT)
  • คะแนนการเปลี่ยนแปลงเค้าโครงสะสม (CLS)
  • คะแนนดัชนีความเร็ว

ตัวชี้วัดตามกฎ

  • คะแนนประภาคาร
  • คะแนน GTmetrix
  • คะแนนทดสอบหน้าเว็บ
  • คะแนนอีสโลว์
ประสิทธิภาพงบประมาณ-calculator.png
ที่มา: https://www.performancebudget.io/

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

ประเมินประเภทเพจแยกกัน

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

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

  • หน้าหลัก
  • หน้ารายการแบบคงที่
  • หน้ารายการแบบไดนามิก
  • หน้ารายละเอียด
  • หน้าชำระเงิน
  • หน้าผลการค้นหา
  • หน้าแคมเปญ
  • หน้าบล็อก

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