Google Core Web Vitals 2022

และการสนทนาส่วนใหญ่เหล่านี้เกี่ยวกับ Web Vitals ตัววัดความเร็วแบบใหม่ของ Google อย่างไรก็ตาม นี่คืออัญมณี

SEO พยายามที่จะบรรลุคะแนนความเร็วหน้าเว็บที่ดีที่สุดเป็นประจำ เนื่องจาก Google ได้ระบุไว้ การมีส่วนร่วมของผู้ใช้เป็นปัจจัยในการจัดอันดับที่สำคัญ

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

นั่นคือสิ่งที่ Google ทุบด้วยการแนะนำ Core Web Vitals

ตามคำกล่าวของ Google เกี่ยวกับเมตริก Web Vitals ใหม่ เจ้าของเว็บไซต์เข้าใจแล้วว่าพวกเขาต้องการความเร็วในอุดมคติแค่ไหน

แม้ว่าพวกเขาจะกังวลมากขึ้นเล็กน้อย!

ในปัจจุบัน เว็บไซต์ต่างๆ ให้ความสำคัญกับคะแนนสะสมเฉพาะที่แสดงบนเครื่องมือต่างๆ เช่น PageSpeed ​​Insights โดย Google, Pingdom และ GTMetrix

อย่างไรก็ตาม เครื่องมือเหล่านี้เป็นเครื่องมือพิเศษในการตรวจสอบความเร็วเฉพาะของหน้าเว็บ

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

Google ได้คิดแนวคิดเฉพาะของ Core Web Vitals ขึ้นมาเพื่อให้แน่ใจว่าผู้ดูแลเว็บใช้เวลาอย่างมีคุณภาพในการเพิ่มเมตริกความเร็ว

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

โดยสังเขป Web Vitals คือชุดของปัจจัยที่แม่นยำ

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

Google กำลังรวม 3 ปัจจัยใหม่เข้ากับปัจจัยการจัดอันดับประสบการณ์การใช้งานหน้าเว็บอย่างเป็นทางการ

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

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

Google ได้ประกาศไปแล้วเมื่อเดือนมิถุนายน 2564 ว่า Core Web Vitals จะทำงานเป็นปัจจัยในการจัดอันดับ

พวกเขาได้ประกาศเช่นเดียวกันว่าพวกเขาจะรวม "สัญญาณประสบการณ์การใช้งานหน้าเว็บ" เข้าด้วยกันมากขึ้นในอนาคต:

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

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

เช่นเดียวกับการเป็นเจ้าของผลกระทบต่อการจัดอันดับ Google กำลังเตรียมที่จะมี "สัญญาณภาพที่เน้นหน้าในผลการค้นหาที่มีประสบการณ์หน้าที่ยอดเยี่ยม"

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

เกณฑ์ประสบการณ์ในหน้าเอกสารของ Google ระบุตัวชี้วัด UX ที่เกี่ยวข้องมากที่สุด นอกจากนี้ พวกเขายังเข้าใจประสบการณ์ของหน้าเว็บหนึ่งๆ ได้ดีเพียงใด

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

ปัจจัยการจัดอันดับ “ประสบการณ์การใช้งานเพจ” ในปัจจุบัน

เป็นประสบการณ์ของผู้ใช้:

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

ใหม่: Core Web Vitals

นอกเหนือจากข้างต้นแล้ว ยังมีปัจจัยด้านประสบการณ์ผู้ใช้สามประการที่เน้นไปที่ Page Speed:

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

การโต้ตอบ: เมื่อผู้ใช้โต้ตอบกับหน้าใดหน้าหนึ่ง (เช่น การคลิกลิงก์ใดๆ) ตรวจสอบให้แน่ใจว่าหน้านั้นตอบสนองอย่างรวดเร็ว

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

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

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

และหากมีเมตริกพฤติกรรมที่ไม่ดี (Conversion ต่ำ อัตราตีกลับสูง เวลาบนไซต์ต่ำ ฯลฯ) ก็อาจมีปัญหากับสัญญาณประสบการณ์หน้าเว็บ

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

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

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

เหตุใด Google จะส่งผู้ใช้ไปยังเว็บไซต์ที่ทำให้พวกเขาผิดหวังในเมื่อพวกเขาส่งพวกเขาไปยังเว็บไซต์ที่น่าใช้มากกว่า

วิธีที่ Google เผยแพร่ประกาศนี้แสดงให้เห็นชัดเจนว่าจะเป็นการอัปเดตที่สำคัญ นอกจากนี้ พวกเขาต้องการให้เราพร้อมสำหรับมัน

การประกาศอย่างเป็นทางการของพวกเขาระบุว่าสิ่งนี้เป็นสิ่งที่ดีสำหรับประสบการณ์เว็บโดยรวม

LCP ยังคงวัดจากระยะเวลาที่ใช้สำหรับเนื้อหาหลักของหน้าใดๆ ในการโหลด นั่นคือเวลาจากการคลิกลิงก์เฉพาะเพื่อดูเนื้อหาบนหน้าจอ

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

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

การวัด LCP ในอุดมคติเสมอควรมีความยาวอย่างน้อย 2.5 วินาทีหรือเร็วกว่า

FID วัดเวลาเฉพาะที่ใช้สำหรับหน้าใด ๆ ในการโต้ตอบมากขึ้น

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

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

• ย่อเล็กสุด (หรือเลื่อน JavaScript)
• การลบสคริปต์บุคคลที่สามที่ไม่สำคัญทั้งหมดออก
• การใช้แคชของเบราว์เซอร์

การวัดที่เหมาะสมที่สุดสำหรับ FID ยังคงน้อยกว่า 100 มิลลิวินาที

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

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

การวัด CLS ในอุดมคติควรน้อยกว่า 0.1 เสมอ

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

โชคดีที่มีวิธีวิเคราะห์เว็บไซต์ของคุณ

คุณสามารถค้นหาเมทริกซ์ Core Web Vitals ผ่านเครื่องมือต่างๆ เช่น Google Search Console, PageSpeed ​​Insights และ Lighthouse

หากคุณไม่คุ้นเคยกับเครื่องมือเหล่านี้ ทางเลือกที่ง่ายที่สุดคือการป้อน URL ของเว็บไซต์ของคุณลงในเครื่องมือ PageSpeed ​​Insights

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

การใช้ Google Search Console เป็นอีกวิธีที่ง่ายที่สุดในการระบุหลายหน้า

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

หลังจากคลิกผ่านไปยังส่วนนั้น คุณจะเห็นรายงานปัญหา Google Core Web Vital แต่ละปัญหาที่เว็บไซต์ของคุณอาจประสบปัญหา

2. จำนวนหน้าในเว็บไซต์ของคุณที่ได้รับผลกระทบจาก Google Core Web Vital นั้น ๆ

3. หน้าตัวอย่างที่เกิดปัญหานี้ นั่นคือความแตกต่างที่สำคัญระหว่างรายงานและรายงาน GSC อื่นๆ

รายงาน Google Core Web Vitals จะไม่แสดงหน้าทั้งหมดที่คุณต้องแก้ไข

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

4. รายการหน้าที่คล้ายกันมากถึง 20 หน้าซึ่งเกิดปัญหานั้นขึ้น ทุกตัวอย่าง URL จะให้หน้าที่คล้ายกันแก่คุณ

Google ยังคงใช้วิธีนี้เพื่อเน้นว่าปัญหาที่คล้ายกันที่พบในหน้าตัวอย่างของคุณอยู่ที่ใดในหน้าอื่นๆ ทุกที่ในเว็บไซต์ของคุณ

ตัวอย่างเช่น หากคุณมีปัญหาใดๆ ใน /blog/ ของคุณ และปัญหาเดียวกันนี้กำลังเกิดขึ้นกับหน้าเว็บในหัวข้อ /press-releases/ ของคุณ

จากนั้นคุณจะเห็นเพียงรายการเดียวใน URL ตัวอย่าง แต่อีกรายการหนึ่งจะปรากฏในด้านตัวอย่าง

สิ่งนี้ควรแนะนำให้คุณทราบว่าหน้าอื่นๆ ใน /press-releases/ จะต้องมีการแก้ไขแบบเดียวกัน

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

ถึงเวลาดำเนินการเพื่อปรับปรุงเมตริกเหล่านี้ แต่ที่สำคัญกว่านั้นคือ ปรับปรุงการมีส่วนร่วมกับผู้ชมของคุณ

แต่ละไซต์จะมีเอกลักษณ์เฉพาะตัว เป็นเรื่องยากที่ไซต์สองแห่งจะประสบปัญหาเดียวกัน

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

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

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

• ลดผลกระทบเฉพาะของรหัสบุคคลที่สาม
• ลดการทำงานของเธรดที่สำคัญที่สุด
• ลดเวลาดำเนินการจาวาสคริปต์
• คำขอ Grasp นับว่าต่ำ เช่นเดียวกับการถ่ายโอน ขนาดเล็ก

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

Javascript ขนาดใหญ่ ไฟล์รูปภาพ ไฟล์ CSS รวมถึงคำขอที่สร้างขึ้นโดยหนึ่งในสิ่งเหล่านี้จะเพิ่มเพย์โหลดบนเบราว์เซอร์และทำให้ผู้ใช้รอนาน

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

การปรับภาพให้เหมาะสมสามารถช่วยเร่งความเร็วเว็บไซต์รวมทั้งมอบประสบการณ์การใช้งานที่ยอดเยี่ยมแก่ผู้ใช้

1. Image CDN: หากอิมเมจโหลดจากเซิร์ฟเวอร์เดียวกัน อาจสร้างแรงกดดันในการโหลดบนเซิร์ฟเวอร์ได้มาก

วิธีที่มีประสิทธิภาพที่สุดในการกำจัดอุปสรรคนี้คือการใช้เซิร์ฟเวอร์ CDN

AWS และ Cloudflare เป็นตัวเลือกที่น่าเชื่อถือที่สุดในขณะนี้ หากคุณมองหาผู้ให้บริการ Image CDN ที่ดี

2. รูปแบบ WebP: นอกจากนี้ คุณต้องแน่ใจว่า CDN ที่คุณเลือกแปลงรูปภาพในรูปแบบ WebP ซึ่งเป็นรูปแบบรูปภาพที่แนะนำของ Google สำหรับรูปภาพบนเว็บ

3. LazyLoad: การใช้เทคนิคการโหลดแบบ Lazy Loading จะเพิ่มคะแนนของ WebVitals เช่นเดียวกัน เนื่องจากทรัพยากรรูปภาพบนหน้าจอจะมาพร้อมกับเพย์โหลดเริ่มต้น

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

ตลอดกระบวนการโหลด จะโหลดเพียงขนาดของภาพนอกจอเพื่อหลีกเลี่ยงไม่ให้หน้าแตก

2. การลดขนาดทรัพยากร: ขั้นตอนแรกสำหรับการเพิ่มประสิทธิภาพ JavaScript & CSS คือการลดขนาดทรัพยากรบางอย่าง

การลดขนาดเป็นวิธีการที่นำทรัพยากรที่ไม่สำคัญและทรัพยากรที่ซ้ำซ้อนออกเพื่อเพิ่มความเร็วของวิธีการ

เป็นคุณลักษณะพื้นฐานที่อนุญาตโดยปลั๊กอินการเพิ่มประสิทธิภาพส่วนใหญ่

3. รวม CSS และ Javascript: การใช้ไฟล์เดียวเพื่อโหลดโค้ด JavaScript และ CSS เฉพาะจะลดจำนวนคำขอ นอกจากนี้ ยังช่วยให้การแสดงผลเร็วขึ้นอีกด้วย

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

สิ่งเดียวกันนี้จะเกิดขึ้นกับ JavaScript เนื่องจากจำนวนคำขอ DOM ลดลงได้ ซึ่งจะเพิ่มประสิทธิภาพความเร็วโดยรวม

4. ลดการบล็อกการแสดงผล: สาเหตุที่พบบ่อยที่สุดสำหรับคะแนน PageSpeed ​​ที่ช้าคือการใช้ Javascript และ CSS มากเกินไป

แม้ว่าไฟล์ Java และ CSS บางไฟล์จะมีความสำคัญต่อความเสถียรโดยรวมของเว็บไซต์ แต่ก็ไม่จำเป็นต้องโหลดครึ่งหน้าบนทั้งหมด ซึ่งทำให้บล็อกแสดงผลได้

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

ตัวเลือกนี้สามารถปรับปรุงคะแนน PageSpeed ​​ได้อย่างมาก และยังช่วยให้คุณได้รับคะแนน Web Vitals ที่สมบูรณ์แบบอีกด้วย

5. ส่ง CSS & JavaScript โดยใช้ CDN: อีกครั้ง จนกว่าคุณจะใช้ CDN เพื่อโหลด JavaScript & CSS คุณกำลังใช้ความเร็วเฉพาะของเซิร์ฟเวอร์ของคุณเพื่อส่งมอบทรัพยากรเหล่านี้ทั้งหมด

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

นั่นทำให้เกิดความล่าช้าอย่างมากในการแสดงหน้าที่เฉพาะเจาะจงรวมทั้งส่งผลให้ความเร็วของหน้าช้าลง

ในการเพิ่มประสิทธิภาพแบบอักษร ตรวจสอบให้แน่ใจว่า CDN ของคุณสามารถแทนที่ลักษณะการแสดงแบบอักษรได้

เนื่องจาก CDN ที่น่าเชื่อถือสามารถสลับฟอนต์ของข้อความที่แสดงผลเฉพาะรวมทั้งแสดงฟอนต์ดั้งเดิมได้ทันทีที่โหลดจาก CSS

ในกรณีทั่วไป จะเกิดขึ้นภายในไม่กี่ไมโครวินาที เนื่องจากทรัพยากรทั้งสองถูกส่งจากเซิร์ฟเวอร์ CDN ที่คล้ายกันพร้อมกัน

ที่สามารถลด Cumulative Layout Shift ลงได้อย่างมากรวมทั้งให้คะแนน Web Vitals ที่สมบูรณ์แบบแก่คุณ

แต่ธุรกิจจำนวนมากไม่ต้องการกำจัดวิดีโอเหล่านี้ เนื่องจากเป็นส่วนหนึ่งของการสาธิตผลิตภัณฑ์หรือวิดีโอแนะนำ

Google ขอแนะนำวิธีแก้ไขด่วนสำหรับรูปภาพที่ฝังไว้และวิดีโอที่คุณสามารถโหลดเนื้อหาเหล่านี้ได้

นอกจากนี้ ตรวจสอบให้แน่ใจว่าทรัพยากรของวิดีโอโหลดง่าย ๆ เมื่อผู้ใช้คลิกที่ปุ่ม “เล่นสื่อ/วิดีโอ” เฉพาะ (กำหนดตามประสบการณ์การใช้งานที่ดีที่สุด)

และเมื่อคุณใช้การปรับให้เหมาะสมนี้ มันจะแสดงการปรับปรุงประสิทธิภาพ 70% ใน Lighthouse อย่างแน่นอน

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

ดังนั้น ตรวจสอบให้แน่ใจว่าเซิร์ฟเวอร์ของคุณยังคงตอบสนองและยังคงมีความรวดเร็วอยู่เสมอ

คุณยังสามารถตรวจสอบเว็บไซต์ของคู่แข่งได้อีกด้วย

จะช่วยให้คุณเข้าใจว่าต้องใช้เวลาเท่าใดในการลงทุนเพื่อนำหน้าการอัปเดตเฉพาะนี้และคู่แข่งของคุณ

จากนี้ คุณสามารถสร้างแผนงานที่คุณต้องดำเนินการในปีนี้

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

ข่าวดีก็คือเมตริกที่ให้มาทั้งหมดนี้ง่ายต่อการทดสอบ

นอกจากนี้ คุณจะสามารถวัดการปรับปรุงหลายอย่างใน Largest First Input Delay, Contentful Paint และ Cumulative Layout Shift ก่อนที่สัญญาณการจัดอันดับของ Google จะเติบโตขึ้น

หลังจากดำเนินการตามข้างต้นแล้ว คุณจะเห็นอัตราการเข้าชมเว็บไซต์ของคุณเพิ่มขึ้นอย่างเห็นได้ชัดเช่นกัน

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