ทำไมเว็บไม่มี Core Web Vitals

อาจมีสาเหตุหลายประการที่ทำให้เว็บไซต์ไม่มี Core Web Vitals สาเหตุที่เป็นไปได้บางประการอาจรวมถึง:

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

2. เว็บไซต์อาจไม่ได้รับการปรับให้เหมาะสมกับเมตริกเฉพาะที่ประกอบกันเป็น Core Web Vitals ตัวอย่างเช่น หากเว็บไซต์มีรูปภาพขนาดใหญ่จำนวนมากที่ใช้เวลาในการโหลดนาน อาจส่งผลกระทบต่อเมตริก "Largest Contentful Paint" (LCP)

3. เว็บไซต์อาจไม่ได้รับการอัปเดตมาสักระยะหนึ่ง และด้วยเหตุนี้ จึงอาจไม่ได้รับการปรับให้เหมาะกับมาตรฐานประสิทธิภาพล่าสุด

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

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

สอนทำ Core Web Vitals

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

Largest Contentful Paint (LCP): วัดเวลาที่เนื้อหาหลักของเพจโหลดและปรากฏแก่ผู้ใช้

First Input Delay (FID): วัดเวลาที่เพจจะโต้ตอบหลังจากที่ผู้ใช้โต้ตอบกับเพจเป็นครั้งแรก

Cumulative Layout Shift (CLS): วัดจำนวนการเลื่อนเลย์เอาต์ที่ไม่คาดคิดซึ่งเกิดขึ้นบนเพจ

หากต้องการปรับปรุง Core Web Vitals ของเว็บไซต์ ให้ลองทำตามเคล็ดลับต่อไปนี้

ปรับรูปภาพให้เหมาะสม: ใช้รูปแบบรูปภาพที่เหมาะสม เช่น JPEG สำหรับภาพถ่าย และ PNG สำหรับกราฟิก และบีบอัดรูปภาพเพื่อลดขนาด

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

เลื่อนเวลาทรัพยากรที่ไม่สำคัญ: เลื่อนการโหลดทรัพยากรที่ไม่สำคัญ เช่น ฟอนต์และสไตล์ชีต จนกว่าจะจำเป็นในการปรับปรุง LCP

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

หลีกเลี่ยงการเปลี่ยนเลย์เอาต์: ใช้แท็ก HTML และกฎ CSS ที่เหมาะสมเพื่อให้แน่ใจว่าองค์ประกอบของหน้ามีขนาดถูกต้องและไม่เปลี่ยนโดยไม่คาดคิด

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

Largest Contentful Paint (LCP)

เป็นเมตริกที่วัดเวลาที่เนื้อหาหลักของหน้าโหลดและปรากฏแก่ผู้ใช้ โดยทั่วไปคะแนน LCP ที่ดีจะต่ำกว่า 2.5 วินาที

ต่อไปนี้เป็นเคล็ดลับในการปรับปรุง LCP ของเว็บไซต์:

ปรับรูปภาพให้เหมาะสม: ใช้รูปแบบรูปภาพที่เหมาะสมและบีบอัดรูปภาพเพื่อลดขนาด

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

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

First Input Delay (FID)

เป็นเมตริกที่วัดเวลาที่เพจจะโต้ตอบหลังจากที่ผู้ใช้โต้ตอบกับเพจเป็นครั้งแรก คะแนน FID ที่ดีโดยทั่วไปจะต่ำกว่า 100 มิลลิวินาที

เคล็ดลับในการปรับปรุง FID ของเว็บไซต์มีดังนี้

ลดเวลาการดำเนินการ JavaScript ให้น้อยที่สุด: ลดจำนวนโค้ด JavaScript ที่ต้องดำเนินการในการโหลดหน้าเว็บโดยการลบโค้ดที่ไม่จำเป็นออกและปรับโค้ดที่เหลืออยู่ให้เหมาะสม

ชะลอการโหลด JavaScript ที่ไม่สำคัญ: ชะลอการโหลด JavaScript ที่ไม่สำคัญจนกว่าจะจำเป็นต้องปรับปรุง FID

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

ปรับสคริปต์ของบุคคลที่สามให้เหมาะสม: หากคุณใช้สคริปต์ของบุคคลที่สาม เช่น โฆษณาหรือเครื่องมือวิเคราะห์ ให้เพิ่มประสิทธิภาพการโหลดและการดำเนินการเพื่อปรับปรุง FID

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

Cumulative Layout Shift (CLS)

เป็นเมตริกที่วัดจำนวนการเปลี่ยนแปลงของเลย์เอาต์ที่ไม่คาดคิดซึ่งเกิดขึ้นบนเพจ โดยทั่วไปคะแนน CLS ที่ดีจะต่ำกว่า 0.1

ต่อไปนี้เป็นเคล็ดลับในการปรับปรุง CLS ของเว็บไซต์:

ใช้แท็ก HTML และกฎ CSS ที่เหมาะสม: ใช้แท็ก HTML และกฎ CSS ที่ถูกต้องเพื่อให้แน่ใจว่าองค์ประกอบของหน้ามีขนาดถูกต้องและไม่เปลี่ยนโดยไม่คาดคิด

หลีกเลี่ยงการแทรกเนื้อหาเหนือเนื้อหาที่มีอยู่: เมื่อแทรกเนื้อหาใหม่ลงในหน้า ตรวจสอบให้แน่ใจว่าได้เพิ่มเนื้อหานั้นต่อท้ายหน้าแทนที่จะแทรกไว้เหนือเนื้อหาที่มีอยู่

เลื่อนเวลาทรัพยากรที่ไม่สำคัญ: เลื่อนการโหลดทรัพยากรที่ไม่สำคัญ เช่น ฟอนต์และสไตล์ชีต จนกว่าจะจำเป็นเพื่อลดความเสี่ยงของการเปลี่ยนแปลงเค้าโครง

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

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

ไอเดียการทำ core web vital

ต่อไปนี้เป็นแนวคิดทั่วไปบางประการสำหรับการปรับปรุง Core Web Vitals ของเว็บไซต์:

ปรับรูปภาพให้เหมาะสม: ใช้รูปแบบรูปภาพที่เหมาะสมและบีบอัดรูปภาพเพื่อลดขนาด

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

เลื่อนทรัพยากรที่ไม่สำคัญ: เลื่อนการโหลดทรัพยากรที่ไม่สำคัญ เช่น ฟอนต์และสไตล์ชีต จนกว่าจะจำเป็นในการปรับปรุง Largest Contentful Paint (LCP)

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

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

ลดเวลาการดำเนินการ JavaScript ให้น้อยที่สุด: ลดจำนวนโค้ด JavaScript ที่ต้องดำเนินการในการโหลดหน้าเว็บโดยการลบโค้ดที่ไม่จำเป็นออกและปรับโค้ดที่เหลืออยู่ให้เหมาะสม

ใช้แท็ก HTML และกฎ CSS ที่เหมาะสม: ใช้แท็ก HTML และกฎ CSS ที่ถูกต้องเพื่อให้แน่ใจว่าองค์ประกอบของหน้ามีขนาดถูกต้องและไม่เปลี่ยนโดยไม่คาดคิด

วิธี Minimize third-party scripts สำหรับ wordpress

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

1. ระบุสคริปต์ของบุคคลที่สามที่กำลังโหลดบนไซต์ของคุณ คุณสามารถใช้เครื่องมืออย่าง Chrome DevTools หรือปลั๊กอินอย่าง Asset CleanUp เพื่อดูว่ากำลังโหลดสคริปต์ใดและจากที่ใด

2. กำหนดสคริปต์ของบุคคลที่สามที่จำเป็นต่อการทำงานของไซต์ของคุณ สคริปต์บางอย่าง เช่น สคริปต์สำหรับการวิเคราะห์หรือการโฆษณา อาจไม่จำเป็นสำหรับการทำงานของไซต์ของคุณ

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

4. หากคุณจำเป็นต้องใช้สคริปต์ของบุคคลที่สาม ให้ลองหาสคริปต์ที่ปรับให้เหมาะกับประสิทธิภาพ

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

6. ลองใช้ปลั๊กอินเช่น Autoptimize หรือ Cloudflare เพื่อเพิ่มประสิทธิภาพการโหลดสคริปต์ของบุคคลที่สาม

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

วิธี Defer non-critical resource สำหรับ wordpress

ในการเลื่อนทรัพยากรที่ไม่สำคัญบนเว็บไซต์ WordPress คุณสามารถลองทำตามขั้นตอนต่อไปนี้:

1. ระบุทรัพยากรที่ไม่สำคัญที่กำลังโหลดบนไซต์ของคุณ คุณสามารถใช้เครื่องมืออย่าง Chrome DevTools หรือปลั๊กอินอย่าง Asset CleanUp เพื่อดูว่ากำลังโหลดทรัพยากรใดและจากที่ใด

2. กำหนดทรัพยากรที่ไม่สำคัญที่สามารถเลื่อนออกไปได้ ทรัพยากรที่ไม่สำคัญคือทรัพยากรที่ไม่จำเป็นสำหรับการเรนเดอร์เริ่มต้นของเพจ เช่น ฟอนต์และสไตล์ชีต

3. ใช้ปลั๊กอินเช่น Autoptimize หรือ Cloudflare เพื่อชะลอการโหลดทรัพยากรที่ไม่สำคัญ ปลั๊กอินเหล่านี้อนุญาตให้คุณระบุทรัพยากรที่จะเลื่อนเวลาและวิธีการโหลด

4. หรือคุณสามารถเพิ่มแอตทริบิวต์ defer ให้กับแท็ก HTML สำหรับทรัพยากรที่ไม่สำคัญ เช่น <script> และ <link> การดำเนินการนี้จะบอกให้เบราว์เซอร์ชะลอการโหลดทรัพยากรเหล่านี้จนกว่าจะโหลดเนื้อหาหลักของหน้าเสร็จ

ด้วยการชะลอการโหลดทรัพยากรที่ไม่สำคัญ คุณสามารถปรับปรุง Largest Contentful Paint (LCP) ของเว็บไซต์ WordPress ของคุณและมอบประสบการณ์การใช้งานที่ดีขึ้นสำหรับผู้เยี่ยมชมของคุณ

วิธี Minimize JavaScript execution time สำหรับ wordpress

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

1. ระบุไฟล์ JavaScript ที่กำลังโหลดบนไซต์ของคุณ คุณสามารถใช้เครื่องมืออย่าง Chrome DevTools หรือปลั๊กอินอย่าง Asset CleanUp เพื่อดูว่ากำลังโหลดไฟล์ JavaScript ใดและจากที่ใด

2. กำหนดว่าไฟล์ JavaScript ใดที่จำเป็นต่อการทำงานของไซต์ของคุณ ไฟล์ JavaScript บางไฟล์ เช่น ไฟล์สำหรับการวิเคราะห์หรือการโฆษณา อาจไม่จำเป็นสำหรับการทำงานของไซต์ของคุณ

3. ลดขนาดไฟล์ JavaScript โดยลบโค้ดที่ไม่จำเป็นออกและปรับโค้ดที่เหลืออยู่ให้เหมาะสม คุณสามารถใช้เครื่องมือเช่น JSCompress หรือ JSMin เพื่อย่อโค้ด JavaScript ของคุณ

4. โหลด JavaScript แบบอะซิงโครนัสหรือเลื่อนออกไป ซึ่งหมายความว่า JavaScript จะไม่บล็อกการโหลดหน้าเว็บและจะดำเนินการเมื่อจำเป็นเท่านั้น

5. ลองใช้ปลั๊กอินอย่าง Autoptimize หรือ Cloudflare เพื่อเพิ่มประสิทธิภาพการโหลด JavaScript ปลั๊กอินเหล่านี้ช่วยให้คุณสามารถลดขนาดและชะลอการโหลดไฟล์ JavaScript

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