ปรับปรุงประสิทธิภาพร้านค้า WooCommerce ของร้านค้าอีคอมเมิร์ซของคุณ

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

ทำไมต้องปรับปรุงประสิทธิภาพของร้านค้า WooCommerce?

เพื่อเพิ่มประสิทธิภาพประสบการณ์ผู้ใช้:

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

1. ความเร็วในการแสดงหน้าของเว็บไซต์ (40% ของผู้เข้าชมเลิกการเรียกดูหากเวลาตอบสนองเกิน 3 วินาที)
2. เวลาที่ใช้ในการดาวน์โหลดองค์ประกอบของหน้า
3. ความลื่นไหลของเบราว์เซอร์ในการจัดการองค์ประกอบของหน้า

เพื่อปรับปรุงประสิทธิภาพของมือถือ/เว็บ :

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

เพื่อเพิ่มประสิทธิภาพการอ้างอิงตามธรรมชาติ:

เวลาตอบสนองของเซิร์ฟเวอร์โฮสต์เป็นเกณฑ์ที่วัดโดยเครื่องมือค้นหา สิ่งนี้ส่งเสริมความเร็วการจัดทำดัชนีของหน้าเว็บใหม่และช่วยให้จัดทำดัชนีหน้าเว็บในเชิงลึกมากขึ้น Google แนะนำให้แสดงหน้าเว็บโดยเฉลี่ย 1.5 วินาที

เพื่อควบคุมต้นทุน :

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

ร้านค้าออนไลน์ที่ใช้ทรัพยากรน้อยลง
ความพร้อมใช้งานที่ดีขึ้นในช่วงเวลาเร่งด่วน

ทดสอบเวลาโหลดของ WooCommerce Store :

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

เครื่องมือ Pingdom
GTmetrix
Google PageSpeed ​​Insights

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

อย่างไรก็ตาม ควรสังเกตว่าจำเป็นต้องรู้วิธีแยกแยะความเร็วดิบ (การโหลดโค้ด) จากความเร็วที่ผู้ใช้รับรู้จริงๆ เป็นเรื่องหลังที่เราพูดซึ่งผู้ใช้ต้องเผชิญ

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

เราจะจัดการกับ 10 สิ่งสำคัญที่นี่:

1. เว็บโฮสติ้ง WooCommerce
2. การเพิ่มประสิทธิภาพภาพ
3. ติดตั้งปลั๊กอินแคช
4. รวม WordPress CDN
5. กลุ่มไฟล์ CSS และ JS
6. ใช้ประโยชน์จาก CSS Sprites
7. แบ่งเบาหน้าที่สูงสุด
8. การเพิ่มประสิทธิภาพฐานข้อมูล
9. โดเมนย่อยสำหรับสินทรัพย์
10. เปิดใช้งานการบีบอัด Gzip

1. เว็บโฮสติ้ง WooCommerce:

ในการเลือกโฮสติ้งของ WooCommerce อย่าคิดว่า "ประหยัด" โดยอัตโนมัติโดยไปที่ราคาถูกที่สุด หากร้านค้า WooCommerce ของคุณโฮสต์ไม่ดี อาจรวมถึงการหยุดทำงานและความไม่ปลอดภัย

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

เพื่อไม่ให้ถูกหลอก อย่าลังเลที่จะติดต่อผู้เชี่ยวชาญที่สามารถแนะนำคุณได้

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

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

เว็บโฮสติ้งสำหรับ WooCommerce เป็นหนึ่งในองค์ประกอบสำคัญในการรับประกันบริการที่มีคุณภาพ อย่าลืมเลือกมัน!

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

2. การเพิ่มประสิทธิภาพภาพ :

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

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

มีเครื่องมือและวิธีต่างๆ มากมายที่ช่วยให้คุณปรับแต่งภาพได้ เคล็ดลับแรกคือ “การบันทึกรูปภาพสำหรับเว็บ” เมื่อสร้างภาพด้วย Photoshop

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

3. ติดตั้งปลั๊กอินแคช:

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

หลักการนั้นง่ายมาก: ในระหว่างการเยี่ยมชมร้านค้า WooCommerce ครั้งแรก ไฟล์สแตติกจะถูกเก็บไว้ในเบราว์เซอร์ของผู้ใช้ ในการเยี่ยมชมครั้งถัดไป หน้าจะแสดงเกือบจะในทันทีเนื่องจากมีการสืบค้นน้อยลงบนเซิร์ฟเวอร์ เป็นวิธีที่มีประสิทธิภาพในการเพิ่มประสิทธิภาพเวลาในการโหลด

เพื่อให้ได้ประโยชน์จากการแคช มีหลายวิธีที่สามารถสร้างระบบแคชได้ เช่น Breeze — ปลั๊กอินแคช WordPress ฟรี เป็นต้น

4. รวม WordPress CDN :

เครือข่ายการจัดส่งเนื้อหา (CDN) เป็นพารามิเตอร์ที่สำคัญอีกประการหนึ่งในการปรับปรุงประสิทธิภาพของร้านค้า WooCommerce ที่ร้านค้า WooCommerce ใช้ไม่เพียงพอ การทำงานของ WordPress CDN เป็นดังนี้: แทนที่จะโหลดองค์ประกอบทั้งหมดของหน้าจากเซิร์ฟเวอร์เดียว จะต้องผ่านเครือข่ายของเซิร์ฟเวอร์ที่อยู่ในศูนย์ข้อมูลหลายแห่งทั่วโลก

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

5. ไฟล์ CSS และ JS ของกลุ่ม:

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

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

6. ใช้ประโยชน์จาก CSS Sprites:

ปรับปรุงประสิทธิภาพของร้านค้า WooCommerce ยังหมายถึงการใช้เทคนิค CSS Sprites ที่เรียกว่า แนวปฏิบัตินี้ ซึ่งใช้กันอย่างแพร่หลายในวิดีโอเกมมาก่อน (2D) อนุญาตให้ใช้ภาพเดียวที่มีภาพอื่นๆ หลายภาพ นักออกแบบเว็บไซต์เป็นผู้เลือกรูปภาพที่เขาต้องการใช้สำหรับคุณสมบัติ "ตำแหน่งพื้นหลัง"

ให้ชัดเจนยิ่งขึ้น ลองนึกภาพร้านค้า WooCommerce ของคุณมี Twitter, Facebook, Instagram, Pinterest, RSS และ YouTube เป็นต้น แทนที่จะมีรูปภาพสำหรับแต่ละปุ่ม คุณจะสามารถรวบรวมรูปภาพทั้งหกนี้เป็นไฟล์เดียวได้ จากนั้นคุณสามารถใช้ไฟล์ภาพเดียวสำหรับไอคอนทั้งหมดที่กล่าวถึงข้างต้น

7. แบ่งเบาหน้าที่สูงสุด

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

หน้าที่มีน้ำหนักเบาและเรียบง่ายของสิทธิพิเศษ นี้จะปรับปรุงการมองเห็นของคุณเท่านั้น แต่ยังเพิ่มความเร็วในการโหลดร้านค้าของคุณอีกด้วย

8. การเพิ่มประสิทธิภาพฐานข้อมูล :

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

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

โปรดทราบว่าคุณสามารถใช้ร้านค้า WooCommerce ที่เพิ่มประสิทธิภาพได้โดยใช้ปลั๊กอิน WP-DBManager ซึ่งมีอยู่ในไดเรกทอรีปลั๊กอินของ WordPress

9. โดเมนย่อยสำหรับสินทรัพย์ :

การเพิ่มประสิทธิภาพอื่นสำหรับรูปภาพหรือสื่อโดยทั่วไป: การสร้างโดเมนย่อยที่ทุ่มเทให้กับเนื้อหา เมื่อคุณเชื่อมต่อกับหน้าเว็บ เบราว์เซอร์ของคุณจะตั้งค่าเริ่มต้นเป็นจำนวนการเชื่อมต่อโดเมนย่อย (4, 6, 8 …) เป็นคิวของคำขอ HTTP สิ่งนี้ทำให้เกิดข้อ จำกัด เนื่องจากต้องรอจนกว่าคำขอจะเสร็จสิ้นเพื่อให้สามารถเริ่มต้นใหม่ได้

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

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

10. เปิดใช้งานการบีบอัด Gzip:

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

โชคดีที่การบีบอัด Gzip ช่วยลดขนาดของข้อมูล หากเปิดใช้งาน Gzip บนเซิร์ฟเวอร์ของคุณ เบราว์เซอร์จะโหลดเวอร์ชันบีบอัดของหน้าเว็บหรือไฟล์ที่ร้องขอ

จากนั้นเบราว์เซอร์จะขยายข้อมูลที่ได้รับก่อนที่จะตีความ สุดท้าย การบีบอัด Gzip ช่วยลดขนาดของข้อมูลที่ส่ง และลดเวลาในการโหลดลงอย่างมาก

ด้วย 10 วิธีเหล่านี้ คุณจะต้องเพิ่มประสิทธิภาพร้านค้า WooCommerce Store Performance ของ WooCommerce ของคุณ สามารถใช้เทคนิคอื่นๆ เพื่อเพิ่มประสิทธิภาพต่อไปได้: แคชเซิร์ฟเวอร์ ฯลฯ แต่ถ้าคุณใช้สิ่งที่เรากล่าวถึงในบทความนี้ แสดงว่าคุณได้ทำงานส่วนใหญ่ไปแล้ว

เกี่ยวกับผู้แต่ง :

Saud Razzak เป็นผู้จัดการชุมชน WordPress ที่ Cloudways – แพลตฟอร์มโฮสติ้ง WooCommerce ที่มีการจัดการ Saud มีหน้าที่สร้างกระแส เผยแพร่ความรู้ และให้ความรู้ผู้คนเกี่ยวกับ WordPress ในชุมชนทั่วโลก ในเวลาว่าง เขาชอบเล่นคริกเก็ตและเรียนรู้สิ่งใหม่ทางอินเทอร์เน็ต