ในโลกดิจิทัลปัจจุบัน การโฆษณาออนไลน์เป็นส่วนสำคัญของเว็บฟรีที่เราทุกคนชื่นชอบ อย่างไรก็ตาม โฆษณาที่ติดตั้งได้ไม่ดีอาจทำให้ประสบการณ์ท่องเว็บช้าลง ทำให้ผู้ใช้หงุดหงิด และทำให้การมีส่วนร่วมลดลง เรียนรู้วิธีโหลดโฆษณาอย่างมีประสิทธิภาพโดยไม่ส่งผลกระทบต่อความเร็วของหน้า เพื่อให้มั่นใจว่าผู้ใช้จะได้รับประสบการณ์ที่ราบรื่น และเพิ่มโอกาสในการสร้างรายได้สูงสุดแก่เจ้าของเว็บไซต์
เว็บไซต์อาศัยการโฆษณาออนไลน์เป็นแหล่งรายได้หลักเป็นหลัก อย่างไรก็ตาม บางครั้งการแสดงโฆษณาในเว็บไซต์อาจส่งผลเสียต่อประสบการณ์ของผู้ใช้และประสิทธิภาพโดยรวมของหน้าเว็บ จึงเป็นสิ่งสำคัญที่จะต้องสร้างความสมดุลระหว่างการสร้างรายได้และประสิทธิภาพสำหรับเจ้าของเว็บไซต์และผู้ลงโฆษณา รวมถึงประสบการณ์ของผู้ใช้
ลองพิจารณาเว็บไซต์ที่วางโฆษณาไว้ภายในเนื้อหาอย่างครอบคลุม โดยมุ่งสร้างรายได้ให้สูง อย่างไรก็ตาม โฆษณาจำนวนมากก็จะทำให้ผู้ใช้ไม่พอใจ ส่งผลให้ผู้ใช้ได้รับประสบการณ์ที่ไม่ดีและมีอัตราตีกลับสูง แม้ว่าจะมีโอกาสสร้างรายได้จำนวนมากจากโฆษณา แต่การหยุดกลางคันก็ขัดขวางความสำเร็จของเว็บไซต์อย่างมาก
ในอีกด้านหนึ่ง ให้พิจารณาเว็บไซต์ที่ไม่มีโฆษณา สภาพแวดล้อมที่ไม่มีโฆษณานี้จะดึงดูดผู้ใช้จำนวนมากเนื่องจากเวลาในการโหลดที่รวดเร็วและประสบการณ์การท่องเว็บที่ราบรื่น อย่างไรก็ตาม หากไม่มีกลยุทธ์การสร้างรายได้ เว็บไซต์ก็อาจประสบปัญหาในการสร้างรายได้ ซึ่งอาจเป็นอุปสรรคต่อความยั่งยืนและการเติบโตในระยะยาว
ทั้ง 2 สถานการณ์แสดงให้เห็นถึงความสำคัญของการสร้างสมดุลระหว่างการสร้างรายได้ ผู้ใช้ และประสิทธิภาพ
การใช้ประโยชน์จาก Core Web Vitals
การส่ง Core Web Vitals เป็นสิ่งจำเป็นเมื่อต้องโหลดโฆษณาโดยไม่ส่งผลเสียต่อความเร็วของหน้า Core Web Vitals ที่ประกอบด้วยเมตริกต่างๆ เช่น Largest Contentful Paint (LCP), Cumulative Layout Shift (CLS) และการโต้ตอบกับ Next Paint (INP) คือเมตริกประสบการณ์ของผู้ใช้ที่วัดคุณภาพของประสบการณ์ของผู้ใช้ในเว็บไซต์
Largest Contentful Paint (LCP)
การให้ความสำคัญกับการเพิ่มประสิทธิภาพ LCP เป็นสิ่งสำคัญ เนื่องจากเมตริกนี้จะวัดระยะเวลาที่ใช้เพื่อให้องค์ประกอบที่มีเนื้อหาขนาดใหญ่ที่สุดมองเห็นได้ในวิวพอร์ต ลดเวลาที่ใช้ในการโหลดเนื้อหาโฆษณาและให้ความสำคัญกับเทคนิคการโหลดแบบไม่พร้อมกัน ทำให้เจ้าของเว็บไซต์สามารถลด LCP และลดเวลาในการแสดงผลขององค์ประกอบเนื้อหาที่โดดเด่นที่สุดในหน้าเว็บได้
การโต้ตอบกับ Next Paint (INP)
ประการที่สอง การปรับปรุง INP เป็นสิ่งสำคัญต่อประสบการณ์ของผู้ใช้ที่ตอบสนองตามอุปกรณ์ INP วัดเวลาในการตอบสนองสำหรับการคลิก การแตะ และการโต้ตอบด้วยแป้นพิมพ์แต่ละครั้งที่เกิดขึ้นตลอดอายุการใช้งานของหน้าเว็บ ค่าที่ได้มักจะเป็นการโต้ตอบที่ใช้เวลาดำเนินการนานที่สุด และแสดงถึงความสามารถโดยรวมของหน้าเว็บในการตอบสนองการโต้ตอบของผู้ใช้อย่างรวดเร็ว
โฆษณาที่หน่วงเวลาการโต้ตอบของผู้ใช้จะส่งผลเสียต่อ INP ซึ่งอาจทำให้ผู้ใช้รู้สึกไม่พอใจด้วยการสร้างประสบการณ์ที่เอื่อยๆ หรืออาจเสียหายโดยสิ้นเชิงในกรณีที่รุนแรง การใช้การโหลดแบบ Lazy Loading สำหรับโฆษณาและการเลื่อนการดำเนินการ JavaScript ที่ไม่สำคัญไปจะช่วยลด INP ของหน้าเว็บ ซึ่งจะช่วยปรับปรุงการตอบสนองของหน้าเว็บโดยรวมได้
Cumulative Layout Shift (CLS)
สุดท้าย CLS จะวัดความเสถียรของภาพของหน้าเว็บโดยการวัดปริมาณการเปลี่ยนแปลงของเลย์เอาต์ที่ไม่คาดคิดซึ่งเกิดขึ้นระหว่างการโหลดหน้าเว็บ โฆษณาที่โหลดหรือปรับขนาดแบบไดนามิกอาจทำให้เลย์เอาต์ไม่เสถียร ทำให้ผู้ใช้ได้รับประสบการณ์การใช้งานที่ไม่ดี ซึ่งผู้ใช้อาจมองไม่เห็นว่าตนเองอยู่ที่ตำแหน่งใดในหน้าเว็บ หรืออาจแตะองค์ประกอบที่ไม่ถูกต้องโดยไม่ได้ตั้งใจเนื่องจากการเปลี่ยนแปลงเลย์เอาต์ที่ไม่คาดคิด เพื่อลดปัญหานี้ เจ้าของเว็บไซต์ควรเพิ่มประสิทธิภาพ CLS เพื่อให้โฆษณามีการจองพื้นที่ไว้เพื่อป้องกันการเปลี่ยนแปลงของเลย์เอาต์ และควรเพิ่มประสิทธิภาพขนาดโฆษณาเพื่อหลีกเลี่ยงการปรับเปลี่ยนเนื้อหาอย่างฉับพลัน
จัดโครงสร้างหน้าเว็บออกเป็นบล็อกเนื้อหาที่โดดเด่น
การจัดโครงสร้างหน้าเว็บด้วยบล็อกเนื้อหาสำหรับทั้งข้อความ รูปภาพ และเนื้อหาโฆษณา ควบคู่ไปกับการใช้พร็อพเพอร์ตี้ content-visibility:
ของ CSS จะช่วยปรับปรุงเวลาในการแสดงผลโดยรวมในเบราว์เซอร์ที่ทันสมัยได้อย่างมาก
การใช้พร็อพเพอร์ตี้ content-visibility:
อย่างมีกลยุทธ์ภายในบล็อกเนื้อหาเหล่านี้จะช่วยเพิ่มประสิทธิภาพให้กระบวนการแสดงผลสำหรับข้อความ รูปภาพ และเนื้อหาโฆษณา วิธีนี้ช่วยให้มั่นใจว่าเฉพาะเนื้อหาที่มีอยู่ในวิวพอร์ตเท่านั้นจึงจะแสดงผลได้อย่างสมบูรณ์ ซึ่งส่งผลให้การโหลดหน้าเว็บเริ่มต้นรวดเร็วขึ้นและการโต้ตอบของผู้ใช้ที่ราบรื่นยิ่งขึ้น การเพิ่มประสิทธิภาพนี้จะมีประโยชน์เป็นพิเศษเมื่อต้องจัดการกับหน้าเว็บที่ยาวเกินไปหรือหน้าเว็บที่มีโฆษณาจำนวนมาก
จัดลำดับความสำคัญช่องโฆษณาที่สำคัญ
ช่องโฆษณาบางช่องไม่เท่ากัน ตัวอย่างเช่น ช่องโฆษณาครึ่งหน้าบนมักจะมีมูลค่ามากกว่าช่องโฆษณาในครึ่งหน้าล่างในแง่ของความสามารถในการแสดงตัวโฆษณาและการสร้างรายได้ เนื่องจากโฆษณาครึ่งหน้าบนมีโอกาสมากกว่าที่ผู้ใช้จะเห็น เนื่องจากโฆษณาเหล่านี้สามารถมองเห็นได้โดยไม่ต้องเลื่อนในวิวพอร์ตแรก โฆษณาครึ่งหน้าล่างจะปรากฏให้เห็นหลังจากที่ผู้ใช้เลื่อนหน้าเว็บลงไกลพอที่จะเห็น
โฆษณาครึ่งหน้าบน
![การนำเสนอแนวคิดโฆษณา "ครึ่งหน้าบน"](https://web.dev/static/articles/loading-ads-page-speed/image/fig-3.png?authuser=6&hl=th)
ช่องโฆษณาครึ่งหน้าบนหมายถึงส่วนของหน้าเว็บที่สามารถมองเห็นได้โดยไม่ต้องเลื่อนดู และยังคงมีคุณค่าสำคัญในการโฆษณาดิจิทัล ตำแหน่งหลักเหล่านี้ถือว่ามีคุณค่าด้วยเหตุผลหลายประการ:
- โฆษณาที่วางอยู่ในครึ่งหน้าบนจะแสดงต่อผู้ใช้ทันทีที่โหลดหน้าเว็บ ผู้ใช้มีแนวโน้มที่จะสังเกตเห็นและมีส่วนร่วมกับโฆษณาเหล่านี้มากขึ้น ซึ่งส่งผลให้อัตราการคลิกผ่านสูงขึ้น
- ผู้ลงโฆษณามักมองว่าส่วนบนสุดของหน้าเว็บเป็นอสังหาริมทรัพย์ที่มีมูลค่ามากที่สุด การเข้าชมถือเป็นความประทับใจแรกที่ผู้ใช้จะเห็นเมื่อเข้าชมเว็บไซต์ จึงกลายเป็นส่วนสำคัญในการแสดงโฆษณาระดับพรีเมียมที่ให้ผลลัพธ์สูง
- โฆษณาครึ่งหน้าบนมีอัตราการมองเห็นโฆษณาสูงสุดเนื่องจากอยู่ในแนวสายตาของผู้ใช้ ซึ่งจะช่วยให้ผู้ใช้ส่วนใหญ่ที่เข้าชมหน้าเว็บจะเห็นโฆษณาเหล่านี้โดยไม่ต้องเลื่อนลง
อย่างไรก็ตาม สิ่งสำคัญในการสร้างความสมดุลระหว่างการสร้างรายได้และประสบการณ์ของผู้ใช้เมื่อใช้ช่องโฆษณาครึ่งหน้าบนในมุมมองเริ่มต้น ข้อควรพิจารณาที่สำคัญมีดังนี้
- ช่องโฆษณาหน้าจอแรกควรโหลดโดยเร็วที่สุดในวิวพอร์ตเริ่มต้นของผู้ใช้ โฆษณาที่โหลดช้าอาจส่งผลเสียต่อประสบการณ์ของผู้ใช้และเพิ่มอัตราตีกลับ การเพิ่มประสิทธิภาพเวลาที่ใช้ในการโหลดโฆษณามีความสำคัญอย่างยิ่งต่อการคงประสบการณ์การท่องเว็บที่ราบรื่นให้กับผู้ใช้
- แม้ว่าตำแหน่งโฆษณาครึ่งหน้าบนจะมีประโยชน์ แต่คุณก็ควรจะต้องไม่ทำให้พื้นที่โฆษณาจำนวนมากนี้มีโฆษณามากเกินไป โฆษณามากเกินไปจะทำให้หน้าเว็บดูไม่เป็นระเบียบ ทำให้เนื้อหาอ่านง่าย และรบกวนประสบการณ์ของผู้ใช้ พยายามสร้างความสมดุลระหว่างการสร้างรายได้และการดูแลรักษาเลย์เอาต์ที่ดูสะอาดตาและใช้งานง่าย
- ตรวจสอบว่าช่องโฆษณาครึ่งหน้าบนใช้ได้กับหน้าจอและอุปกรณ์ที่มีขนาดแตกต่างกัน แนวทางปฏิบัติในการออกแบบที่ปรับเปลี่ยนตามอุปกรณ์จะช่วยให้เลย์เอาต์สอดคล้องกันและดึงดูดสายตาไม่ว่าผู้ใช้จะมีหน้าจอขนาดใด
โฆษณาที่อยู่ครึ่งหน้าล่าง
![ภาพการนำเสนอแนวคิดโฆษณา "ครึ่งหน้าล่าง"](https://web.dev/static/articles/loading-ads-page-speed/image/fig-4.png?authuser=6&hl=th)
ส่วนครึ่งหน้าล่างช่องโฆษณา (เช่น โฆษณาที่วางอยู่ภายในส่วนของหน้าเว็บที่จะมองเห็นได้หลังจากเลื่อนลง) ก็ช่วยได้มากในโลกแห่งการโฆษณาดิจิทัล ตำแหน่งเหล่านี้มีข้อได้เปรียบที่เป็นเอกลักษณ์ซึ่งช่วยส่งเสริมตำแหน่งครึ่งหน้าบนได้
โฆษณาที่อยู่ครึ่งหน้าล่างจะได้รับประโยชน์จากผู้ใช้ที่เลื่อนลงเพื่อดูเนื้อหาเพิ่มเติม ตำแหน่งโฆษณาเหล่านี้จะดึงดูดความสนใจของผู้ใช้ที่มีส่วนร่วมซึ่งตั้งใจค้นหาข้อมูลเพิ่มเติม ทำให้มีคุณค่าต่อแบรนด์ที่ต้องการถ่ายทอดข้อความหรือการเล่าเรื่องที่ซับซ้อนมากขึ้น
- ช่องโฆษณาที่มองไม่เห็นในตอนแรกสามารถปรับให้ตรงกับเนื้อหาถัดจากช่องเหล่านั้นได้ ซึ่งช่วยให้เกิดความเกี่ยวข้องตามบริบท ความสอดคล้องกันนี้อาจนำไปสู่การมีส่วนร่วมของผู้ใช้ที่สูงขึ้นเนื่องจากผู้ใช้ค้นพบโฆษณาที่เกี่ยวข้องกับเนื้อหาที่ผู้ใช้กําลังสํารวจ
- เมื่อออกแบบมาอย่างรอบคอบ โฆษณาที่อยู่ครึ่งหน้าล่างจะผสานรวมเข้ากับเนื้อหาโดยรอบได้อย่างราบรื่น ซึ่งทำให้รบกวนผู้ใช้น้อยลง การผสานรวมนี้หรือที่เรียกว่าโฆษณาเนทีฟ จะช่วยให้ผู้ใช้ได้รับประสบการณ์การใช้งานที่สอดคล้องกันมากขึ้น
- การเลื่อนตำแหน่งโฆษณาที่ต้องการจะให้การออกแบบที่สร้างสรรค์และความยืดหยุ่นของรูปแบบมากขึ้น โดยใช้พื้นที่และอิสระในการทดสอบที่เพียงพอ โฆษณาวิดีโอ องค์ประกอบแบบอินเทอร์แอกทีฟ และรูปภาพขนาดใหญ่สามารถโหลดแบบ Lazy Loading เพื่อดึงดูดความสนใจของผู้ใช้ได้โดยไม่รบกวนประสบการณ์การใช้งาน
อย่างไรก็ตาม คุณควรคำนึงถึงสิ่งต่อไปนี้สำหรับตำแหน่งโฆษณาครึ่งหน้าล่าง
- แม้ว่าตำแหน่งโฆษณาที่อยู่ครึ่งหน้าล่างจะมีประสิทธิภาพ แต่ก็จำเป็นต้องทำให้ผู้ใช้เลื่อนลงมาด้านล่าง การใช้ภาพสัญลักษณ์หรือทีเซอร์เนื้อหาจะช่วยกระตุ้นให้ผู้ใช้สำรวจเพิ่มเติม ซึ่งจะช่วยเพิ่มโอกาสในการแสดงโฆษณา
- ตำแหน่งของโฆษณาในครึ่งหน้าล่างไม่ควรส่งผลกระทบต่อคุณภาพของเนื้อหาหรือความอ่านง่าย การรักษาความสมดุลระหว่างโฆษณาและเนื้อหาเพื่อหลีกเลี่ยงการแสดงโฆษณามากเกินไปและเพื่อให้ผู้ใช้ได้รับประสบการณ์การใช้งานที่ดี
- โฆษณาที่อยู่ครึ่งหน้าล่างอาจไม่จำเป็นต้องโหลดโดยทันที ซึ่งต่างจากตำแหน่งโฆษณาครึ่งหน้าบน การชะลอการโหลดโฆษณาเหล่านี้ไว้จนกว่าจะเข้าใกล้วิวพอร์ตของผู้ใช้จะช่วยปรับปรุงความเร็วในการโหลดหน้าเว็บโดยรวมและลดเวลาในการแสดงหน้าเว็บเริ่มต้นได้
เมื่อใช้อย่างมีกลยุทธ์ โฆษณาที่อยู่ครึ่งหน้าล่างจะช่วยเสริมโฆษณาครึ่งหน้าบน และเป็นแพลตฟอร์มสำหรับรูปแบบโฆษณาที่สร้างสรรค์และความเกี่ยวข้องตามบริบท อย่างไรก็ตาม การเพิ่มประสิทธิภาพการแสดงผล การสร้างสมดุลให้กับเนื้อหา และการจัดการเวลาที่ใช้ในการโหลดโฆษณาเป็นข้อควรพิจารณาที่สำคัญเพื่อให้ผู้ใช้ได้รับประสบการณ์การใช้งานที่ดี
แนวทางปฏิบัติแนะนำสำหรับแท็กผู้เผยแพร่โฆษณาผ่าน Google (GPT) ในปัจจุบัน
- แนวทางปฏิบัติแนะนำทั่วไป
- แนวทางปฏิบัติแนะนำสำหรับโฆษณา
- ลดการเปลี่ยนเลย์เอาต์
- ตรวจสอบประสิทธิภาพ
- การหลีกเลี่ยงความผิดพลาดที่พบบ่อยในการติดตั้งใช้งาน
โฆษณาแบบ Lazy Loading ตามความเหมาะสม
![การแสดงภาพการโหลดแบบ Lazy Loading เทียบกับทรัพยากรการโหลดแบบ Lazy Loading เมื่อมีการโหลดแบบ Lazy Loading ทรัพยากรจะถูกสงวนไว้ระหว่างการโหลดหน้าเว็บ และจะเลื่อนทรัพยากรไปยังจุดที่ผู้ใช้มีโอกาสเห็นมากที่สุด](https://web.dev/static/articles/loading-ads-page-speed/image/fig-5.png?authuser=6&hl=th)
การโหลดแบบ Lazy Loading คือเทคนิคที่เลื่อนการโหลดทรัพยากรที่ไม่สำคัญจนกว่าจะจำเป็น การใช้การโหลดแบบ Lazy Loading สำหรับโฆษณาที่ไม่ได้แสดงทันที (กล่าวคือ โฆษณาครึ่งหน้าล่าง) จะช่วยให้มั่นใจได้ว่าโฆษณาเหล่านี้จะโหลดเฉพาะเมื่อเข้ามาอยู่ในมุมมอง ประหยัดแบนด์วิดท์ และปรับปรุงความเร็วหน้าเว็บโดยรวม ตอนนี้เบราว์เซอร์มีการโหลดแบบ Lazy Loading เนทีฟสำหรับ iframe ที่มีแอตทริบิวต์ loading=lazy
แบบง่ายแล้ว
เมื่อใช้การโหลดแบบ Lazy Loading ระบบจะดึงข้อมูลโฆษณาแบบไดนามิกเมื่อกำลังจะเข้าสู่วิวพอร์ตของผู้ใช้ โดยลดเวลาที่ใช้ในการโหลดในช่วงแรกและเวลาที่ใช้ในการบล็อกทั้งหมด (TBT) (ซึ่งมีความสัมพันธ์อย่างมากกับ INP) ในเทรดหลักนั้นในส่วนสำคัญของวงจรหน้าเว็บ ซึ่งจะช่วยลดผลกระทบทางลบต่อประสบการณ์ของผู้ใช้
รีเฟรชโฆษณาโดยไม่ต้องรีเฟรชหน้าเว็บ
![การแสดงภาพโฆษณาที่รีเฟรชในหน้าโดยไม่ได้รีเฟรชหน้าระดับบนสุด](https://web.dev/static/articles/loading-ads-page-speed/image/fig-6.gif?authuser=6&hl=th)
เทคนิคเพิ่มเติมที่ช่วยสร้างความสมดุลระหว่างประสิทธิภาพของหน้าเว็บกับการโหลดโฆษณาคือความสามารถในการรีเฟรชโฆษณาทุกๆ 30-240 วินาที1โดยไม่ต้องโหลดหน้าทั้งหน้าซ้ำ วิธีนี้ช่วยให้อัปเดตเนื้อหาโฆษณาแบบไดนามิกได้โดยไม่รบกวนประสบการณ์การท่องเว็บของผู้ใช้หรือก่อให้เกิดความล่าช้าโดยไม่จำเป็น
ในแอปบนอุปกรณ์เคลื่อนที่ การรีเฟรชโฆษณาในการแสดงผลเว็บที่มีอยู่จะให้ประสิทธิภาพที่ดีกว่าเมื่อเทียบกับการโหลดหน้าเว็บใหม่ทั้งหน้าหรือการสร้าง WebView ใหม่ เนื่องจากจะช่วยลดค่าใช้จ่ายของข้อมูลและทรัพยากร ทำให้การอัปเดตเนื้อหารวดเร็วขึ้นและทำให้ผู้ใช้ได้รับประสบการณ์ที่ราบรื่นยิ่งขึ้น โดยไม่ต้องเสียเวลารอตั้งแต่ต้น
การรีเฟรชโฆษณาแบบไม่พร้อมกันช่วยให้เจ้าของเว็บไซต์สามารถรักษาเนื้อหาของหน้าเว็บไว้ ในขณะเดียวกันก็สามารถอัปเดตเนื้อหาโฆษณาให้ถูกตำแหน่งและแบบเรียลไทม์ได้อย่างราบรื่น วิธีนี้ไม่เพียงเพิ่มความเร็วของหน้าโดยขจัดความจำเป็นในการโหลดหน้าเว็บทั้งหน้าซ้ำเท่านั้น แต่ยังทำให้มั่นใจได้ว่าโฆษณาที่แสดงจะยังคงมีความเกี่ยวข้องและน่าสนใจต่อไป เทคนิคนี้ช่วยให้เจ้าของเว็บไซต์หาจุดสมดุลระหว่างการสร้างรายได้และประสิทธิภาพ โดยการแสดงเนื้อหาโฆษณาที่น่าสนใจและทันท่วงทีในขณะที่ลดผลกระทบเชิงลบต่อประสบการณ์ของผู้ใช้ให้เหลือน้อยที่สุด
การรีเฟรชช่องโฆษณามีประโยชน์อย่างยิ่งในหน้าเว็บที่ผู้ใช้มีแนวโน้มที่จะอยู่นานขึ้น เช่น หน้าสูตรอาหาร บทแนะนำ DIY หรือเว็บไซต์อื่นๆ ที่มีเนื้อหาจำนวนมาก เช่น ในหน้างานฝีมือ DIY ที่ผู้ใช้อาจใช้เวลานานในการทำตามบทแนะนำ การรีเฟรชช่องโฆษณาอย่างมีกลยุทธ์ระหว่างขั้นตอน หรือในขณะดูแกลเลอรีรูปภาพ ก็ช่วยยกระดับประสบการณ์ของผู้ใช้และรายได้จากโฆษณาได้ เช่นเดียวกับในหน้าสูตรอาหาร การรีเฟรชช่องโฆษณาหลังจากที่ผู้ใช้เลื่อนดูรายการส่วนผสมหรือวิธีการคงความสนใจของผู้ใช้ไว้
จัดลำดับความสำคัญในการโหลดแบบไม่พร้อมกัน
หนึ่งในกลยุทธ์ที่มีประสิทธิภาพสูงสุดในการปรับปรุงความเร็วหน้าเว็บขณะแสดงโฆษณาคือการโหลดแบบไม่พร้อมกัน การโหลดแบบอะซิงโครนัสจะโหลดโฆษณาอย่างอิสระจากเนื้อหาของหน้าเว็บหลัก ทำให้หน้าเว็บสามารถแสดงผลต่อไปได้และกลายเป็นการโต้ตอบโดยไม่ต้องรอให้โฆษณาโหลดจนเสร็จสมบูรณ์ วิธีนี้ช่วยลดเวลาในการโหลดที่รับรู้ได้อย่างมาก ซึ่งจะช่วยเพิ่มความพึงพอใจของผู้ใช้ได้
รวมแอตทริบิวต์ async
ไว้ในคำจำกัดความแท็กสคริปต์ เช่น
AdSense
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
AdSense (โฆษณาอัตโนมัติ)
<script async data-ad-client="ca-pub-xxxxxxxxxxxxxxxx" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
แท็กผู้เผยแพร่โฆษณาผ่าน Google
<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
เพิ่มประสิทธิภาพขนาด ตำแหน่ง และรูปแบบของโฆษณา
![ภาพอุปกรณ์ในวิวพอร์ตขนาดต่างๆ กัน โดยมีการจัดวางตำแหน่งโฆษณาเป็นช่องสีเขียว ซึ่งจะมีข้อความว่า "โฆษณา" แต่ละรายการ](https://web.dev/static/articles/loading-ads-page-speed/image/fig-7.png?authuser=6&hl=th)
ขนาด ตำแหน่ง และรูปแบบของโฆษณามีผลกระทบอย่างมากต่อความเร็วหน้าเว็บ โฆษณาขนาดใหญ่อาจทำให้การโหลดหน้าเว็บช้าลง ซึ่งทำให้ผู้ใช้หงุดหงิด เพื่อลดปัญหานี้ เจ้าของเว็บไซต์ควรทำงานร่วมกับผู้ลงโฆษณาอย่างใกล้ชิดเพื่อเพิ่มประสิทธิภาพขนาดและรูปแบบโฆษณา การส่งเสริมให้ใช้รูปแบบรูปภาพที่บีบอัดและการออกแบบครีเอทีฟโฆษณาที่มีประสิทธิภาพจะช่วยลดขนาดไฟล์โดยไม่ทำให้คุณภาพของภาพลดลง การเพิ่มประสิทธิภาพเหล่านี้ไม่เพียงเพิ่มความเร็วหน้าเว็บ แต่ยังลดการใช้ข้อมูลสำหรับผู้ใช้ที่มีแบนด์วิดท์จำกัดด้วย
มาตรฐานโฆษณาที่ดีกว่า
การแสดงโฆษณาเป็นสิ่งสำคัญที่ต้องปฏิบัติตามมาตรฐานโฆษณาที่ดีกว่า เนื่องจากการทำเช่นนี้ไม่เพียงช่วยปรับปรุงประสบการณ์ของผู้ใช้โดยการลดรูปแบบโฆษณาที่รบกวนและรบกวนผู้ใช้ แต่ยังส่งผลดีต่อตำแหน่งในการแสดงโฆษณาและเวลาในการโหลดหน้าเว็บด้วย
เมื่อเป็นไปตามมาตรฐานเหล่านี้ โฆษณาจะมีโอกาสมากขึ้นที่วางในตำแหน่งที่ไม่บดบังและรบกวนน้อยลง ซึ่งอาจส่งผลให้ผู้ใช้มีส่วนร่วมและอัตราการคลิกผ่านสูงขึ้น
นอกจากนี้ การปฏิบัติตามหลักเกณฑ์เหล่านี้ยังนำไปสู่การโหลดหน้าเว็บที่เร็วขึ้น เนื่องจากเราชื่นชอบรูปแบบโฆษณาที่ใช้ทรัพยากรน้อยลงและใช้พลังงานน้อยกว่า ซึ่งจะช่วยปรับปรุงประสิทธิภาพโดยรวมของเว็บไซต์ และความพึงพอใจของผู้ใช้
การประเมินเชิงกลยุทธ์ของเครือข่ายและผู้ให้บริการโฆษณา
ประสิทธิภาพสำหรับเครือข่ายและผู้ให้บริการโฆษณาแต่ละรายไม่เท่ากัน เจ้าของเว็บไซต์ควรประเมินประสิทธิภาพของเครือข่ายโฆษณาต่างๆ การใช้งานการเสนอราคาส่วนหัว และผู้ให้บริการต่างๆ อย่างรอบคอบเพื่อให้หน้าเว็บโหลดได้เร็วขึ้น
การสร้างพาร์ทเนอร์ทางธุรกิจกับผู้ให้บริการที่ให้ความสำคัญกับความเร็วและมีประวัติในการแสดงเนื้อหาโฆษณาขนาดเล็กอย่างมีประสิทธิภาพสามารถเพิ่มประสิทธิภาพของหน้าเว็บและปรับปรุงประสบการณ์ของผู้ใช้ได้อย่างมาก
บทสรุป
การสร้างความสมดุลระหว่างการสร้างรายได้และประสิทธิภาพเป็นสิ่งสำคัญสำหรับเจ้าของเว็บไซต์ที่ต้องการมอบประสบการณ์ของผู้ใช้ที่ยอดเยี่ยมไปพร้อมกับเพิ่มรายได้ให้มากที่สุดผ่านการโฆษณาออนไลน์
การใช้เทคนิคต่างๆ เช่น การโหลดแบบไม่พร้อมกัน การโหลดแบบ Lazy Loading, การเพิ่มประสิทธิภาพรูปแบบโฆษณาและขนาดโฆษณา การใช้การแคชที่ชาญฉลาด และการประเมินเครือข่ายโฆษณา ตลอดจนการเสนอราคาและผู้ให้บริการส่วนหัวอย่างรอบคอบ ช่วยให้เจ้าของเว็บไซต์ประสบความสำเร็จในการโหลดโฆษณาได้โดยไม่กระทบต่อประสิทธิภาพของหน้าเว็บ ท้ายที่สุดแล้ว การให้ความสำคัญกับการแสดงโฆษณาที่มีประสิทธิภาพจะช่วยให้มั่นใจได้ว่าผู้ใช้มีกลยุทธ์ การมีส่วนร่วมที่เพิ่มขึ้น และการสร้างรายได้ที่ยั่งยืน
เชิงอรรถ
- เซิร์ฟเวอร์โฆษณาอาจมีข้อจำกัดและข้อกำหนดที่มีผลบังคับใช้ ตัวอย่างเช่น Ad Manager กำหนดให้ผู้เผยแพร่โฆษณาประกาศพื้นที่โฆษณาของตนที่มีการรีเฟรชใน UI ผู้ซื้อบางรายกำหนดให้ต้องประกาศการรีเฟรชที่นานกว่าหรือเท่ากับ 240 วินาที โดยทั่วไป ยิ่งช่วงเวลาระหว่างการรีเฟรชนาน พื้นที่โฆษณาของคุณจะเป็นที่ต้องการของผู้ซื้อมาก อ่านเพิ่มเติม