วิธีเพิ่มประสิทธิภาพเว็บไซต์ของคุณสำหรับ Core Web Vitals (Adsense)

การแข่งขันเพื่อปรับปรุง Core Web Vitals ไม่ใช่เรื่องง่าย มันจะยากขึ้นถ้าคุณพึ่งพาโปรแกรมโฆษณาเช่น Google AdSense เพื่อสร้างรายได้จากเว็บไซต์ของคุณ

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

นอก AdSense และแพลตฟอร์มการโฆษณา หากคุณมีรูปภาพที่ไม่ได้รับการปรับแต่งจำนวนมาก JavaScript และ CSS โดยเฉพาะครึ่งหน้าบน คุณก็มีโอกาสสูงที่จะล้มเหลวในการทดสอบ Core Web Vitals

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

Core Web Vitals คืออะไร?

Core Web Vitals คือตัววัดที่ขับเคลื่อนโดย Google Lighthouse ซึ่งกำหนดว่าไซต์ให้ประสบการณ์การใช้งานหน้าเว็บที่ดีได้อย่างไร แม้ว่าจะมีตัววัดจำนวนมากเมื่อทำการทดสอบ แต่ตัววัดที่สำคัญที่สุดคือ Largest Contentful Paint (LCP), First Input Delay (FID) และ Cumulative Layout Shift (CLS)

Google ได้ประกาศว่าตั้งแต่เดือนพฤษภาคม 2021 เป็นต้นไป เมตริกเหล่านี้จะเป็นส่วนหนึ่งของสัญญาณการจัดอันดับที่ใช้กำหนดตำแหน่งหน้าเว็บในผลการค้นหา

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

Largest Contentful Paint (LCP) : LCP วัดเวลาที่ใช้ในการโหลดรูปภาพหรือบล็อกข้อความที่ใหญ่ที่สุดบนหน้าเว็บ หากข้อความหรือรูปภาพที่มองเห็นได้ที่ใหญ่ที่สุดโหลดเร็ว จะรับรู้ว่ารูปภาพและข้อความที่เหลือจะโหลดเร็ว เวลาในการโหลดที่ต้องผ่านคือ 2.5 วินาที

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

Cumulative Layout Shift (CLS) : CLS วัดการเปลี่ยนแปลงของเลย์เอาต์ที่เกิดขึ้นบนหน้าเว็บ เมื่อหน้าเว็บโหลดขึ้นและจู่ๆ มีบางอย่างปรากฏขึ้นหรือหายไป และหน้าต้องปรับให้ใหญ่ขึ้นหรือเล็กลง กะนั้นคือสิ่งที่วัดได้ มันแย่มากสำหรับประสบการณ์ผู้ใช้และฉันเห็นด้วย คะแนนที่คุณควรจะต้องผ่านคือ 0.1

วิธีเพิ่มประสิทธิภาพเว็บไซต์ของคุณสำหรับ Core Web Vitals

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

1. เริ่มต้นด้วยโฮสต์เว็บที่รวดเร็ว

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

เหตุใดเว็บโฮสต์ที่มี Time to first byte (TTFB) ที่รวดเร็วจึงมีความสำคัญ บางคนจะเถียงว่า TTFB ไม่สำคัญ แต่ก็ใช่ นั่นคือพื้นฐานของทุกสิ่งทุกอย่าง หากคุณมีผู้ใช้ในเมืองที่มีอินเทอร์เน็ตช้า โฮสต์เว็บของคุณสามารถตอบสนองได้เร็วเพียงใดนั้นหมายถึงทุกสิ่ง เว็บโฮสต์ใด ๆ ก็สามารถทำงานได้ดีหากคุณมีผู้ใช้จากเมืองที่มีอินเทอร์เน็ตความเร็วสูงเป็นหลัก

ลองทดสอบว่าโฮสต์เว็บของคุณจะตอบสนองต่อ 3G หรือ 2G แทน 4G อย่างไร เพราะถ้าคุณมีผู้ใช้จำนวนมากที่เชื่อมต่อผ่าน 3G หรือ 2G ก็จะเพิ่มคะแนน Core Web Vitals ของคุณ ดังนั้นทุก ๆ มิลลิวินาทีจึงมีค่า ความแตกต่างระหว่างการรับ 100ms ใน FID ของคุณและรับ 101ms คือ 100ms คุณจะผ่าน แต่ด้วย 101ms คุณจะล้มเหลว ดังนั้น ถ้ามีคนบอกคุณว่า 1 ms ไม่สำคัญ คนๆ นั้นอาจจะผิดก็ได้

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

ฉันสังเกตเห็นการเปลี่ยนแปลงที่สำคัญใน Field Data ของ Core Web Vitals ของเว็บไซต์เป็นการส่วนตัวหลังจากเปลี่ยนโฮสต์เว็บ ฉันไม่ได้ทำอะไรอย่างอื่น

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

2. ใช้ชุดรูปแบบที่มีน้ำหนักเบาและปรับให้เหมาะสมความเร็ว

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

เนื่องจากธีมเป็นเหมือนโครงกระดูกของเว็บไซต์ของคุณ ถ้าโครงกระดูกเสีย ร่างกายก็จะพัง แค่นั้นเอง

มีรายการแนวทางปฏิบัติที่ดีที่สุดมากมายที่คุณควรมองหาในธีม แนวทางปฏิบัติที่ไม่ดีที่พบบ่อยที่สุดบางอย่างขึ้นอยู่กับ JQuery มากเกินไป การโหลด CSS/JS มากเกินไปเมื่อไม่ต้องการ ธีมขนาดใหญ่ และอื่นๆ คุณสามารถใช้เครื่องมือเช่น Yellow Labs เพื่อทดสอบการสาธิตได้ตลอดเวลา

หากคุณกำลังใช้ WordPress คุณสามารถตรวจสอบรายชื่อธีม WordPress ที่เร็วที่สุดได้

3. เพิ่มประสิทธิภาพภาพของคุณ

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

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

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

4. ลบหรือลดขนาดของภาพพื้นหลัง

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

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

5. ใช้การแคชเบราว์เซอร์

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

สำหรับผู้ใช้ WordPress ปลั๊กอินแคชส่วนใหญ่สามารถช่วยให้คุณบรรลุเป้าหมายนี้ได้

6. ลดขนาด JavaScript และเลื่อน JavaScript ที่ไม่ได้ใช้

แม้ว่า JavaScript นั้นน่าทึ่ง แต่บ่อยครั้งก็บล็อกการแสดงภาพ ซึ่งหมายความว่าอาจส่งผลต่อเวลาในการโหลดและ FID ของคุณในที่สุด

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

สำหรับผู้ใช้ WordPress มีปลั๊กอินเช่น Autoptimize, WP Rocket และอื่นๆ ที่สามารถทำสิ่งนี้ให้คุณได้

7. ตั้งค่าแอตทริบิวต์ขนาด AdSense

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

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

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

ด้านล่างนี้คือตัวอย่างหน่วยโฆษณาที่ปรับเปลี่ยนตามอุปกรณ์ซึ่งฉันใช้ในบล็อกด้านล่างส่วนหัว ฉันได้แทนที่ ID ผู้เผยแพร่โฆษณาและช่องโฆษณาด้วย XXXXXX สังเกตว่าฉันเพิ่มแอตทริบิวต์ความสูง (ความสูงขั้นต่ำ: 300px) ทันทีที่ฉันทำอย่างนั้น ปัญหา CLS ทั้งหมดก็หายไปตลอดกาล

 <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- Header ad --> <ins class="adsbygoogle" data-ad-client="ca-pub-xxxxxxxxxxxxxx" data-ad-slot="xxxxxxxxxx" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>

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

8. ตั้งค่าแอตทริบิวต์ขนาดสำหรับรูปภาพและสื่ออื่นๆ ของคุณ

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

คุณสามารถหลีกเลี่ยงสิ่งเหล่านี้ได้โดยการตั้งค่าแอตทริบิวต์ size ให้กับไฟล์มีเดียของคุณ เมตริก CLS ของคุณจะมีความสุขที่คุณทำ

9. ขี้เกียจโหลดรูปภาพ

คุณอาจเคยเห็นคำแนะนำเกี่ยวกับ PageSpeed ​​Insight ในการเลื่อนภาพนอกจอ ความหมายง่าย ๆ คือขี้เกียจโหลดภาพของคุณ

การโหลดแบบ Lazy Loading คือการลดขนาดหน้าและลดเวลาในการโหลดหน้าเว็บของคุณเมื่อผู้ใช้เข้าชม ซึ่งดีสำหรับเมตริก CWV

โดยเฉพาะอย่างยิ่งจะช่วยปรับปรุง LCP

10. ปรับ CSS ให้เหมาะสมด้วยการลดขนาดและสร้าง CSS ที่สำคัญ

CSS เป็นสิ่งที่ทำให้เว็บไซต์ดูน่าสนใจ แต่ไฟล์ CSS ขนาดใหญ่อาจเป็นปัญหาใหญ่ได้ เพราะจะทำให้การแสดงผลหน้าเว็บแก่ผู้ใช้ล่าช้า

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

CSS ที่สำคัญสามารถช่วยได้โดยการโหลด CSS ที่จำเป็นสำหรับการโหลดหน้าเท่านั้น ในขณะที่ส่วนที่เหลือของ CSS สามารถโหลดแบบอะซิงโครนัสได้

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

คุณยังสามารถลบ CSS ที่ไม่ได้ใช้ออกได้อีกด้วย หากบริการที่คุณใช้กำลังพุช CSS ที่ไม่ได้ใช้ คุณสามารถลบออกได้อย่างปลอดภัย

หากคุณใช้ WordPress มีปลั๊กอินเช่น WP Rocket, LiteSpeed ​​Cache, FlyingPress และอื่นๆ ที่สามารถช่วยให้คุณบรรลุเป้าหมายนี้ได้

11. ใช้การโหลดอัจฉริยะของ AdSense

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

นี่เป็นการโหลด AdSense อย่างชาญฉลาด AdSense จะไม่ถูกโหลดจนกว่าผู้ใช้จะดำเนินการเช่นการเลื่อนหรือคลิก วิธีนี้จะช่วยปรับปรุงเวลาในการโหลดและ Core Web Vitals ที่ได้รับผลกระทบจาก AdSense อย่างมาก

มีปลั๊กอิน WordPress มากมายที่สามารถช่วยคุณทำสิ่งนี้ได้ ตัวอย่างเช่น WP Rocket และ Flying Scripts วิธีนี้เท่าที่ฉันรู้ไม่ละเมิดนโยบาย Google AdSense

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

12. ใช้แบบอักษร System Stack ถ้าคุณทำได้

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

แม้ว่า Google Font และ Font Awesome จะปรับปรุงต่อไป แต่การใช้แบบอักษรสแต็กของระบบมีการปรับปรุงที่สำคัญ แม้ว่าจะไม่ได้เพ้อฝันขึ้นอยู่กับอุปกรณ์

13. ใช้ CDN

หากคุณมีผู้ใช้จากส่วนต่างๆ ของโลก การใช้ CDN สามารถช่วยปรับปรุงความเร็วและเมตริก Core Web Vitals ของคุณโดยอ้อมได้

คำอธิบายง่ายๆ ของ CDN จะสร้างสำเนาเว็บไซต์ของคุณจำนวนมากและจัดเก็บไว้ในจุดแสดงตน (POP) ต่างๆ ในส่วนต่างๆ ของโลก เมื่อมีคนร้องขอเว็บไซต์ของคุณ จะให้บริการเว็บไซต์ของคุณจากที่ตั้งที่ใกล้ที่สุด

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

คุณสามารถชำระเงิน CDN ที่ดีที่สุดได้

14. ตั้งค่าการดึงข้อมูล DNS ล่วงหน้า

หากคุณใช้บริการภายนอก เช่น CDN สำหรับการจัดส่งเว็บไซต์ของคุณ คุณอาจต้องตั้งค่า DNS Prefetching เพื่อลดความล่าช้าเนื่องจากการค้นหา DNS

การดึงข้อมูล DNS ล่วงหน้าจะดึงข้อมูล DNS ล่วงหน้าก่อนที่จะเรียก เพื่อที่จะโหลดในทันทีเมื่อมันถูกเรียกในที่สุด

15. เพิ่มประสิทธิภาพสคริปต์บุคคลที่สาม

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

คุณสามารถแทนที่โซลูชันด้วยคำขอของบุคคลที่สามที่ทำให้ไซต์ของคุณช้าลงด้วยโซลูชันที่ดีกว่า

เมื่อพูดถึง Google AdSense ซึ่งเป็นสคริปต์บุคคลที่สามอีกตัวหนึ่ง คุณทำได้เพียงเล็กน้อย แนวทางปฏิบัติที่ดีที่สุดคือการใช้โฆษณารวมกันสูงสุด 3 รายการในหนึ่งหน้า หลีกเลี่ยงเนื้อหาที่ตรงกันเพราะทำให้รายได้ต่ำ แต่เพิ่มเวลาในการโหลด

16. ลบ AdSense จากครึ่งหน้าบน

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

หากคุณสามารถจ่ายได้ ให้ลบ AdSense จากครึ่งหน้าบนเป็นเวลาหนึ่งเดือนและดูว่าปัญหาหายไปหรือไม่

หากคุณไม่ต้องการลบออก คุณสามารถหน่วงเวลาด้วยตนเองหรือด้วยความช่วยเหลือของปลั๊กอิน เช่น Flying Scripts

17. เปลี่ยนเป็น AMP

AMP หมายถึง Accelerated Mobile Pages แนวคิดของ AMP คือการเพิ่มประสิทธิภาพหน้าเว็บให้โหลดเร็วขึ้นบนอุปกรณ์เคลื่อนที่ และแน่นอน โครงการโอเพ่นซอร์ส AMP นั้นเริ่มต้นโดย Google

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

หน้า AMP เร็วกว่าหน้าอุปกรณ์เคลื่อนที่หรือเดสก์ท็อปอย่างสม่ำเสมอ บางครั้งเกิน 100% ตามการสังเกตของเรา

หากกลยุทธ์การสร้างรายได้เพียงอย่างเดียวของเว็บไซต์ของคุณคือ Google AdSense คุณอาจลองเปลี่ยนเว็บไซต์ทั้งหมดเป็น AMP ฉันสังเกตเห็นเป็นการส่วนตัวว่าในบล็อกที่ฉันเป็นเจ้าของ บางครั้ง AdSense บนหน้า AMP สามารถแปลงได้มากกว่าบนมือถือและเดสก์ท็อป!

บทสรุป

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

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