CartFlows และประสิทธิภาพของเว็บไซต์
เผยแพร่แล้ว: 2020-07-14เมื่อสัปดาห์ที่แล้ว เรามีผู้ใช้รายหนึ่งเขียนรีวิวเชิงลบของ CartFlows เพราะพวกเขารู้สึกว่า CartFlows มีประสิทธิภาพต่ำ “ในการทดสอบ”
นี่คือภาพหน้าจอของการตรวจสอบของพวกเขา
อุ๊ย! ไม่มีผู้สร้างผลิตภัณฑ์รายใดอยากเห็นบทวิจารณ์ระดับ 1 ดาว นับประสาหนึ่งเกี่ยวกับประสิทธิภาพ
จากการทดสอบ พวกเขาเห็นเวลาโหลดเต็มที่ 4.5 – 8.3 วินาทีบน GTMetrix.com และคำขอทั้งหมด 83 รายการ พวกเขาสรุปว่าสิ่งนี้จะทำให้เจ้าของร้านเสียเงิน
เมื่อทราบถึงความสำคัญที่เราให้ความสำคัญกับการแสดง ฉันรู้ว่าต้องมีบางอย่างผิดปกติในการทดสอบของพวกเขา แต่ยิ่งไปกว่านั้น ฉันต้องการทดสอบด้วยตัวเองเพื่อดูว่าตัวเลขนั้นบอกอะไร
ที่ CartFlows เราภาคภูมิใจในความโปร่งใสอย่างแท้จริง ดังนั้นนี่เป็นโอกาสที่ดีที่จะเขียนสิ่งที่ค้นพบของฉัน ไม่ว่าจะดีหรือไม่ดี
ผลกระทบต่อประสิทธิภาพของเว็บไซต์คืออะไร?
ก่อนที่เราจะเริ่มต้น สิ่งสำคัญคือต้องเข้าใจว่าความเร็วในการโหลดเว็บไซต์ของคุณได้รับผลกระทบจากปัจจัยหลายประการ
ปัจจัยหลักคือ:
- ตัวเลือกการโฮสต์เว็บไซต์ของคุณ
- คุณใช้ธีมอะไรบนเว็บไซต์ของคุณ
- ปลั๊กอินอะไรบนเว็บไซต์ของคุณ
- สิ่งที่คุณวางบนหน้าที่คุณกำลังทดสอบ
CartFlows เป็นเพียงส่วนหนึ่งของเว็บไซต์ของคุณ เราไม่สามารถควบคุมประสบการณ์ทั้งหมดได้อย่างเต็มที่ เนื่องจาก:
- เราไม่ได้ตัดสินใจว่าคุณควรใช้บริการโฮสติ้งใด
- เราไม่ได้ตัดสินใจเลือกธีมที่คุณควรใช้
- เราไม่ได้ตัดสินใจว่าคุณควรใช้ปลั๊กอินตัวใด
- เราไม่ได้ตัดสินใจว่าคุณวางอะไรบนหน้าเว็บที่คุณกำลังทดสอบ
สิ่งที่เราควบคุมได้คือประสิทธิภาพของ CartFlows และวิธีการทำงานบนเว็บไซต์ของคุณ เราออกแบบเทมเพลตของเราอย่างไร แต่แน่นอนว่าผู้ใช้สามารถเปลี่ยนเทมเพลตได้ตามต้องการ
ประสิทธิภาพของ CartFlows By The Numbers
นี่คือผลการทดสอบของเรา โปรดทราบว่าเวลาที่โหลดเต็มที่ไม่ใช่ตัวเลขสำคัญที่ต้องให้ความสนใจ แม้ว่าจะเร็วในการทดสอบเหล่านี้เนื่องจากมีความผันผวนขึ้นและลง นอกจากนี้ยังไม่ได้สะท้อนว่าผู้เยี่ยมชมได้รับประสบการณ์อย่างไรกับหน้าเว็บ
สำหรับการทดสอบนี้ เราใช้เซิร์ฟเวอร์ Vultr $20 ต่อเดือนผ่าน Cloudways เซิร์ฟเวอร์มี 16 เว็บไซต์ WordPress อยู่ในขณะนี้ วานิชถูกปิดใช้งานบนเซิร์ฟเวอร์ ดังนั้นจึงไม่มีการแคชฝั่งเซิร์ฟเวอร์เกิดขึ้นบนเซิร์ฟเวอร์
เพื่อให้สามารถบอกเล่าเรื่องราวทั้งหมดเกี่ยวกับประสิทธิภาพการทำงาน เราได้ทำการทดสอบความแตกต่าง 4 ครั้ง
- พื้นฐาน: เราทดสอบการติดตั้ง WordPress เริ่มต้นด้วย Astra Theme
- พื้นฐาน + WooCommerce: เราได้เพิ่ม WooCommerce และทดสอบหน้าการชำระเงิน
- พื้นฐาน + WooCommerce + CartFlows: เราได้เพิ่ม CartFlows ลงในส่วนผสม แต่ใช้เฉพาะการชำระเงินเท่านั้น ไม่มีการออกแบบหรือตัวสร้างหน้าอื่นใดนอกจาก Gutenberg
- พื้นฐาน + WooCommerce + CartFlows + Elementor: เราได้เพิ่ม Elementor และหนึ่งในการออกแบบเทมเพลตการชำระเงินของเรา
สิ่งสำคัญคือต้องทราบว่าเราไม่ได้ใช้ปลั๊กอินแคชบนเว็บไซต์ และไม่มีการแคชฝั่งเซิร์ฟเวอร์หรือการเพิ่มประสิทธิภาพ
ทดสอบ 1: พื้นฐาน
ทุกธีมของ WordPress จะแตกต่างกันไปตามประสิทธิภาพ เราเลือกใช้ธีม Astra ซึ่งเป็นหนึ่งในธีมที่มีประสิทธิภาพดีกว่า
ทดสอบ 2: พื้นฐาน + WooCommerce
สำหรับการทดสอบนี้ เราเพียงแค่เพิ่ม WooCommerce และทดสอบหน้าการชำระเงิน เนื่องจากคุณไม่สามารถให้เครื่องมือทดสอบเพิ่มผลิตภัณฑ์ลงในขั้นตอนการชำระเงินเพื่อรับการทดสอบฉบับเต็มได้ก่อน คุณจึงยังคงเห็นการเปลี่ยนแปลงจากข้อมูลพื้นฐาน
ในการทดสอบนี้ เราพบว่าคำขอเพิ่มขึ้น 20 และขนาดหน้าเพิ่มขึ้นประมาณ 150KB
ทดสอบ 3: พื้นฐาน + WooCommerce + CartFlows
สำหรับการทดสอบนี้ เราได้เพิ่ม CartFlows ร่วมกับการชำระเงินแบบตายตัว เนื่องจาก CartFlows อนุญาตให้คุณกรอกการชำระเงินล่วงหน้า เราจึงได้รับผลการทดสอบที่ดีกว่าการทดสอบครั้งก่อน
นอกจากนี้ สำหรับการทดสอบนี้ เราใช้ Gutenberg ซึ่งเป็นตัวสร้างบล็อกเริ่มต้นที่มาพร้อมกับ WordPress
เมื่อเพิ่ม CartFlows เราพบว่าคำขอเพิ่มขึ้น 6 คำขอรวมเป็น 35 คำขอ นอกจากนี้ เราพบว่าขนาดหน้าโดยรวมลดลง ซึ่งอาจเกิดจากการไม่แสดงส่วนหัว/ส่วนท้ายของธีม
นี่เป็นการเพิ่มขึ้นเล็กน้อยและยังคงเป็นหน้าที่เบามาก
แต่ความจริงก็คือไม่มีการออกแบบหน้าอื่นใดนอกจากส่วนการชำระเงิน แต่ละภาพที่คุณเพิ่มจะเพิ่มคำขอ อักขระแต่ละตัวของข้อความจะเพิ่มขนาดหน้าทั้งหมด ... แน่นอนเล็กน้อย
ทดสอบ 4: พื้นฐาน + WooCommerce + CartFlows + Elementor
ตอนนี้เป็นเวลาสำหรับการทดสอบในโลกแห่งความเป็นจริง แม้ว่าคุณจะสามารถใช้ประโยชน์จากเทมเพลต Gutenberg ที่สวยงามของเรา และยังได้รับประโยชน์จากการปรับปรุงประสิทธิภาพของ Gutenberg อีกด้วย แต่ผู้ใช้ส่วนใหญ่จะใช้เครื่องมือสร้างเพจแบบดั้งเดิม
ดังนั้นสำหรับการทดสอบนี้ เราคิดว่าเราจะใช้เครื่องมือสร้างเพจยอดนิยมสำหรับ WordPress ร่วมกับเทมเพลตการชำระเงินยอดนิยมของเรา
เมื่อเพิ่ม Elementor ในการทดสอบนี้ เราจะเห็นคำขอเพิ่มขึ้น 20 รายการ รวมเป็น 55 คำขอ เรายังเห็นขนาดหน้ารวมเพิ่มขึ้น 180KB
โปรดทราบว่านี่คือการชำระเงินทั่วไปที่มีการออกแบบ มีรูปภาพด้วย ซึ่งมีส่วนทำให้ขนาดและคำขอเพิ่มขึ้น ไม่ใช่แค่เพราะเราเพิ่ม Elementor เข้าไป
รายละเอียดผลการทดสอบ
นี่คือตารางผลลัพธ์เพื่อให้ง่ายต่อการดูการเปลี่ยนแปลงสำหรับการทดสอบแต่ละครั้ง
คำขอ | ขนาดหน้าทั้งหมด | เวลาโหลดเต็มที่ | |
พื้นฐาน | 9 | 41.5KB | 1.2s |
ด้วย WooCommerce | 29 | 189KB | 1.9s |
ด้วย CartFlows | 35 | 179KB | 2.0s |
CartFlows + องค์ประกอบ | 55 | 349KB | 2.4วินาที |
ตำนานประสิทธิภาพเว็บไซต์
น่าเศร้าที่มีความเข้าใจผิดมากมายเกี่ยวกับประสิทธิภาพของเว็บไซต์ ฉันจะพยายามพูดถึงพวกเขาสองสามคนที่นี่
เวลาที่โหลดเต็มที่สูงนำไปสู่ Conversion ที่ต่ำลง!
อย่างที่คุณเห็นในการทดสอบของฉัน เวลาที่โหลดเต็มที่นั้นเร็ว และนั่นเป็นเพราะฉันใช้โฮสติ้งที่มีคุณภาพ อย่างไรก็ตาม ฉันจะยังคงรู้สึกสบายใจหากเวลาที่โหลดเต็มที่ยาวเป็นสองเท่า เพราะฉันรู้ว่านี่เป็นเวลาที่เต็ม และความจริงก็คือผู้เยี่ยมชมเว็บไซต์ไม่รอนานสำหรับทุกอย่างที่จะโหลด หน้าเว็บของคุณโหลดเมื่อโหลดแต่ละรายการ ไม่ใช่หลังจากดาวน์โหลดทุกคำขอ ดังนั้นในความเป็นจริง ผู้เยี่ยมชมไม่ได้จ้องไปที่หน้าว่างสีขาวเป็นเวลา 2.4 วินาทีหรือเวลาโหลดจะขึ้นอยู่กับโฮสติ้งของคุณ
CartFlows จะทำให้เว็บไซต์ของคุณทำงานช้า!
ทุกสิ่งที่คุณเพิ่มลงในเว็บไซต์ “ทางเทคนิค” จะส่งผลต่อประสิทธิภาพ เมื่อคุณเพิ่มรูปภาพ จะเป็นการเพิ่มขนาดหน้าทั้งหมดและเพิ่มคำขอ หากคุณเพิ่มรูปภาพ 20 ภาพ นั่นคือคำขอเพิ่มเติม 20 รายการ เมื่อคุณเพิ่มไอคอน เลือกสีสำหรับพื้นหลัง หรือเมื่อคุณเขียนย่อหน้าของข้อความ สิ่งเหล่านี้ล้วนมีผลกระทบ คุณสามารถ "ในทางเทคนิค" พูดว่า "การเพิ่มรูปภาพลงในเว็บไซต์ของคุณจะทำให้เว็บไซต์ของคุณทำงานช้า" แต่ก็ไม่ได้หยุดเกือบทุกเว็บไซต์ไม่ให้ใช้รูปภาพ
ประเด็นที่ฉันกำลังพยายามทำคือถ้าการเพิ่มบางอย่างในเว็บไซต์ของคุณทำให้เกิดประโยชน์ ทำไมคุณไม่เพิ่มมันเข้าไปล่ะ นี่คือเหตุผลที่เราเพิ่มรูปภาพ วิดีโอ ไอคอน และข้อความลงในหน้าเว็บไซต์ของเรา หากการเพิ่มรูปภาพในหน้าชำระเงินของคุณจะทำให้มี Conversion สูงขึ้นเนื่องจากผู้ซื้อที่มีศักยภาพของคุณสามารถเห็นตัวเองอยู่ในนั้น ให้เพิ่มเข้าไป! หากการมีป้ายรับประกันความน่าเชื่อถือในหน้าชำระเงินช่วยให้ผู้ซื้อรู้สึกปลอดภัยมากขึ้นในการซื้อ ให้เพิ่มเข้าไป!
ดังนั้น คำตอบจากตัวเลขข้างต้นคือ CartFlows จะไม่ทำให้เว็บไซต์ของคุณช้าลงสักนิด แม้ว่า CartFlows จะเพิ่มคำขอเพียง 6 รายการไปยังหน้าชำระเงิน แต่ยังลดขนาดหน้าทั้งหมดเนื่องจากจะกำจัดส่วนหัวและส่วนท้ายของธีมของคุณ คำนึงถึงประโยชน์มหาศาลของการใช้ CartFlows บนเว็บไซต์ของคุณ
สรุป
เป้าหมายเดียวของฉันสำหรับโพสต์นี้คือการสนทนาอย่างตรงไปตรงมาเกี่ยวกับประสิทธิภาพและ Conversion
คำแนะนำที่ดีที่สุดสำหรับคุณคือ “บางครั้งคุณต้องเห็นป่าที่อยู่เหนือต้นไม้” น่าเศร้าที่ฉันเห็นผู้คนจำนวนมากถูกกีดกันด้วยเรื่องเล็กน้อยและไม่เคยทำให้ธุรกิจของพวกเขาดำเนินต่อไปได้
ประสิทธิภาพเป็นสิ่งสำคัญ แต่สิ่งที่สำคัญกว่าคือข้อความของคุณและนำไปเผยแพร่ มอบข้อเสนอที่มั่นคงให้กับลูกค้าของคุณ
หากคุณกำลังโต้เถียงว่าต้องการเพิ่มคำขอเพิ่มเติมหนึ่งรายการในหน้าชำระเงินเนื่องจากคุณต้องการแสดงให้ลูกค้าเห็นที่มีความสุข ฉันคิดว่าคุณควรเพิ่มรูปภาพ
ที่ CartFlows เราให้ความสำคัญกับประสิทธิภาพสูงสุดเสมอ เพื่อให้คุณสามารถมุ่งความสนใจไปที่การขยายธุรกิจของคุณ