Core Web Vitals คืออะไรและจะเพิ่มประสิทธิภาพได้อย่างไร

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

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

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

Core Web Vitals คืออะไร

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

ขอแยกย่อยเพื่อความเข้าใจที่ดีขึ้น

1. LCP (สีเนื้อหาที่ใหญ่ที่สุด)

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

LCP ที่ดีคือ 2.5 วินาที ในขณะที่สิ่งที่อยู่ระหว่าง 2.5-4 วินาทีจำเป็นต้องได้รับการปรับปรุงและเกิน 4 วินาทีถือว่าไม่ดีโดย Google

สถิติสีเนื้อหาที่ใหญ่ที่สุด

1. Contentful Paint ที่ใหญ่ที่สุดคิดเป็น 25% ของคะแนนประสิทธิภาพ Google Lighthouse ของคุณ
2. 43% ของ URL บนมือถือและ 44% ของเดสก์ท็อปผ่านเกณฑ์มาตรฐาน Largest Contentful Paint ที่ 2.5 วินาที
3. จากการวิจัย เว็บไซต์ B2B โดยเฉลี่ยมีคะแนนระบายสีเนื้อหาที่ใหญ่ที่สุดสำหรับมือถืออยู่ที่ 7.05 วินาที ซึ่งสูงกว่าคะแนน 2.5 วินาทีที่จำเป็นในการผ่านเกณฑ์
4. จากการวิจัยพบว่าเว็บไซต์ขายปลีกโดยเฉลี่ยมีคะแนนระบายสีเนื้อหาที่ใหญ่ที่สุดบนมือถือที่ 9.17 วินาที ซึ่งสูงกว่าคะแนน 2.5 วินาทีที่จำเป็นในการได้รับคะแนนผ่าน

2. FID (ความล่าช้าในการป้อนข้อมูลครั้งแรก)

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

FID ที่ดีคือต่ำกว่า 100 มิลลิวินาที ในขณะที่ค่าระหว่าง 100-300 มิลลิวินาทีต้องได้รับการปรับปรุง และสูงกว่า 300 มิลลิวินาทีถือว่าไม่ดี

สถิติความล่าช้าในการป้อนข้อมูลครั้งแรก

1. ความล่าช้าในการป้อนข้อมูลครั้งแรกคิดเป็น 25% ของคะแนนประสิทธิภาพของ Google Lighthouse
2. 89% ของ URL บนมือถือและ 99% ของเดสก์ท็อปเป็นไปตามเกณฑ์มาตรฐาน First Input Delay 100 มิลลิวินาที

3. CLS (การเปลี่ยนแปลงรูปแบบสะสม)

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

CLS ที่ดีคือต่ำกว่า 0.1 ในขณะที่ค่าระหว่าง 0.1 ถึง 0.25 ต้องการการปรับปรุง และสูงกว่า 0.25 ถือว่าไม่ดี

สถิติการเปลี่ยนแปลงเค้าโครงสะสม

1. การเปลี่ยนแปลงเค้าโครงสะสมคิดเป็น 5% ของคะแนนประสิทธิภาพของ Google Lighthouse
2. 46% ของ URL บนมือถือและ 47% ของ URL บนเดสก์ท็อปผ่านเกณฑ์มาตรฐาน Cumulative Layout Shift ที่ .1

ตอนนี้เหตุใด Core Web Vitals จึงมีความสำคัญ

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

Core Web Vitals ยกระดับความสำคัญของ UX ในฐานะองค์ประกอบการจัดอันดับอย่างปฏิเสธไม่ได้

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

สิ่งที่ John Mueller จาก Google พูดเกี่ยวกับ Core Web Vitals

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

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

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

วิธีวัด Core Web Vitals

คุณสามารถตรวจสอบ Core Web Vitals ของไซต์ได้โดยใช้การทดสอบ รายงาน และส่วนขยายต่างๆ

สิ่งที่สำคัญที่สุดคือ:

• การประเมิน Core Web Vitals ของ PageSpeed ​​Insights
• รายงาน Core Web Vitals ใน Google Search Console;
• ส่วนขยาย Chrome ของ Core Web Vitals

1. การประเมิน Core Web Vitals ใน PageSpeed ​​Insights

Google PageSpeed ​​Insights (PSI) แบ่งออกเป็นสองส่วน:

• กำหนดสิ่งที่ผู้ใช้จริงของคุณกำลังประสบอยู่ (การประเมิน Core Web Vitals)
• ระบุข้อกังวลด้านประสิทธิภาพ (ข้อมูลห้องปฏิบัติการ คะแนน PSI)

มุ่งเน้นไปที่ส่วนแรกเพื่อปรับปรุงคะแนน Core Web Vitals รายงานข้อมูลภาคสนามรวมการวิเคราะห์นี้ ข้อมูลสำหรับการศึกษานี้รวบรวมจากรายงานประสบการณ์ผู้ใช้ Chrome (CrUX) ข้อมูลนี้ขึ้นอยู่กับการโต้ตอบของผู้ใช้จริงกับไซต์ของคุณ Google จะพิจารณาผลลัพธ์ของฟิลด์เหล่านี้เมื่อพิจารณาอันดับของเครื่องมือค้นหา

ส่วน "การวินิจฉัย" ของ PSI ยังเป็นแหล่งข้อมูลที่ดีสำหรับการเรียนรู้เพิ่มเติมเกี่ยวกับปัจจัยที่สามารถเปลี่ยนแปลงเมตริกใด ๆ ในสามเมตริก:

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

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

PSI ไม่ได้ให้ข้อมูลสรุปภาคสนามเสมอไป

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

2. รายงาน Core Web Vitals ใน Google Search Console

เพิ่มรายงาน Core Web Vitals ใหม่ 2 ฉบับ ฉบับหนึ่งสำหรับอุปกรณ์เคลื่อนที่และอีกฉบับสำหรับเดสก์ท็อป ได้รับการเพิ่มลงใน Google Search Console (GSC)

รายงานแต่ละฉบับให้ข้อมูลเกี่ยวกับข้อมูลภาคสนามและประสิทธิภาพของกลุ่ม URL

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

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

โดยสังเขป รายงาน GSC ใหม่เหล่านี้เป็นวิธีการที่โดดเด่นที่สุดในการติดตามประสิทธิภาพของ Core Web Vitals ทั่วทั้งไซต์ของคุณ

3. การใช้ Chrome User Experience Report (CrUX) เพื่อรับข้อมูลภาคสนาม

ชุดข้อมูล CrUX สามารถเข้าถึงได้ 2 วิธีดังต่อไปนี้

• Chrome UX Report API- ในการเข้าถึงนักพัฒนารายนี้ต้องคุ้นเคยกับ JavaScript และ JSON
• BigQuery – ต้องการโครงการ Google Cloud และทักษะ SQL

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

ลองใช้ทั้งสองกลยุทธ์หากคุณมีทรัพยากรและความรู้ด้านเทคนิคในการนำไปใช้

สถิติสำคัญบางประการเกี่ยวกับ Core Web Vitals

1. 56% ของโดเมนเดสก์ท็อป 100 อันดับแรกผ่าน Core Web Vitals
2. ผลกระทบต่อแบรนด์อย่างหนัก – แบรนด์หลักได้รับการจัดอันดับสูงแม้ว่าจะมีประสิทธิภาพต่ำก็ตาม
3. 61% ของอุปกรณ์เคลื่อนที่ 100 อันดับแรกผ่าน Core Web Vitals ในเดือนกุมภาพันธ์ 2022
4. ในเดือนกุมภาพันธ์ 2022 เวลาในการโหลดเฉลี่ยสำหรับโดเมน 100 อันดับแรกในสหรัฐอเมริกาคือ 2.38 วินาทีบนเดสก์ท็อป และ 2.32 วินาทีบนมือถือ ซึ่งต่ำกว่าเกณฑ์ที่สมเหตุสมผลของ Google ที่ 2.5 วินาที
5. ในเดือนกุมภาพันธ์ 2022 คะแนน CLS เฉลี่ยสำหรับเดสก์ท็อปและอุปกรณ์เคลื่อนที่อยู่ที่ 0.11 และ 0.08 ตามลำดับ ซึ่งนี่เป็นครั้งแรกที่คะแนนเฉลี่ย CLS บนอุปกรณ์เคลื่อนที่สำหรับไซต์ 100 อันดับแรกลดลงต่ำกว่าเกณฑ์ที่เหมาะสมของ Google ที่ 0.1
6. ในเดือนมกราคม 2020 มีเพียง 22% ของเดสก์ท็อปและ 27% ของโดเมนมือถือ 100 อันดับแรกที่ผ่าน Core Web Vitals ตามลำดับ กรอไปข้างหน้าอย่างรวดเร็วจนถึงเดือนกุมภาพันธ์ 2022 และสัดส่วนนี้เพิ่มขึ้นกว่าสองเท่าเป็น 56% บนเดสก์ท็อปและ 62% บนมือถือ สิ่งนี้แสดงให้เห็นว่าโดเมนที่มีประสิทธิภาพสูงสุดได้รับประสิทธิภาพเว็บเพิ่มขึ้นอย่างมาก
7. ไซต์ 100 อันดับแรก, B2B, Healthcare และ Dict/Reference มี LCP เฉลี่ย 2.5 วินาทีหรือน้อยกว่าในอุปกรณ์ทั้งสอง
8. โดยเฉลี่ยแล้ว LCP มือถือสำหรับการเดินทางแย่กว่าไซต์พจนานุกรม/ข้อมูลอ้างอิงถึง 1.6 เท่า
9. โดยเฉลี่ยแล้ว LCP บนเดสก์ท็อปสำหรับการท่องเที่ยวแย่กว่าโดเมน B2B ถึง 1.5 เท่า
10. URL ในตำแหน่งที่ 1 มีแนวโน้มที่จะผ่านการประเมิน Core Web Vitals มากกว่า URL ในตำแหน่งที่ 9 ถึง 10%
11. ตั้งแต่ตำแหน่งที่ 1 ถึงตำแหน่งที่ 5 อัตราการผ่านของการประเมิน Core Web Vitals ลดลง 2% สำหรับแต่ละตำแหน่ง

วิธีเพิ่มประสิทธิภาพ Core Web Vitals

ตอนนี้เรามีความเข้าใจอย่างถ่องแท้เกี่ยวกับ Core Web Vitals และวิธีการทำงานของ Core Web Vitals แล้ว เราสามารถหันความสนใจไปที่ขั้นตอนที่แนะนำสำหรับการปรับปรุง Core Web Vitals โปรดจำไว้ว่าผลการทดสอบของคุณจะกำหนดขั้นตอนที่คุณต้องทำเพื่อเพิ่มคะแนนของคุณ ดังนั้น การพิจารณาคำแนะนำจาก PageSpeed ​​Insights (หรือเครื่องมือทดสอบอื่นๆ ที่คุณใช้) จึงเป็นสิ่งสำคัญ

ต่อไปนี้เป็นกลยุทธ์พื้นฐานที่ได้รับการพิสูจน์แล้วในการเพิ่มคะแนน Core Web Vitals

1. ใช้เครือข่ายการจัดส่งเนื้อหา

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

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

ด้วยการใช้ CDN คุณอาจลดเวลาในการโหลด LCP ของผู้ใช้ Time-to-First-Byte สามารถลดได้ด้วยการใช้งาน (TTFB)

2. เพิ่มประสิทธิภาพรูปภาพ

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

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

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

โดยการเปลี่ยนแปลงซอร์สโค้ด คุณสามารถเปลี่ยนคุณสมบัติความกว้างและความสูงของไฟล์มีเดียของคุณได้

3. ใช้ Lazy Loading

LCP และเวลาในการโหลดหน้าเว็บของคุณสามารถได้รับประโยชน์จากการโหลดแบบ Lazy Loading Smush เป็นเพียงตัวอย่างหนึ่งของปลั๊กอิน WordPress หลายตัวที่นำเสนอการโหลดแบบขี้เกียจ

การโหลดแบบ Lazy Loading หรือที่เรียกว่าการโหลดตามความต้องการ และเป็นวิธีการปรับปรุงประสิทธิภาพของเนื้อหาเว็บ

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

4. ปรับแบบอักษรเว็บไซต์ของคุณให้เหมาะสม

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

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

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

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

5. อัปเกรดโฮสติ้ง WordPress ของคุณ

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

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

สำหรับการโฮสต์อ่าน: รีวิว Bluehost

6. กำจัดทรัพยากรการปิดกั้นการแสดงผล

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

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

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

7. เลื่อนการโหลด JavaScript

เป็นอีกวิธีหนึ่งในการกำจัดองค์ประกอบที่ปิดกั้นการแสดงผล ทำให้ FID เพิ่มขึ้นอย่างมาก

สิ่งนี้ทำให้หน้าเว็บโหลดเร็วโดยการบล็อกการโหลดไฟล์ JavaScript

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

8. ใช้การแคชเนื้อหา

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

การแคชช่วยได้มากในการปรับปรุง Core Web Vital Scores

9. โหลดภาพฮีโร่ล่วงหน้า

ภาพฮีโร่มักจะเป็นองค์ประกอบที่สำคัญที่สุดที่ปรากฏเนื้อหาครึ่งหน้าบน ดังนั้นหากโหลดเร็วขึ้น UX โดยรวมก็จะได้รับการปรับปรุงอย่างมาก LCP สามารถลดลงอย่างมากได้โดยใช้แอตทริบิวต์ลิงก์ "rel=preload" ซึ่งมีประโยชน์อย่างยิ่งสำหรับรูปภาพฮีโร่ที่โหลดด้วย CSS หรือ JavaScript

10. อย่าให้ความสำคัญกับโฆษณาหรือป๊อปอัปมากกว่าเนื้อหาอื่น

คะแนน CLS ที่ต่ำเป็นผลมาจากการเปลี่ยนแปลงเนื้อหาในหน้าที่เกิดจากการเพิ่มเนื้อหาที่ด้านบนสุด

จัดสรรพื้นที่สำหรับโฆษณา iframe และเนื้อหาไดนามิกรูปแบบอื่นๆ

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

11. เลิกงานที่ยาวนาน

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

12. หยุดหรือเลื่อนการเรียกใช้สคริปต์ของบุคคลที่สามที่ไม่จำเป็น

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

โดเมน 10 อันดับแรกของสหรัฐอเมริกาทำงานอย่างไรในแง่ของ Core Web Vitals ตามการมองเห็น SEO ของ Searchmetrics

ระบบจะรายงานเมตริกทั้งหมดและโดเมนที่ผ่าน Core Web Vitals ทุกเดือนที่ระดับโดเมน ในเดือนกุมภาพันธ์ พ.ศ. 2565 75% ของการโหลดหน้าเดสก์ท็อป Wikipedia ทั้งหมดใช้เวลาน้อยกว่า 1.1 วินาที และโดเมนได้คะแนน 0 ทั้ง FID (หน่วยเป็นมิลลิวินาที) และ CLS ซึ่งแซงหน้า Core Web Vitals

10 อันดับแรกสำหรับอุปกรณ์มือถือ CWV ตามเมตริกการมองเห็น SEO ของ Searchmetrics

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

บทสรุป

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

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

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