Google Pagespeed Insights สำหรับผู้จัดพิมพ์ - เคล็ดลับในการปรับปรุงความเร็วหน้าเว็บไซต์

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

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

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

Google PageSpeed ​​Insights และ Core Web Vitals Score

Google ได้พัฒนาเครื่องมือ PageSpeed ​​Insights เพื่อวิเคราะห์เนื้อหาและความเร็วในการโหลดของไซต์ ให้คะแนนประสิทธิภาพของไซต์ และให้ข้อมูลเพื่อช่วยผู้เผยแพร่โฆษณาในการปรับปรุงความเร็วไซต์ Google ใช้เครื่องมือวัดความเร็วไซต์ที่เรียกว่า Lighthouse เพื่อทำคะแนนไซต์ของคุณจาก 1 ถึง 100 แยกกันสำหรับเวอร์ชันเดสก์ท็อปและมือถือ โดย 90+ เป็นคะแนนที่ดี



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

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

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

เมตริก Core Web Vitals ของ Google คืออะไร

Core Web Vitals ของ Google เป็นตัวชี้วัดสามตัวที่ประเมินความเสถียรของหน้า ความเร็วในการโหลดหน้า และความเร็วที่หน้าตอบสนองต่อการโต้ตอบของผู้ใช้ Core Web Vitals นั้นวัดและรายงานสำหรับประสบการณ์การใช้งานเดสก์ท็อปและมือถือ และสามารถเข้าถึงได้จากภายใน Google Search Console รวมถึงในหน้า PageSpeed ​​Insights ของนักพัฒนา ใครก็ตามที่ต้องการวัดไซต์ของตนเองหรือไซต์ใดๆ สามารถป้อน URL ของหน้าและดูรายงานได้

• Largest Contentful Paint (LCP) - การให้คะแนนนี้หมายถึงหน้าเว็บสามารถโหลดเนื้อหาหลักสำหรับหน้าได้เร็วเพียงใด LCP 2.5 วินาที หรือน้อยกว่านั้นเป็นคะแนนที่ดี
  
  
• First Input Delay (FID) - การให้คะแนนนี้วัดว่าหน้าเว็บใช้เวลานานเท่าใดในการตอบสนองต่อการกระทำที่ผู้ใช้ทำ ตัวจับเวลาสำหรับการวัดนี้เริ่มต้นเมื่อมีบางสิ่งที่มองเห็นได้บนหน้าเว็บเพื่อให้ผู้ใช้โต้ตอบ และสิ้นสุดเมื่อหน้าสามารถตอบสนองต่อการกระทำของผู้เยี่ยมชมได้ หากหน้าเว็บไม่สามารถตอบสนองต่อผู้ใช้ได้เนื่องจากกำลังตอบสนองต่อสคริปต์อื่นๆ จำนวนมากที่โหลดไว้ก่อน คะแนน FID จะได้รับผลกระทบ สำหรับคะแนนผ่าน FID 100 มิลลิวินาที หรือน้อยกว่านั้นเป็นคะแนนที่ดี
  
  
• Cumulative Layout Shift (CLS) - CLS วัดความเสถียรของภาพของเพจและเลย์เอาต์ หากคุณแท็บลง สิ่งต่าง ๆ เคลื่อนไหวหรือไม่? คุณมีโฆษณา รูปภาพ หรือองค์ประกอบของหน้าเว็บที่โหลดในภายหลัง และทำให้การจัดวางหน้าเว็บเปลี่ยนไปหรือไม่ ส่งผลให้คะแนน CLS ต่ำ คะแนน CLS ที่ 0.1 หรือน้อยกว่านั้นเป็นคะแนนที่ดี

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

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

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


อัปเดต: ข้อมูลการวิจัยล่าสุดโดย Tom Capper ที่ Moz ชี้ให้เห็นว่าการจัดอันดับเว็บไซต์ได้รับผลกระทบหลักหากพวกเขาล้มเหลวทั้ง 3 ของเกณฑ์ Core Web Vitals (LCP, FID, CLS) แต่ความล้มเหลว 1 หรือ 2 นั้นไม่มีความสัมพันธ์กับผลกระทบที่มีนัยสำคัญ อันดับ

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

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

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

ใช้ Lazy Loading เพื่อปรับปรุง FID Web Vital

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

Wordstream นำเสนอบทความที่ดีเกี่ยวกับเวลาและวิธีการใช้การโหลดแบบ Lazy Loading แต่คุณอาจต้องการตรวจสอบกับชุมชนเฉพาะที่สร้างขึ้นจากระบบ CMS ของคุณ Hubspot มีการโหลดแบบ Lazy Loading ในฟังก์ชันบางอย่าง และมีปลั๊กอิน Wordpress จำนวนมากสำหรับการโหลดอัตโนมัติแบบ Lazy Loading

ใช้ประโยชน์จากเครือข่ายการจัดส่งเนื้อหา CDN

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

บีบอัดรูปภาพและวิดีโอเพื่อการโหลดหน้าเว็บที่เร็วขึ้น

ไฟล์สื่อขนาดใหญ่เป็นหนึ่งในสาเหตุของความคิดเห็นส่วนใหญ่ในการโหลดหน้าเว็บที่ช้า และเป็นหนึ่งในไฟล์ที่แก้ไขได้ง่ายที่สุด คุณควรจัดอันดับรูปภาพทั้งหมดบนไซต์ของคุณตามขนาด และให้ความสนใจกับ 100k หรือใหญ่กว่านั้นทันที คุณสามารถแมงมุมไซต์ของคุณด้วยเครื่องมือเช่น Screaming Frog เพื่อระบุรูปภาพขนาดใหญ่ทั้งหมดในเวลาไม่กี่นาที Wordpress และระบบ CMS สมัยใหม่มักจะมีเครื่องมือบีบอัดรูปภาพอยู่ภายใน แต่ให้ตรวจสอบตัวเอง บางครั้งคุณสามารถทำได้ดีกว่ามากด้วยเครื่องมือของบุคคลที่สามที่สร้างขึ้นโดยเฉพาะสำหรับการบีบอัดภาพ เช่น tinypng หรือ jpeg-optimizer

ลบไฟล์ JavaScript ที่ไม่ได้ใช้เพื่อปรับปรุงความเร็วในการเรนเดอร์เพจ

หน้าเว็บของคุณมี JavaScript บวมหรือไม่? หาก JavaScript กำลังบล็อกการแสดงผล จะต้องมีการเรียก ดาวน์โหลด แยกวิเคราะห์ ประเมินและดำเนินการก่อนที่หน้าเว็บจะแสดงผลได้เสร็จสิ้น คุณมีไฟล์ JavaScript ที่ไม่ได้ใช้หรือไม่? ไฟล์ JavaScript สามารถกองพะเนินเทินทึกเพื่อการกำหนดเป้าหมาย, ระบบ CMS, การตั้งค่าพิกเซลการติดตาม, แท็กโซเชียล, การโหลดฟอนต์ และอื่นๆ คุณสามารถระบุจำนวน JavaScript ที่ไม่ได้ใช้งานโดยละเอียดได้โดยใช้คุณลักษณะความครอบคลุมใน Chrome DevTools

เมื่อเรียกใช้เครื่องมือ Google Page Speed ​​เครื่องมือจะระบุ JavaScript ที่มีโค้ดที่ไม่ได้ใช้มากกว่า 20 กิโลไบต์

รวมหรือย่อ CSS และสคริปต์เพื่อปรับปรุงความเร็วของเพจ

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

เพิ่มประสิทธิภาพแคชสำหรับ Core Web Vitals

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

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

ช่วยให้เบราว์เซอร์จัดสรรพื้นที่เพื่อหลีกเลี่ยงการเปลี่ยนเค้าโครง

• ระบุแอตทริบิวต์ความสูงและความกว้างของรูปภาพเพื่อให้เบราว์เซอร์สามารถวางแผนสำหรับอสังหาริมทรัพย์ได้ แม้ว่าพวกเขาจะขี้เกียจโหลดในภายหลัง
• สำรองพื้นที่สำหรับโฆษณา, iframes และเนื้อหาแบบไดนามิก ใช้คอนเทนเนอร์เพื่อช่วยหลีกเลี่ยงการเปลี่ยนเลย์เอาต์ในเวลาเรนเดอร์
• พิจารณาเพิ่มประสิทธิภาพการแสดงแบบอักษรด้วย ลิงก์ rel="preload"   และ การแสดงแบบอักษร: ไม่จำเป็น
  
  

เรียกใช้ Analytics

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

• Google PageSpeed ​​Insights
• GTmetrix
• การตรวจสอบความเร็วเพจ Pingdom
• การทดสอบหน้าเว็บ

ต่อไปนี้คือคำแนะนำบางส่วนสำหรับการอภิปรายทางเทคนิคและรายละเอียดเพิ่มเติมเกี่ยวกับการเพิ่มประสิทธิภาพความเร็วหน้าเว็บ:

• วิธีปรับปรุงความเร็วเว็บไซต์ Wordpress
• Nitropack: วิธีวัดและปรับปรุง Core Web Vitals
• SearchEngineWatch - 28 วิธีในการเพิ่มพลังให้เว็บไซต์ของคุณ
• Toptal - การประเมิน PageSpeed ​​Insights ของ Acing ของ Google
• Smashing Magazine - คู่มือการวัด Core Web Vitals
• Web.dev - ปรับปรุงประสิทธิภาพของเว็บไซต์ด้วยความเร็วในการโหลดที่รวดเร็ว
  
  

Subs แบบชำระเงินอยู่ในแผนการในอนาคตของคุณหรือไม่?

Admiral ช่วยปรับปรุงประสิทธิภาพของผู้จัดพิมพ์อย่างไร

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

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

Point Solutions ทวีคูณหนี้ด้านเทคนิคสำหรับผู้จัดพิมพ์

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

Admiral Verified โดยการทดสอบความเร็วของบุคคลที่สามในกว่า 100 สถานการณ์ของลูกค้า

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

ผู้เชี่ยวชาญด้านความเร็วของเพจของ Anvil ได้ทดสอบแท็ก Admiral ในไซต์ของลูกค้า 15 แห่ง โมดูลโซลูชัน Admiral so ทั้งหมด เดสก์ท็อปและมือถือ มากกว่าห้าวัน การวัดก่อนและหลัง และตัวชี้วัด CWV ทั้งหมด 3 ตัว จุดข้อมูลทั้งหมดมากกว่า 300 จุด