เหตุใด Page Speed จึงสำคัญ วิธีทดสอบและปรับปรุงของคุณ
ไซต์ส่วนใหญ่สูญเสียผู้เข้าชมประมาณครึ่งหนึ่งเนื่องจากความเร็วของหน้าเว็บช้า ในความเป็นจริงหน้าเว็บเดสก์ท็อปโดยเฉลี่ย อัตราตีกลับ 42%อัตราตีกลับของหน้าเว็บบนอุปกรณ์เคลื่อนที่โดยเฉลี่ยคือ 58% และอัตราตีกลับของหน้า Landing Page หลังการคลิกโดยเฉลี่ยอยู่ระหว่าง 60 ถึง 90% ไม่ใช่การประจบประแจงตัวเลขโดยเฉพาะอย่างยิ่งเมื่อพิจารณาจากการใช้งานมือถือยังคงเติบโตและนับวันจะดึงดูดและให้ความสนใจของผู้บริโภคได้ยากขึ้น
ตามที่ Google กล่าวว่าเวลาในการโหลดหน้าเว็บโดยเฉลี่ยสำหรับไฟล์ หน้า Landing Page ยอดนิยมยังคงเป็น อืด 12.8 วินาที. ซึ่งรวมถึงสถานที่ที่มีการเข้าถึงอินเทอร์เน็ตบนมือถือและความเร็ว 4G เป็นพื้นที่ที่สูงที่สุดในโลก
ความเร็วหน้าเฉลี่ยนั้นยาวเกินไปเนื่องจากผู้ใช้ 53% ละทิ้งหน้าหลังจากนั้นเพียง 3 วินาทีและจะแย่ลงจากตรงนั้น:
ความเร็วในการโหลดหน้าเว็บที่ดีคืออะไร? ใกล้ทันที.
โชคดีที่มีทางออก ก่อนที่เราจะไปถึงจุดนั้นเรามาดูข้อมูลเพิ่มเติมเกี่ยวกับความสำคัญของความเร็วหน้า
ทำไม Page Speed จึงมีความสำคัญ
eMarketer แสดงให้เห็นว่าในปี 2019 เม็ดเงินโฆษณาดิจิทัลทั่วโลกจะเกิน 316 ดอลลาร์ billion และดูเหมือนจะเพิ่มขึ้นสำหรับอนาคตอันใกล้เท่านั้น:
เห็นได้ชัดว่าแบรนด์ต่างๆใช้จ่ายเงินจำนวนมหาศาลไปกับโฆษณาและคาดหวังว่าจะได้รับประโยชน์สูงสุดจากงบประมาณ แต่เมื่อมีคนคลิกโฆษณา - และ หน้า Landing Page หลังการคลิก ไม่สามารถโหลดได้ทันที - พวกเขามักจะคลิกย้อนกลับภายในไม่กี่วินาทีดังนั้นงบประมาณของผู้โฆษณาจึงสูญเปล่า
ผลกระทบด้านต้นทุนของความเร็วของเพจนั้นมหาศาลมากและคุณควรให้ความเร็วเพจเป็นสิ่งสำคัญอย่างยิ่งในอนาคต ต่อไปนี้เป็นเมตริกและประเด็นที่ควรพิจารณาเมื่อคุณประเมินแคมเปญโฆษณาดิจิทัลของคุณเอง:
คะแนนคุณภาพ
ไม่เพียง แต่การโหลดหน้าเว็บที่ช้าทำให้ผู้ใช้ไม่พอใจ แต่ยังทำให้คะแนนคุณภาพได้รับผลกระทบอีกด้วย เนื่องจากคะแนนคุณภาพเกี่ยวข้องโดยตรงกับไฟล์ อันดับโฆษณาและท้ายที่สุดแล้วสิ่งที่คุณจ่ายได้สำหรับแต่ละคลิกหน้าเว็บที่โหลดช้าจะลดคะแนนลงโดยธรรมชาติ
อัตราการแปลง
หากมีคนน้อยลงรอให้เพจของคุณโหลดก็จะมีโอกาสทำ Conversion น้อยลง พวกเขากำลังละทิ้งเพจของคุณก่อนที่จะเห็นข้อเสนอสิทธิประโยชน์คำกระตุ้นการตัดสินใจ ฯลฯ
ในการค้าปลีกเช่นแม้แต่ก ล่าช้าหนึ่งวินาที ในเวลาโหลดอุปกรณ์เคลื่อนที่อาจส่งผลต่ออัตรา Conversion ได้ถึง 20%
ประสบการณ์มือถือ
ผ่านครึ่งทางของปี 2016 การใช้งานเว็บบนอุปกรณ์เคลื่อนที่ ปริมาณการใช้งานเดสก์ท็อปส่งผ่าน:
กับผู้บริโภคที่จับจ่าย มีเวลามากขึ้นบนมือถือนักการตลาดและนักโฆษณาถูกบังคับให้ปรับตัว (และยัง) วิธีเดียวในการส่งมอบ แคมเปญที่เหมาะสำหรับมือถือ คือการสร้างเพจที่โหลดเร็ว
ซึ่งนำเราไปสู่โซลูชันความเร็วหน้าเว็บอันดับ 1 ที่แก้ไขปัญหาเหล่านี้แต่ละข้อ
หน้า Landing Page ของ AMP เพิ่มความเร็วของหน้า
AMP, ไฟล์ กรอบโอเพนซอร์ส เปิดตัวในปี 2016 เป็นวิธีสำหรับผู้ลงโฆษณาในการสร้างหน้าเว็บบนอุปกรณ์เคลื่อนที่ที่โหลดเร็วและราบรื่นซึ่งให้ความสำคัญกับประสบการณ์ของผู้ใช้เหนือสิ่งอื่นใด
หน้า AMP เป็นที่น่าสนใจสำหรับผู้ลงโฆษณาเนื่องจากแสดงเวลาในการโหลดเกือบจะทันทีในขณะเดียวกันก็ยังรองรับรูปแบบและการปรับแต่งแบรนด์ ช่วยให้แสดงผลหน้า Landing Page หลังการคลิกได้เร็วขึ้นเนื่องจาก จำกัด HTML / CSS และ JavaScript นอกจากนี้ไม่เหมือนกับหน้าบนอุปกรณ์เคลื่อนที่ทั่วไปหน้า AMP จะถูกแคชโดยอัตโนมัติโดย Google AMP Cache เพื่อให้โหลดได้เร็วขึ้นในการค้นหาของ Google
ในฐานะผู้นำด้านการเพิ่มประสิทธิภาพหลังการคลิก Instapage นำเสนอความสามารถในการสร้างหน้า Landing Page หลังการคลิกโดยใช้กรอบ AMP:
กับ เครื่องมือสร้าง Instapage AMPนักการตลาดและนักโฆษณาสามารถ:
- สร้างหน้า Landing Page หลังการคลิก AMP โดยตรงจากแพลตฟอร์ม Instapage โดยไม่ต้องมีนักพัฒนา
- ตรวจสอบความถูกต้องทดสอบ A / B และเผยแพร่หน้า AMP ไปยัง WordPress หรือโดเมนที่กำหนดเอง
- มอบประสบการณ์การใช้งานอุปกรณ์เคลื่อนที่ที่ดีขึ้นเพิ่มคะแนนคุณภาพและเพิ่มจำนวน Conversion
Eargo บริษัท เครื่องช่วยฟังที่ปฏิวัติวงการได้เห็นผลลัพธ์ที่น่าทึ่งตั้งแต่นำ AMP มาใช้ในประสบการณ์หลังการคลิก:
หน้า Landing Page ของ AMP พร้อม Instapage
นอกเหนือจากการสร้างหน้า AMP ด้วย Instapage แล้วยังมีวิธีอื่น ๆ อีกมากมายที่คุณสามารถปรับปรุงความเร็วของหน้าได้ นี่คือสามรายการที่จะช่วยคุณเริ่มต้น
3 วิธีอื่น ๆ ในการปรับปรุงความเร็วของเพจ
1. ใช้ประโยชน์จากเครื่องมือความเร็วหน้า
ข้อมูลเชิงลึก PageSpeed คือการทดสอบความเร็วของ Google ที่ให้คะแนนเพจของคุณตั้งแต่ 0 ถึง 100 คะแนน:
การให้คะแนนขึ้นอยู่กับสองพารามิเตอร์:
- เวลาในการโหลดครึ่งหน้าบน (เวลารวมสำหรับหน้าในการแสดงเนื้อหาในครึ่งหน้าบนหลังจากที่ผู้ใช้ร้องขอหน้าใหม่)
- เวลาในการโหลดแบบเต็มหน้า (เวลาที่เบราว์เซอร์ใช้ในการแสดงผลเพจอย่างสมบูรณ์หลังจากผู้ใช้ร้องขอ)
ยิ่งคะแนนของคุณสูงเท่าไหร่หน้าของคุณก็จะได้รับการเพิ่มประสิทธิภาพมากขึ้นเท่านั้น ตามหลักทั่วไปสิ่งที่สูงกว่า 85 แสดงว่าเพจของคุณทำงานได้ดี ต่ำกว่า 85 และคุณควรดูคำแนะนำจาก Google เพื่อเพิ่มคะแนนของคุณ
PageSpeed Insights ให้รายงานสำหรับหน้าเว็บของคุณทั้งเวอร์ชันเดสก์ท็อปและอุปกรณ์เคลื่อนที่และยังมีคำแนะนำสำหรับการปรับปรุง
Think with Google: ทดสอบไซต์ของฉันซึ่งเปิดตัวโดยทีม PageSpeed Insights ทดสอบความเร็วของหน้าเว็บบนอุปกรณ์เคลื่อนที่เท่านั้นซึ่งต่างจากทั้งมือถือและเดสก์ท็อป เป็นอีกตัวบ่งชี้ว่าหน้าเว็บของคุณโหลดเร็ว (หรือช้า) เพียงใด:
เครื่องมือนี้จะแสดงเวลาในการโหลดของคุณให้คำแนะนำที่กำหนดเองเพื่อเพิ่มความเร็วในแต่ละหน้าบนไซต์ของคุณจากนั้นเสนอตัวเลือกในการสร้างรายงานฉบับเต็ม
2. ภาพที่ปรับให้เหมาะสมเต็มที่ (การบีบอัด)
การปรับภาพให้เหมาะสมด้วยการบีบอัดการปรับขนาดการจัดรูปแบบใหม่ ฯลฯ สามารถช่วยประหยัดไบต์เร่งเวลาในการโหลดหน้าเว็บและปรับปรุงประสิทธิภาพของไซต์บนอุปกรณ์เคลื่อนที่ ในหมู่ คำแนะนำยอดนิยมอื่น ๆGoogle กล่าวว่าจะลบรูปภาพและ GIF ความละเอียดสูงที่ไม่จำเป็นออกและแทนที่รูปภาพด้วยข้อความหรือ CSS ทุกครั้งที่ทำได้
นอกจากนี้การแสดงภาพที่บีบอัดและปรับขนาดยังง่ายกว่าที่เคยเนื่องจากการตั้งค่าเหล่านี้สามารถทำได้โดยอัตโนมัติ ตัวอย่างเช่นคุณสามารถปรับขนาดและบีบอัดรูปภาพได้หลายร้อยภาพโดยอัตโนมัติด้วยสคริปต์ซึ่งจะลดการทำงานด้วยตนเอง (เมื่อสร้างหน้า AMP แท็กรูปภาพที่กำหนดเองจะทำการเพิ่มประสิทธิภาพเดียวกันนี้โดยอัตโนมัติ)
การเลือกรูปแบบภาพที่เหมาะสมอาจเป็นเรื่องยากเนื่องจากมีตัวเลือกมากมายให้เลือก ทุกอย่างขึ้นอยู่กับกรณีการใช้งาน แต่นี่คือบางส่วนที่พบบ่อยที่สุด:
- เว็บพี: ภาพที่ถ่ายและโปร่งแสง
- JPEG: ภาพถ่ายที่ไม่มีความโปร่งใส
- PNG: พื้นหลังโปร่งใส
- เอสวีจี: ไอคอนและรูปร่างที่ปรับขนาดได้
Google แนะนำให้เริ่มต้นด้วย WebP เนื่องจากอนุญาตให้บีบอัดได้มากกว่า JPEG 30% โดยที่คุณภาพของภาพไม่สูญเสียไป
3. จัดลำดับความสำคัญของเนื้อหาครึ่งหน้าบน
การปรับปรุงการรับรู้ความเร็วไซต์ของผู้ใช้นั้นสำคัญพอ ๆ กับการปรับปรุงความเร็วไซต์เอง นั่นเป็นเหตุผลว่าทำไมเมื่อรูปภาพของคุณได้รับการปรับให้เหมาะสมแล้วคุณจะต้องแน่ใจว่าได้ส่งมอบในช่วงเวลาที่เหมาะสม
พิจารณาสิ่งนี้: บนอุปกรณ์เคลื่อนที่ส่วนที่มองเห็นได้ของไซต์ถูก จำกัด ไว้ที่พื้นที่ขนาดเล็ก เหนือพับ. ด้วยเหตุนี้คุณจึงมีโอกาสโหลดเนื้อหาในพื้นที่นั้นได้อย่างรวดเร็วในขณะที่องค์ประกอบอื่น ๆ ที่อยู่ด้านล่างพับจะดาวน์โหลดอยู่เบื้องหลัง
หมายเหตุ: สิ่งที่ช่วยทำให้ AMP ไม่เหมือนใครคือมีการโหลดทรัพยากรที่จัดลำดับความสำคัญในตัวเพื่อให้แน่ใจว่าจะดาวน์โหลดเฉพาะทรัพยากรที่สำคัญที่สุดก่อน
อาจเป็นความท้าทายในการลดจำนวนรูปภาพบนไซต์โดยเฉพาะอย่างยิ่งสำหรับแบรนด์ค้าปลีกที่มีผลิตภัณฑ์จำนวนมาก แต่อย่างน้อยก็ยังคงสำคัญที่จะต้องลดผลกระทบของรูปภาพในเวลาโหลดด้วยกลยุทธ์ทั้งสามนี้
เพิ่มความเร็วเพจของคุณด้วย AMP
หากหน้าเว็บบนอุปกรณ์เคลื่อนที่ของคุณประสบปัญหาอัตราตีกลับสูงและอัตรา Conversion ต่ำเนื่องจากความเร็วในการโหลดหน้าเว็บช้าหน้า AMP อาจช่วยประหยัดได้
เริ่มสร้างหน้า AMP หลังการคลิกเพื่อมอบประสบการณ์การท่องเว็บบนอุปกรณ์เคลื่อนที่ที่รวดเร็วเพิ่มประสิทธิภาพและเกี่ยวข้องให้กับผู้เข้าชมของคุณและปรับปรุงคะแนนคุณภาพและ Conversion ในกระบวนการ