เหตุใด Page Speed ​​จึงสำคัญ วิธีทดสอบและปรับปรุงของคุณ

เหตุใด Page Speed ​​จึงมีความสำคัญ
เวลาอ่านหนังสือ: 6 นาที

ไซต์ส่วนใหญ่สูญเสียผู้เข้าชมประมาณครึ่งหนึ่งเนื่องจากความเร็วของหน้าเว็บช้า ในความเป็นจริงหน้าเว็บเดสก์ท็อปโดยเฉลี่ย อัตราตีกลับ 42%อัตราตีกลับของหน้าเว็บบนอุปกรณ์เคลื่อนที่โดยเฉลี่ยคือ 58% และอัตราตีกลับของหน้า Landing Page หลังการคลิกโดยเฉลี่ยอยู่ระหว่าง 60 ถึง 90% ไม่ใช่การประจบประแจงตัวเลขโดยเฉพาะอย่างยิ่งเมื่อพิจารณาจากการใช้งานมือถือยังคงเติบโตและนับวันจะดึงดูดและให้ความสนใจของผู้บริโภคได้ยากขึ้น

ตามที่ Google กล่าวว่าเวลาในการโหลดหน้าเว็บโดยเฉลี่ยสำหรับไฟล์ หน้า Landing Page ยอดนิยมยังคงเป็น อืด 12.8 วินาที. ซึ่งรวมถึงสถานที่ที่มีการเข้าถึงอินเทอร์เน็ตบนมือถือและความเร็ว 4G เป็นพื้นที่ที่สูงที่สุดในโลก 

ความเร็วหน้าเฉลี่ยนั้นยาวเกินไปเนื่องจากผู้ใช้ 53% ละทิ้งหน้าหลังจากนั้นเพียง 3 วินาทีและจะแย่ลงจากตรงนั้น:

ความเร็วหน้าและอัตราการตีกลับ

ความเร็วในการโหลดหน้าเว็บที่ดีคืออะไร? ใกล้ทันที

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

ทำไม Page Speed ​​จึงมีความสำคัญ

eMarketer แสดงให้เห็นว่าในปี 2019 เม็ดเงินโฆษณาดิจิทัลทั่วโลกจะเกิน 316 ดอลลาร์ พันล้าน และดูเหมือนจะเพิ่มขึ้นสำหรับอนาคตอันใกล้เท่านั้น:

การใช้จ่ายโฆษณาดิจิทัลตั้งแต่ปี 2017 ถึง 2022

เห็นได้ชัดว่าแบรนด์ต่างๆใช้จ่ายเงินจำนวนมหาศาลไปกับโฆษณาและคาดหวังว่าจะได้รับประโยชน์สูงสุดจากงบประมาณ แต่เมื่อมีคนคลิกโฆษณา - และ หน้า 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:

เร่งหน้ามือถือ (AMP)

กับ Instapage AMP builderนักการตลาดและนักโฆษณาสามารถ:

  • สร้างหน้า Landing Page หลังการคลิก AMP โดยตรงจากแพลตฟอร์ม Instapage โดยไม่ต้องมีนักพัฒนา
  • ตรวจสอบความถูกต้องทดสอบ A / B และเผยแพร่หน้า AMP ไปยัง WordPress หรือโดเมนที่กำหนดเอง
  • มอบประสบการณ์การใช้งานอุปกรณ์เคลื่อนที่ที่ดีขึ้นเพิ่มคะแนนคุณภาพและเพิ่มจำนวน Conversion

AMP Accelerated Mobile Page Validation

การตรวจสอบ Accelerated Mobile Page (AMP)

Eargo บริษัท เครื่องช่วยฟังที่ปฏิวัติวงการได้เห็นผลลัพธ์ที่น่าทึ่งตั้งแต่นำ AMP มาใช้ในประสบการณ์หลังการคลิก:

หน้า Landing Page ของ AMP โดย Instapage

หน้า Landing Page ของ AMP พร้อม Instapage

นอกเหนือจากการสร้างหน้า AMP ด้วย Instapage แล้วยังมีวิธีอื่น ๆ อีกมากมายที่คุณสามารถปรับปรุงความเร็วของหน้าได้ นี่คือสามรายการที่จะช่วยคุณเริ่มต้น

3 วิธีอื่น ๆ ในการปรับปรุงความเร็วของเพจ

1. ใช้ประโยชน์จากเครื่องมือความเร็วหน้า

ข้อมูลเชิงลึก PageSpeed คือการทดสอบความเร็วของ Google ที่ให้คะแนนเพจของคุณตั้งแต่ 0 ถึง 100 คะแนน:

ข้อมูลเชิงลึกของเพจสปีด

การให้คะแนนขึ้นอยู่กับสองพารามิเตอร์:

  1. เวลาในการโหลดครึ่งหน้าบน (เวลารวมสำหรับหน้าในการแสดงเนื้อหาในครึ่งหน้าบนหลังจากที่ผู้ใช้ร้องขอหน้าใหม่)
  2. เวลาในการโหลดแบบเต็มหน้า (เวลาที่เบราว์เซอร์ใช้ในการแสดงผลเพจอย่างสมบูรณ์หลังจากผู้ใช้ร้องขอ)

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

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

Think with Google: ทดสอบไซต์ของฉันซึ่งเปิดตัวโดยทีม PageSpeed ​​Insights ทดสอบความเร็วของหน้าเว็บบนอุปกรณ์เคลื่อนที่เท่านั้นซึ่งต่างจากทั้งมือถือและเดสก์ท็อป เป็นอีกตัวบ่งชี้ว่าหน้าเว็บของคุณโหลดเร็ว (หรือช้า) เพียงใด:

คิดด้วย Google ทดสอบไซต์ของฉัน

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

2. ภาพที่ปรับให้เหมาะสมเต็มที่ (การบีบอัด)

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

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

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

  • WebP: ภาพที่ถ่ายและโปร่งแสง
  • JPEG: ภาพถ่ายที่ไม่มีความโปร่งใส
  • PNG: พื้นหลังโปร่งใส
  • SVG: ไอคอนและรูปร่างที่ปรับขนาดได้

Google แนะนำให้เริ่มต้นด้วย WebP เนื่องจากอนุญาตให้บีบอัดได้มากกว่า JPEG 30% โดยที่คุณภาพของภาพไม่สูญเสียไป

3. จัดลำดับความสำคัญของเนื้อหาครึ่งหน้าบน

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

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

หมายเหตุ: สิ่งที่ช่วยทำให้ AMP ไม่เหมือนใครคือมีการโหลดทรัพยากรที่จัดลำดับความสำคัญในตัวเพื่อให้แน่ใจว่าจะดาวน์โหลดเฉพาะทรัพยากรที่สำคัญที่สุดก่อน

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

เพิ่มความเร็วเพจของคุณด้วย AMP

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

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

คุณคิดอย่างไร?

ไซต์นี้ใช้ Akismet เพื่อลดสแปม เรียนรู้วิธีการประมวลผลข้อมูลความคิดเห็นของคุณ.