17 กลยุทธ์พิสูจน์แล้วเพิ่มคะแนน Web Core Vitals ด้วย Ezoic – ทำให้ได้ 95+ วันนี้

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

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

หลักฐาน

ฉันจะแสดงในภาพหน้าจอด้านล่างคอนโซล Ezoic และ Google Webmaster ที่แสดงคะแนนที่เว็บไซต์นี้ได้รับ

หมายเหตุ: ฉันได้ทำการเปลี่ยนแปลงบางอย่างบนเว็บไซต์นี้หลังจากเขียนบทความนี้ การเปลี่ยนแปลงเหล่านี้ทำเพื่อปรับปรุง EPMV ของเว็บไซต์นี้เพื่อเตรียมไตรมาสที่ 3 ของปีนี้ (ช่วงรายได้สูงสุด) ฉันจะเน้นการเปลี่ยนแปลงเหล่านี้ด้านล่าง

เพื่อข้อมูล: ส่วนใหญ่ของการเปลี่ยนแปลงที่ฉันทำที่นี่ ไม่เคยเห็นที่อื่นมาก่อน

คะแนน Core Vital ของ Ezoic

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

ด้านล่างคือเว็บไซต์อีกแห่งที่ฉันมีกับ Ezoic

Google Search: Core Web Vitals

ตามที่คุณเห็นจากด้านล่าง บนมือถือและเดสก์ท็อป ฉันมี 100% good URLs

บนมือถือคะแนนเคยลดลงเหลือ "ต้องปรับปรุง" เนื่องจากตรวจพบปัญหา "LCP issue: longer than 2.5s (mobile)" และฉันไม่ได้รู้จน gầnนี้ว่าต้อง validate การแก้ไขใน Search Console

วิธีปรับปรุงคะแนน Web Core Vital ด้วย Ezoic

ด้านล่างคือการเปลี่ยนแปลงที่ฉันทำเพื่อปรับปรุงคะแนน Web Core Vital ฉันจะเริ่มจากการเปลี่ยนแปลงที่สำคัญที่สุดก่อน

1. ผสานรวมกับ Ezoic Name Servers

แค่ทำเลย 🙂 ฉันทดสอบการผสานรวมกับปลั๊กอิน และพบว่ามันเพิ่มเวลาโหลดหน้า 4-6 วินาทีทุกหน้า

2. ไม่มีโฆษณา Above The Fold

โฆษณาที่อยู่บนหน้าเมื่อโหลดเว็บเพจ (Above the fold) จะโหลดตอนหน้าเว็บโหลดครั้งแรก ซึ่งจะทำให้การโหลดหน้าแรกช้าลง สิ่งนี้มีผลกระทบต่อคะแนน Core Vital มากที่สุด

เพื่อให้ได้คะแนน 95 ฉันวางโฆษณา 1 ตัวใต้ย่อหน้าที่ 1 ดังนั้นคุณอาจได้คะแนนดีกว่านี้หากไม่มีโฆษณาเลย

當然 越多廣告在 above the fold EPMV 越高

ด้านล่างแสดงวิธีที่ฉันชอบตั้งค่าโฆษณาสูงสุด EPMV โดยไม่ลดคะแนน Web Core มากนัก

ฉันวางตำแหน่งโฆษณาต่อไปนี้โดยใช้ Ezoic place holder addon

1. 1 โฆษณาใต้ย่อหน้าที่ 1 โฆษณานี้สูงสุด 100px
2. 1 โฆษณาในแถบด้านข้าง ปกติอยู่บนหรือกลาง นี่คือโฆษณา 2 ตัวเดียวที่ฉันวาง above the fold
3. 1 โฆษณาที่ด้านล่างของแถบด้านข้าง วางโฆษณา sticky sidebar ที่ด้านล่างของแถบด้านข้าง ฉันพยายามทำให้แถบด้านข้างยาว เพื่อผลักโฆษณาตัวนี้ลงมา below the fold
4. เนื้อหาบทความ จากนั้นวางโฆษณาให้มากที่สุดในเนื้อหาหน้า โฆษณาเหล่านี้จะโหลดก็ต่อเมื่อเลื่อนลงมาถึง

3. ไม่มีรูปภาพ Above The Fold

เหมือนจุดที่ 2 สำหรับทุกหน้า ฉันไม่วางรูปภาพ above the fold หากอยู่ above the fold จะโหลดตอนหน้าเว็บโหลด หากอยู่ below the fold จะ lazy load (หากตั้งค่าใน Ezoic) ก็ต่อเมื่อผู้เยี่ยมชมเลื่อนลง

4. ปรับปรุงการตั้งค่า Caching ของ Ezoic

ในส่วน caching ของ Ezoic มีการตั้งค่า cache บางอย่างที่คุณต้องรู้

• Cache Hit = ใครเยี่ยมชมเว็บไซต์ของคุณและได้รับสำเนา cache ของเว็บไซต์
• Cache Miss = ใครเยี่ยมชมเว็บไซต์ของคุณและหน้าเว็บโหลดจาก Ezoic และโฮสติ้งของคุณ

ในลักษณะที่ดีที่สุด เราต้องการ Cache hit requests มากที่สุดเท่าที่จะเป็นไปได้ คุณเห็นด้านล่างว่า cache hit page time to first byte คือ 1.4 วินาที ในขณะที่ cache miss page โหลดใน 2.3 วินาที ใกล้เคียง 1 วินาที差

เพื่อดูรายงานด้านล่างสำหรับเว็บไซต์ของคุณ คลิกที่นี่ หรือ

1. ล็อกอิน Ezoic
2. เลือกเว็บไซต์จากรายการเว็บไซต์
3. คลิก Analytics ในแถบเครื่องมือ
4. คลิก Site Speed > Caching

ก่อนที่ฉันจะทำการเปลี่ยนแปลงด้านล่าง ฉันได้ประมาณ 50% Cache hit และ 50% Cache miss ตอนนี้ฉันได้ประมาณ 80% Cache hit และ 20% Cache miss เพื่อให้ได้ผลนี้ ฉันทำการเปลี่ยนแปลงดังต่อไปนี้

• เลือกเว็บไซต์ในแดชบอร์ด Ezoic
• คลิก speed
• คลิก caching

เปลี่ยนการตั้งค่าต่อไปนี้ภายใต้ "Cache Setting Values"

1. Default Cache Age: 559200
2. Override Cache Control Headers: On
3. Force Caching by Device Type: On
4. Ignore Cache-Control: no-cache: On

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

5. ปิด Anchor Ads

Anchor ads คือโฆษณาที่ปรากฎที่ด้านล่างของหน้าและติดอยู่ขณะเลื่อนลง โฆษณาเหล่านี้จะเพิ่มเวลาโหลดหน้าเพราะโหลดทันทีที่เข้าหน้าเว็บ

หากคุณปิดโฆษณาเหล่านี้ คุณคาดว่าจะสูญเสียรายได้ประมาณ 5% - 10% คุณสามารถเปิด/ปิดแยกกันได้บน desktop / mobile / tablet

หมายเหตุ: ฉันได้เปิด anchor ads บนเว็บไซต์นี้อีกครั้งหลังเผยแพร่บทความนี้

เพื่อปิด anchor ads ทำดังนี้ในแดชบอร์ด Ezoic

1. เลือกเว็บไซต์
2. คลิก monetization
3. คลิก Anchor Ads Settings ภายใต้ Ad Tester
4. เปิด/ปิดโฆษณาสำหรับ desktop / tablet / mobile

6. ปิด Video Ads

เหมือนกับการปิด anchor ads video ads จะโหลดเล็กน้อยหลังจากโหลดหน้าเว็บ การปิดโฆษณาเหล่านี้จะช่วยปรับปรุงเวลาโหลดหน้า

ส่วนตัวฉันไม่เปิด video ads ไม่ชอบตอนเยี่ยมเว็บอื่น จึงไม่อยากมีบนเว็บของฉัน จากประสบการณ์ video ads จะทำรายได้เพิ่มประมาณ 5%

เพื่อปิด video ads ทำดังนี้ในแดชบอร์ด Ezoic

1. เลือกเว็บไซต์
2. คลิก monetization
3. คลิก General Settings ภายใต้ Ad Tester
4. ยกติ๊ก "Floating Video Ad Unit"

7. ย้ายไปโฮสติ้งที่ Ezoic รับรอง

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

ฉันย้ายเว็บไซต์ทั้งหมดจาก VPS สเปกสูงไปที่โฮสติ้งที่ Ezoic รับรอง (ดูรายการที่นี่) ฉันเห็นความเร็วเพิ่มขึ้นมาก เนื่องจากโฮสติ้งเก่ามีปัญหากับไฟร์วอลล์จัดการトラフィค Ezoic มันทำเครื่องหมายว่าเป็นบอทและบล็อกトラフィค

ฉันย้ายไป shared hosting บน "A2 Hosting" ใช้บริการ turbo boost hosting

8. Whitelist Ezoic IPs

สำคัญที่ต้อง whitelist Ezoic IPs บนโฮสติ้งของคุณ เพราะหากไม่ทำ คุณอาจได้รับトラフィคที่ถูกบล็อกหรือสแกนอย่างน้อย ซึ่งทำให้เว็บช้าลง ข้อมูลเพิ่มเติมที่นี่

9. ปิด AI Placeholders

ส่วนตัวฉันชอบควบคุมตำแหน่งโฆษณาที่แน่นอนบนเว็บไซต์ หากเปิด AI placeholders พวกเขาอาจวางโฆษณาขนาดใหญ่ที่ด้านบนของหน้า ซึ่งทำให้เว็บช้า

ภาพหน้าจอด้านบนแสดงตำแหน่งที่โฆษณาถูกวางบนเว็บของฉัน ฉันปิด AI placeholders บนเว็บไซต์ทั้งหมดของฉัน

10. ตรวจสอบการตั้งค่า SSL

ไม่กี่เดือนที่แล้วฉันพูดกับ Ezoic และฝ่ายสนับสนุนแนะนำการตั้งค่า SSL เหล่านี้เพื่อช่วยเพิ่มความเร็วเว็บไซต์

มีสองที่ที่ต้องตรวจสอบการตั้งค่า SSL: ในแดชบอร์ด Ezoic และใน Cloudflare ทั้งสองควรตั้งเป็น FULL

Cloudflare

เพื่อตรวจสอบการตั้งค่า SSL ใน Cloudflare ทำดังนี้

1. ล็อกอิน cloudflare.com
2. เลือกเว็บไซต์ของคุณ
3. คลิก SSL/TLS
4. คลิก Overview
5. บันทึกการตั้งค่าปัจจุบันไว้ในกรณีต้องย้อนกลับ
6. คลิก Full

Ezoic

ตอนนี้เราต้องทำเหมือนกันสำหรับ Ezoic ทำดังนี้

1. ล็อกอิน ezoic.com
2. เลือกเว็บไซต์ของคุณ
3. คลิก settings ในแถบเครื่องมือ
4. ภายใต้ SSL คลิก "Edit SSL Settings"
5. บันทึกว่า SSL ตั้งค่าเป็นอะไรไว้ในกรณีต้องย้อนกลับ
6. สำหรับ SSL Type เลือก Full
7. คลิก save

11. การตั้งค่า Leap

ตรวจสอบว่าคุณใช้ Ezoic Leap อยู่ เพื่อเข้าถึง Leap ให้คลิก Speed จากแถบเครื่องมือหลัก แล้วคลิก Optimization Settings

ตรวจสอบให้แน่ใจว่าการตั้งค่าต่อไปนี้ถูกใช้งาน

• CSS > ตรวจสอบว่าการตั้งค่าทั้งหมดเปิดใช้งาน
• Minify > ตรวจสอบว่าการตั้งค่าทั้งหมดเปิดใช้งาน
• Images > ตรวจสอบว่าการตั้งค่าทั้งหมดเปิดใช้งาน ยกเว้น "Set Explicit Width and Height"
• Script Execution > ตรวจสอบว่าการตั้งค่าทั้งหมดเปิดใช้งาน
• Static Asset Cache Policy > ตรวจสอบว่าการตั้งค่าทั้งหมดเปิดใช้งาน
• Content > ตรวจสอบว่าการตั้งค่าทั้งหมดเปิดใช้งาน ยกเว้น "Remove Scripts or Styles"
• Pre-Connect > ตรวจสอบว่าการตั้งค่าทั้งหมดเปิดใช้งาน

12. ธีม (Theme)

หากคุณใช้ WordPress ธีมส่วนใหญ่จะเบาและโหลดหน้าเร็ว

มีธีมบางอย่างที่ฉันใช้ส่วนตัวและแนะนำ เพราะเป็นธีมที่เร็วที่สุดสำหรับ WordPress คือ

• Astra
• GeneratePress

ระหว่างสองตัวนี้ ฉันชอบ Astra และจะย้ายเว็บไซต์ทั้งหมดไปใช้ธีมนี้ต้นปีหน้า

13. ฟอนต์ (Fonts)

เป็นแนวทางปฏิบัติที่ดีที่สุดที่จะใช้ System Fonts ไม่ใช่ Google Fonts

System Fonts คือฟอนต์ที่มีอยู่ในเครื่องของเว็บไซต์ ฟอนต์โหลดเร็วเพราะโหลดจากทรัพยากรภายใน

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

ใน WordPress คุณสามารถเปลี่ยนฟอนต์ได้โดยล็อกอิน admin และคลิก Appearance > Customize ด้านล่างแสดง System fonts สำหรับธีม GeneratePress

ไม่ใช่ทุกธีมที่รองรับการเปลี่ยนฟอนต์แบบนี้ และคุณต้องแก้ไขโค้ด styles.css เพื่อเปลี่ยนฟอนต์

14. ติดตั้งปลั๊กอิน Ezoic

Ezoic มีปลั๊กอินสำหรับ WordPress อยู่ที่นี่

ปลั๊กอินนี้สามารถใช้ปิดการโหลดบางอย่างบนเว็บไซต์ ซึ่งควรช่วยเพิ่มความเร็วการโหลดหน้า

ติดตั้งปลั๊กอิน แล้วไปที่ wp-admin > Settings > Ezoic > Speed Settings ตรวจสอบให้แน่ใจว่าติ๊กทุกช่อง ยกเว้น "Set scheme-less urls"

15. ติดตั้ง EWWW Image Optimizer + กำหนดค่ารูปภาพ

Ezoic แนะนำไม่ติดตั้งปลั๊กอินบีบอัดรูปภาพ / lazy load แต่หากติดตั้งและกำหนดค่าอย่างถูกต้อง พวกเขาสามารถช่วยเพิ่มความเร็วเว็บไซต์ได้

Ezoic Leap จะ lazy load และบีบอัดรูปภาพ แต่หากเราบีบอัดบนเว็บไซต์ Ezoic Leap จะต้องทำน้อยลงตอนโหลดหน้าของคุณ

นอกจากนี้ หากผู้เยี่ยมชมไม่ได้รับหน้า cache การตั้งค่าด้านล่างจะช่วยเวลาโหลดหน้าสำหรับผู้เยี่ยมคนนั้น

ส่วนตัวฉันใช้ EWWW Image Optimizer แต่คุณสามารถใช้ปลั๊กอินอื่นได้

อย่างแรก เราต้องเปลี่ยนขนาดรูปภาพที่สามารถอัปโหลดได้บนเว็บไซต์ ทำดังนี้

1. ไปที่ wp-admin
2. คลิก settings
3. คลิก Media
4. แก้ไขขนาดรูปภาพสำหรับ large images

ฉันมักตั้ง 700 max width และ 1024 height

ต่อไป เราต้องกำหนดค่า EWWW Image Optimizer ทำดังนี้

1. ไปที่ wp-admin
2. คลิก Settings
3. คลิก EWWW Image Optimizer
4. ตรวจสอบให้แน่ใจว่าการตั้งค่าด้านล่างถูกตั้งค่า

• Remove Metadata: Tiicked
• Resize Images: ตั้งค่าเท่ากับที่ตั้งใน WordPress large images (ขั้นตอนข้างต้น)
• Lazy Load: ไม่ติ๊ก (สำคัญ)
• WebP Conversion: ไม่ติ๊ก

ตอนนี้หากคุณอัปโหลดรูปที่ใหญ่กว่าขนาดเหล่านี้ WordPress จะปรับขนาดรูปอัตโนมัติ EWWW Image Optimizer จะบีบอัดรูปเพิ่มเติม ทำให้ขนาดรูปเล็กที่สุดเท่าที่จะเป็นไปได้

16. ติดตั้งปลั๊กอิน Simple YouTube Responsive

Simple YouTube Responsive จะ lazy load วิดีโอ YouTube ใดๆ ที่คุณมีบนหน้านั้น หากคุณมีวิดีโอ YouTube บนหน้า มันอาจเพิ่มประมาณ 1mb ให้หน้านั้น ซึ่งผู้เยี่ยมชมต้องดาวน์โหลดตอนเข้าชม

ด้วยการติดตั้งปลั๊กอินนี้ โค้ด YouTube จะถูกแทนที่ด้วยภาพ thumbnail ของวิดีโอ (ซึ่งถูก lazy load)

17. ตรวจสอบปลั๊กอิน WordPress ที่ขัดแย้ง

โดยใช้ปลั๊กอิน Ezoic สำหรับ WordPress เราสามารถดูได้ว่ามีปลั๊กอินอื่นที่ขัดแย้งกับ Ezoic หรือไม่

เพื่อตรวจสอบ ทำดังนี้

1. ล็อกอิน wp-admin
2. คลิก Settings
3. คลิก Ezoic
4. ตรวจสอบ Compatibility Warnings

ด้านล่างคุณเห็นว่ามันแนะนำให้ลบ EWWW Image Optimizer ตรวจสอบปลั๊กอินที่แสดงรายการที่นี่ และลบหากไม่จำเป็น