12 วิธีง่ายๆ ในการเร่งความเร็วร้านค้า WooCommerce ของคุณ
เผยแพร่แล้ว: 2022-07-03WooCommerce Hosting ที่มีการจัดการของ Nexcess ได้รับการออกแบบมาเพื่อให้ร้านค้าอีคอมเมิร์ซของคุณรวดเร็วปานสายฟ้าแลบ
การเพิ่มความเร็วให้กับร้านค้า WooCommerce ของคุณสามารถช่วยป้องกันลูกค้าตกหล่นและสูญเสียยอดขาย — ไม่ว่าคุณจะเป็นเจ้าของร้านค้าบนโฮสติ้ง WooCommerce ที่มีการจัดการของ Nexcess หรือเจ้าของร้านค้า WooCommerce ที่ยังไม่พร้อมสำหรับผลิตภัณฑ์พิเศษ
แม้ว่าคุณอาจคิดว่าการปรับปรุงประสบการณ์ผู้ใช้ของคุณมาพร้อมกับการรวบรวมการวิเคราะห์ผู้ใช้มากขึ้นและรวมถึงเครื่องมือต่างๆ เช่น การปรับเปลี่ยนในแบบของคุณและการแชทสด เครื่องมือและการวิเคราะห์เหล่านี้อาจทำให้เว็บไซต์ของคุณช้าลง
การเพิ่มความเร็วของร้านค้าอาจส่งผลดีต่อ SEO ของคุณโดยการปรับปรุงประสบการณ์ผู้ใช้ อันที่จริง เว็บไซต์ที่ใช้เวลาโหลดนานกว่า 3 วินาทีจะถูกละทิ้งโดยนักช็อป 40% ดีเลย์ 2 วินาทีเพิ่มอัตราตีกลับ 103% และความล่าช้าแม้แต่ 100 มิลลิวินาทีก็ส่งผลต่ออัตราการแปลง 7% การโหลดที่ล่าช้าอาจทำให้สูญเสียรายได้โดยตรง โดยเฉพาะอย่างยิ่งในช่วงเวลาที่มีผู้ใช้บริการสูงสุด เช่น Cyber Monday และ Black Friday
ไม่ว่าคุณจะใช้ตัวเลือกโฮสติ้งที่ใช้ร่วมกัน หรือยังไม่ได้เติบโตจนถึงขั้นที่คุณต้องการตัวเลือกที่มีการจัดการเต็มรูปแบบ การเปลี่ยนแปลงที่มีประสิทธิภาพ 12 ประการที่เรารวมไว้ด้านล่างนี้สามารถช่วยเพิ่มประสิทธิภาพไซต์ WooCommerce ของคุณ เพิ่มความเร็วร้านค้าของคุณ และปรับปรุงประสิทธิภาพ เหนือสิ่งอื่นใด การเปลี่ยนแปลงเหล่านี้จะไม่ใช้เวลา ความพยายาม หรือค่าใช้จ่ายในการดำเนินการมากนัก
1. ทดสอบความเร็วปัจจุบันของเว็บไซต์ของคุณ
เพื่อเพิ่มความเร็วให้กับร้านค้า WooCommerce ของคุณ คุณต้องทดสอบความเร็วปัจจุบันของคุณ — และคุณอาจต้องทดสอบความเร็วต่อไปในขณะที่คุณทำการเปลี่ยนแปลงและเพิ่มประสิทธิภาพไซต์ WooCommerce ของคุณ โดยการทดสอบความเร็ว คุณจะมั่นใจได้ว่าการปรับปรุงของคุณใช้งานได้จริง
หากคุณต้องการวิธีง่ายๆ ในการทดสอบความเร็วของหน้าเว็บ ให้ลองใช้ WebPageTest
PageSpeed Insights ของ Google จะพิจารณาเนื้อหาของหน้าและเสนอคำแนะนำเพื่อทำให้หน้าเร็วขึ้น
ไซต์ทั้งสองนี้มีเมตริกและการวิเคราะห์ที่ซับซ้อนมากขึ้น Google มีเครื่องมือ PageSpeed ซึ่งรวมถึงโปรโตคอลและมาตรฐาน ตลอดจนแนวทางปฏิบัติที่ดีที่สุดด้านประสิทธิภาพ และ WebPageTest มีเครื่องมือในการจับภาพประสบการณ์การรับชมของผู้ใช้ของคุณ
2. ตรวจสอบให้แน่ใจว่าคุณมีธีมที่รวดเร็ว
การมีธีม WooCommerce ที่ดึงดูดสายตาพร้อมคุณสมบัติในตัวมากมายอาจฟังดูเป็นการช่วยปรับปรุงประสบการณ์ของผู้ใช้ อย่างไรก็ตาม คุณลักษณะเหล่านี้ใช้เวลาในการโหลด การเลือกธีม WooCommerce ที่เร็วที่สุดสำหรับร้านค้าของคุณนั้นค่อนข้างง่าย
ก่อนเลือกธีม ให้พิจารณาคุณลักษณะทั้งหมดที่คุณต้องการรวมไว้ในร้านค้าออนไลน์ของคุณ เขียนคุณสมบัติเหล่านี้และให้คะแนนคุณสมบัติเหล่านี้ตามความจำเป็น งานนี้จะช่วยคุณแทนที่ผู้ใช้ที่จะมาที่ร้านของคุณ และช่วยให้คุณรวมเฉพาะสิ่งที่จำเป็นสำหรับผู้ใช้ของคุณที่จะประสบความสำเร็จ
ตรวจสอบให้แน่ใจว่าธีมของคุณเข้ากันได้กับ WooCommerce อย่างสมบูรณ์ และเป็นธีมที่ตั้งค่าสำหรับอีคอมเมิร์ซ
ธีม WooCommerce ที่เร็วที่สุดมักจะเป็นธีมที่มีน้ำหนักเบา และใช้เครื่องมือสร้างเพจเพื่อช่วยให้คุณรวมเฉพาะคุณสมบัติที่คุณต้องการเพื่อเพิ่มความเร็วให้กับร้านค้า WooCommerce ของคุณ คุณอาจเริ่มด้วยธีมฟรีก็ได้ ธีม WooCommerce ยอดนิยมเหล่านี้สามารถทำงานให้คุณได้
3. ประเมินปลั๊กอิน วิดเจ็ต และทรัพยากรภายนอกที่มีอยู่ของคุณ
ปลั๊กอิน วิดเจ็ต และทรัพยากรภายนอกที่มีอยู่ของคุณเพิ่มประสิทธิภาพไซต์ของคุณหรือไม่ หรือทำให้ร้านค้า WooCommerce ของคุณช้าลงโดยไม่เพิ่มฟังก์ชันการทำงาน เพิ่มประสิทธิภาพประสบการณ์ผู้ใช้ และสร้างรายได้ในที่สุด
หากต้องการทราบวิธีเพิ่มความเร็วให้กับไซต์ WooCommerce ของคุณ ให้ดูที่ ปลั๊กอิน วิดเจ็ต และ ทรัพยากรภายนอก ของคุณ ปลั๊กอินสามารถช่วยปรับปรุงประสิทธิภาพได้ วิดเจ็ตและเครื่องมือแบ่งปันสามารถเชื่อมต่อไซต์ WooCommerce ของคุณกับโซเชียลมีเดีย แหล่งข้อมูลภายนอกอาจทำให้ไซต์ของคุณดูดี แต่กำลังปรับปรุงประสบการณ์ของผู้ใช้หรือไม่
ทรัพยากรภายนอก เช่น สคริปต์ สไตล์ชีต แบบอักษร หรือแม้แต่ Google Analytics อาจดูเหมือนช่วยจัดระเบียบไซต์ของคุณ อย่างไรก็ตาม เป็นไปไม่ได้เสมอไปที่จะเพิ่มประสิทธิภาพสำหรับทรัพยากรภายนอกเหล่านี้ และอาจทำให้ไซต์ของคุณช้าลง
เพื่อเพิ่มความเร็วให้กับร้านค้า WooCommerce ของคุณ ให้ลองเปลี่ยนวิดเจ็ตเป็นโซเชียลมีเดียด้วยปุ่มแชร์แบบง่ายๆ ปุ่มแชร์เหล่านี้ป้องกันการเพิ่มคำขอ HTTP เพิ่มเติมและจำกัดการพึ่งพาภายในในการสืบค้น DNS
ปลั๊กอินอาจมีประโยชน์ในบางพื้นที่ แต่มีประโยชน์น้อยกว่าในด้านอื่นๆ ลองใช้ปลั๊กอินเพื่อบีบอัดรูปภาพ ปรับปรุงตัวเลือกการชำระเงินและการจัดส่ง ลดการละทิ้งตะกร้าสินค้า และเพิ่มยอดขาย ปลั๊กอินยังสามารถล้างฐานข้อมูลร้านค้า WooCommerce ของคุณได้ และปลั๊กอินสามารถทำให้กระบวนการนี้เป็นไปโดยอัตโนมัติ การล้างฐานข้อมูลของคุณอาจเพิ่มความเร็วของไซต์ของคุณด้วย ตรวจสอบปลั๊กอิน WP-Optimize
ปลั๊กอินอาจทำให้ไซต์ WooCommerce ของคุณช้าลง ติดตั้งเฉพาะปลั๊กอินที่สำคัญที่สุด และอย่าลืมตรวจสอบความเร็วของปลั๊กอินของคุณ
4. ใช้ตัวอย่าง: วิธีที่ยอดเยี่ยมในการทำให้ร้านค้า WooCommerce ของคุณเร็วขึ้น
ข้อมูลโค้ดเป็นพื้นฐานของการปรับเปลี่ยน WooCommerce ที่เข้าใจง่ายและสามัญสำนึก ด้วยปลั๊กอิน Snippets คุณสามารถดาวน์โหลดและติดตั้งตัวอย่างที่สร้างโดยผู้อื่นหรือเขียนของคุณเองได้อย่างง่ายดาย มีหลายวิธีที่ข้อมูลโค้ดสามารถช่วยเร่งความเร็วร้านค้า WooCommerce ของคุณ รวมถึงการเพิ่มฟังก์ชันการทำงานให้กับร้านค้าของคุณ หรือการปิดใช้งานงาน พื้นที่ หรือวิดเจ็ตที่ไม่ได้ใช้
ในตัวอย่างด้านล่าง เราได้ลบหรือปิดการใช้งานรายการ แทนที่จะเพิ่มองค์ประกอบเพื่อปรับแต่งประสิทธิภาพ เราทำสิ่งนี้เพราะงานเหล่านั้นต้องใช้ความพยายาม และทุกการกระทำที่ไม่จำเป็นซึ่งใช้ทรัพยากรแบ็กเอนด์อาจส่งผลกระทบต่อประสิทธิภาพของร้านค้าของคุณ
โปรดทราบว่าตัวอย่างข้อมูลแต่ละส่วนของเราในตัวอย่างนี้ถูกแท็ก การแท็กข้อมูลโค้ดของคุณทำให้ง่ายต่อการจัดระเบียบการเปลี่ยนแปลงที่คุณทำซึ่งส่งผลต่อพื้นที่ผู้ดูแลระบบ, WooCommerce, วิดเจ็ต หรือแดชบอร์ดของคุณ
5. ตรวจสอบปลั๊กอิน Bizzy เล็กน้อย
มีปลั๊กอินที่สร้างโดย Little Bizzy เพื่อเพิ่มประสิทธิภาพร้านค้า WooCommerce ของคุณด้วยวิธีเล็กๆ น้อยๆ ที่มีความหมาย พวกเขาจะปิดการใช้งานชิ้นส่วนรถเข็น AJAX เพื่อช่วยในการโหลดและปิดการใช้งานการฝังภายในและภายนอกเพื่อเพิ่มความเร็วในการแสดงผลหน้า อีกครั้ง เรากำลังมองหาที่จะตัดส่วนเกินเพื่อเพิ่มความเร็วให้กับร้านค้า WooCommerce ของคุณ
6. ดู WP ปิดการใช้งาน
Optimization.io เสนอ WP Disable ซึ่งเป็นตัวเลือกปลั๊กอินที่ให้คุณมีความยืดหยุ่นอย่างมากในขณะที่ใช้งานง่าย การติดตั้งปลั๊กอินจะเพิ่ม Optimization.iolink ให้กับเมนูผู้ดูแลระบบของคุณ ซึ่งจะนำคุณไปยังพื้นที่แก้ไขโดยตรง
หนึ่งในองค์ประกอบที่น่าทึ่งของ WP Disable คือความสามารถในการมุ่งเน้นไปที่ร้านค้า WooCommerce ของคุณโดยเฉพาะ ในขณะที่ทำการปรับปรุงโดยรวมในพื้นที่อื่น ๆ ในเว็บไซต์ของคุณด้วยการคลิกเพียงไม่กี่ครั้ง พูดคุยเกี่ยวกับวิธีง่ายๆ ในการทำให้ร้านค้า WooCommerce ของคุณเร็วขึ้น!
มาดูตัวอย่างในแท็บ คำขอ ภายใต้หัวข้อ Remove Excess Bloat ที่เหมาะเจาะ
7. “ทำความสะอาด” ร้านค้าของคุณ
การตรวจสอบการแก้ไขอาจทำให้ร้านค้า WooCommerce ของคุณช้าลงหากคุณเพิ่มส่วนขยายและสร้างการตรวจสอบการแก้ไขเริ่มต้นในหน้าผลิตภัณฑ์
ส่วนขยายสามารถช่วยได้ แต่ให้พิจารณาประเมินประสิทธิภาพของส่วนขยายของคุณเพื่อให้แน่ใจว่ามีความเกี่ยวข้องและจำเป็น คุณอาจสามารถเพิ่มความเร็วให้กับไซต์ WooCommerce ของคุณได้โดยการแทนที่ส่วนขยายบางส่วนด้วยโค้ดที่เทียบเท่ากัน การแทนที่ส่วนขยายด้วยโค้ดที่เทียบเท่ากันสามารถเพิ่มประสิทธิภาพได้เช่นกัน
การตรวจสอบการแก้ไขบนเว็บไซต์ WooCommerce เป็นจุดเริ่มต้นที่ดี การตรวจสอบการแก้ไขทำให้คุณสามารถย้อนกลับและดูการเปลี่ยนแปลงในหน้าผลิตภัณฑ์ได้ แม้ว่าการตรวจสอบการแก้ไขจะดีมาก แต่หากคุณทำการเปลี่ยนแปลงเพียงเล็กน้อย เช่น การเปลี่ยนคำหรือสองคำ สำเนาที่แก้ไขของหน้าผลิตภัณฑ์เดิมของคุณจะเพิ่มและลดประสิทธิภาพของ WooCommerce พิจารณาปิดการใช้งานหรือจำกัดจำนวนการแก้ไข
8. ปิดการใช้งานองค์ประกอบที่ไม่จำเป็น
อิโมจิ
Emojis นั้นสนุกมาก แต่พวกมันสามารถทำให้ไซต์ WooCommerce ของคุณช้าลงได้ เว้นแต่ว่าคุณต้องการให้ใช้อีโมจิโดยเฉพาะ สิ่งเหล่านี้ไม่จำเป็นและสามารถลบออกเป็นตัวเลือกได้เพียงแค่คลิกตัวเลื่อนปิดการใช้งานอิโมจิ
สตริงการสืบค้น
หากคุณเคยเรียกใช้การทดสอบประสิทธิภาพ GTMetrix หรือ Pingdom ในร้านค้าของคุณ คุณอาจเห็นคำแนะนำให้ "ลบสตริงการสืบค้นออกจากทรัพยากรแบบคงที่" เนื่องจากเซิร์ฟเวอร์และพร็อกซีเซิร์ฟเวอร์บางตัวไม่สามารถแคชสตริงการสืบค้นได้ และการลบออกจะทำให้ WooCommerce จัดเก็บเร็วขึ้น
9. โฮสต์โฆษณาและผลิตภัณฑ์ที่เกี่ยวข้อง
สำหรับโฆษณา ให้พิจารณาใช้เครือข่ายเดียว — หรือโฮสต์รูปภาพด้วยตัวคุณเอง ด้วยการโฮสต์รูปภาพด้วยตัวคุณเอง คุณสามารถควบคุมตำแหน่งโฆษณา เพิ่มประสิทธิภาพรูปภาพ และลดการสืบค้น DNS ได้
10. บีบอัดรูปภาพของคุณ
รูปภาพอาจเป็นส่วนสำคัญของไซต์อีคอมเมิร์ซ แต่รูปภาพอาจทำให้ไซต์ของคุณช้าลงอย่างมาก
รูปภาพเป็นสถานที่ที่ปลั๊กอินสามารถช่วยได้ อย่างไรก็ตาม ให้หลีกเลี่ยงปลั๊กอินบีบอัดรูปภาพเมื่อทำได้ WordPress มีลิงก์ไปยังปลั๊กอินที่จะบีบอัด JPG และ PNG และด้วยคีย์ API เดียว คุณจะได้รับการบีบอัดรูปภาพฟรีสูงสุด 100 ภาพต่อเดือน
พิจารณาบีบอัดรูปภาพของคุณก่อนที่จะอัปโหลดไปยังไซต์ของคุณ ใช้รูปแบบ JPG สำหรับภาพถ่ายและภาพความละเอียดสูงที่คุณต้องการรายละเอียดจำนวนมาก ใช้ PNG สำหรับไอคอน โลโก้ ภาพประกอบ และรูปภาพโปร่งใส โดยพื้นฐานแล้ว รูปภาพส่วนใหญ่ที่ไม่ใช่หรือไม่จำเป็นต้องเป็น JPG
GIFS ทำงานได้ดีสำหรับแอนิเมชั่น แม้ว่า GIF สามารถใช้สำหรับรูปภาพขนาดเล็ก แต่ PNG มักจะทำงานได้ดีกว่า
11. ใช้ DNS Prefetch
DNS Prefetch เป็นตัวเลือกที่ช่วยให้ไซต์ของคุณแก้ไขโดเมนล่วงหน้าเพื่อให้โหลดเร็วขึ้น เมื่อเปิดใช้งาน DNS Prefetch คุณจะระบุรายการโดเมนที่คุณมักจะเชื่อมโยงหรือเปลี่ยนเส้นทางไป หลังจากที่โดเมนเหล่านั้นได้รับการแก้ไขแล้ว ความล่าช้าในการแก้ไขอีกครั้งจะถูกขจัดออกไป
12. เลือกตัวเลือกแพลตฟอร์มที่ทำให้ร้านค้า WooCommerce ของคุณเร็วขึ้น
การปรับแต่งทั้งหมดที่เราเพิ่งพูดถึงมีศักยภาพที่จะทำให้ WooCommerce Store ของคุณเร็วขึ้น แต่ WooCommerce เองล่ะ?
ไม่น่าเป็นไปได้ที่คุณจะต้องใช้ CSS หรือสคริปต์ของ WooCommerce เพื่อทำงานบนหน้าเว็บที่ไม่มีองค์ประกอบ WooCommerce เป็นอีกครั้งที่เราสามารถปิดใช้งานสิ่งที่ไม่จำเป็นและเพิ่มประสิทธิภาพได้มาก เนื่องจากแบ็กเอนด์ของคุณไม่ต้องโหลดสิ่งที่ไม่จำเป็น
แนวคิดเดียวกันนี้ใช้กับ บทวิจารณ์ และ ชิ้นส่วนรถเข็น สำหรับแต่ละรายการ สิ่งที่คุณต้องทำคือคลิกตัวเลื่อนแล้วบันทึกการเปลี่ยนแปลงของคุณ
ร้านค้าของคุณอาจไม่ได้โฮสต์บนแพลตฟอร์ม Managed WooCommerce Hosting แต่นั่นไม่ได้หมายความว่าคุณจะไม่ได้รับประโยชน์จากตัวเลือกบางอย่างที่เราใช้ทุกวัน จากข้อมูลโค้ดไปจนถึงปลั๊กอิน เราเชื่อว่าวิธีการที่พิสูจน์แล้วและพิสูจน์แล้วเหล่านี้สามารถทำให้ WooCommerce จัดเก็บได้เร็วขึ้น
เราดูแลเรื่องนี้ให้คุณได้!
เมื่อคุณพร้อมให้เราดูแลสิ่งเหล่านี้ให้กับคุณ ลองดู Managed WooCommerce Hosting ของ Nexcess
บล็อกนี้เผยแพร่ครั้งแรกในเดือนมีนาคม 2018 นับตั้งแต่นั้นมาก็ได้รับการปรับปรุงเพื่อความถูกต้องและครอบคลุม
เนื้อหาที่เกี่ยวข้อง
- คำแนะนำเกี่ยวกับคลาสการจัดส่งสินค้า โซน และวิธีการของ WooCommerce
- องค์ประกอบของโฮมเพจอีคอมเมิร์ซที่ประสบความสำเร็จ
- 7 วิธีในการก้าวไปข้างหน้าของการละทิ้งตะกร้าสินค้า
- วิธีสร้างกลยุทธ์การปรับแต่งประสิทธิภาพของ WordPress