อาจมีสาเหตุหลายประการที่ทำให้เว็บไซต์ไม่มี 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
ใช้การแคชของเบราว์เซอร์: เปิดใช้งานการแคชของเบราว์เซอร์เพื่อจัดเก็บทรัพยากรแบบคงที่ เช่น รูปภาพและสไตล์ชีต ในเบราว์เซอร์ของผู้ใช้ ดังนั้นพวกเขาจึงไม่ต้องดาวน์โหลดซ้ำเมื่อโหลดหน้าถัดไป
เพิ่มประสิทธิภาพเวลาตอบสนองของเซิร์ฟเวอร์ของคุณ: ใช้เว็บเซิร์ฟเวอร์ที่รวดเร็วและเพิ่มประสิทธิภาพโค้ดฝั่งเซิร์ฟเวอร์ของคุณเพื่อลดเวลาที่ใช้ในการสร้างและให้บริการเพจ
เมื่อทำตามคำแนะนำเหล่านี้ คุณจะสามารถปรับปรุง 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 ที่ถูกต้องเพื่อให้แน่ใจว่าองค์ประกอบของหน้ามีขนาดถูกต้องและไม่เปลี่ยนโดยไม่คาดคิด
เมื่อทำตามเคล็ดลับเหล่านี้ คุณจะปรับปรุง Core Web Vitals ของเว็บไซต์และมอบประสบการณ์การใช้งานที่ดีขึ้นให้กับผู้เยี่ยมชมได้
วิธี 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 ของคุณและมอบประสบการณ์การใช้งานที่ดีขึ้นสำหรับผู้เยี่ยมชมของคุณ
Add comment