วิธีเพิ่มความเร็วให้กับ WooCommerce ด้วย WP Rocket และ Botiga

เผยแพร่แล้ว: 2022-04-25

ดิ้นรนกับวิธีเร่งความเร็ว WooCommerce และสร้างร้านค้าที่โหลดเร็ว?

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

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

มีเหตุผลหลายประการ แต่สองเหตุผลที่ใหญ่ที่สุดคือร้านค้าของ WooCommerce นั้นใช้ฐานข้อมูลมากกว่าไซต์ WordPress ทั่วไป และคุณไม่สามารถแคชหน้าร้านค้าทั้งหมดของคุณได้

อย่างไรก็ตาม นั่นไม่ได้หมายความว่าคุณไม่มีตัวเลือกในการสร้างร้านค้าที่เร็วขึ้น

ด้วยเครื่องมือที่เหมาะสม คุณสามารถเพิ่มความเร็วให้กับร้านค้าของคุณได้โดยไม่ต้องมีความรู้ด้านเทคนิคพิเศษใดๆ

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

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

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

เสียงดี? มาเร่งความเร็ว WooCommerce ไปด้วยกัน

สองกลยุทธ์การเพิ่มประสิทธิภาพความเร็วพื้นฐานของ WooCommerce ก่อน WP Rocket

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

อย่างไรก็ตาม หากคุณต้องการร้านค้า WooCommerce ที่โหลดได้รวดเร็ว คุณยังต้องมีพื้นฐานการทำงานที่แข็งแกร่ง มิฉะนั้น การใช้ WP Rocket ก็เหมือนกับการทาลิปสติกให้หมู

โดยทั่วไป WP Rocket จะทำให้ร้านค้าของคุณ เร็วขึ้น แต่ถ้ารากฐานของคุณช้าเกินไปที่จะเริ่มต้น คุณจะยังมีร้านค้าที่ช้า มันจะเพียงเล็กน้อย…”ช้าน้อยลง”

ดังนั้น — อะไรคือรากฐานที่แข็งแกร่งสำหรับประสิทธิภาพของ WooCommerce?

คุณต้องตอกย้ำรายละเอียดทั้งสองนี้:

1. เลือกธีม WooCommerce ที่เร็วขึ้น

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

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

เรามีโพสต์เฉพาะที่เราทดสอบตัวเลือกมากมายเพื่อค้นหาธีม WooCommerce ที่เร็วที่สุด แต่ถ้าคุณต้องการประหยัดเวลา คุณสามารถใช้ธีม Botiga ฟรีของเราได้:

Botiga เป็นหนึ่งในธีม WooCommerce ที่เร็วที่สุด

ตั้งแต่ต้นจนจบ Botiga ถูกสร้างขึ้นเพื่อประสิทธิภาพ ใช้ JavaScript วานิลลาเท่านั้น (ไม่มีการพึ่งพา jQuery) ลดขนาดโค้ดโดยอัตโนมัติ และมีขนาดไม่เกิน 44.3 KB เมื่อแกะกล่อง

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

ในขณะเดียวกัน Botiga ก็มีฟีเจอร์อีคอมเมิร์ซที่มีประโยชน์มากมาย รวมถึงสิ่งต่อไปนี้:

  • รูปแบบหน้าชำระเงินและตะกร้าสินค้าหลายแบบ
  • ค้นหาสินค้าทันทีเพื่อช่วยให้นักช็อปค้นหาสินค้าได้อย่างรวดเร็ว
  • แนะนำสินค้าเก๋ๆ
  • ตัวอย่างรูปแบบสินค้า
  • เลย์เอาต์แกลเลอรีผลิตภัณฑ์หลายแบบ
  • สิ่งที่อยากได้
  • แถบหยิบใส่ตะกร้า

Botiga มีเวอร์ชันฟรีที่ใช้งานได้เต็มรูปแบบ เช่นเดียวกับรุ่น Pro ราคา $69 ที่เพิ่มคุณสมบัติเพิ่มเติม

ด้วยเหตุผลดังกล่าว เราจะใช้ Botiga เป็นตัวอย่างในการเร่งร้านค้าของเรา

คุณสามารถดาวน์โหลด Botiga ได้ที่นี่ หรือเรียกดูการสาธิตเพื่อดูตัวอย่าง

2. ใช้โฮสติ้ง WooCommerce ที่ปรับประสิทธิภาพให้เหมาะสม

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

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

ที่นี่อีกครั้ง เรามีบทความที่เราทดสอบผู้ให้บริการโฮสต์หลายรายเพื่อค้นหาโฮสติ้ง WordPress ที่เร็วที่สุด หากคุณรีบร้อน ต่อไปนี้คือตัวเลือกที่ดีที่ควรพิจารณา:

  • Kinsta – อ่านรีวิว Kinsta แบบเต็มของเรา
  • WP Engine – ฉันขอแนะนำแผนโฮสติ้งอีคอมเมิร์ซโดยเฉพาะซึ่งรวมถึง Elasticsearch (ซึ่งจะช่วยปรับปรุงประสิทธิภาพการค้นหาผลิตภัณฑ์ของร้านค้าของคุณอย่างมาก)
  • Cloudways – อ่านรีวิว Cloudways ฉบับเต็มของฉัน
Kinsta ให้บริการโฮสติ้ง WooCommerce ที่รวดเร็ว

วิธีเพิ่มความเร็วให้ WooCommerce ด้วย WP Rocket

ถึงเวลาที่จะใช้ WP Rocket เพื่อรัดบูสเตอร์และทำให้ WooCommerce โหลดเร็วขึ้น

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

ข้อมูลทดสอบความเร็วของ WooCommerce ด้วย Botiga

อย่างไรก็ตาม ด้วย WP Rocket เรายังคงทำให้โหลดเร็วขึ้นได้ มีปลั๊กอินการเพิ่มประสิทธิภาพ WordPress ที่ยอดเยี่ยมมากมาย เหตุใดฉันจึงแนะนำ WP Rocket สำหรับ WooCommerce

คุณสามารถอ่านบทวิจารณ์ WP Rocket แบบเต็มของฉันเพื่อเรียนรู้ว่าทำไมฉันถึงชอบ แต่นี่เป็นบทสรุปโดยย่อของคะแนนสูง:

  1. มีความเข้ากันได้กับ WooCommerce แบบสำเร็จรูป หาก WP Rocket เห็นว่าคุณกำลังใช้ WooCommerce ระบบจะกำหนดค่าตัวเองโดยอัตโนมัติในวิธีที่ดีที่สุดเมื่อพูดถึงพื้นฐานเช่นการแคช นี่เป็นข้อได้เปรียบอย่างมาก เนื่องจากการกำหนดค่าแคชอย่างไม่เหมาะสมบนร้านค้า WooCommerce อาจทำให้ฟังก์ชันการทำงานหลักเสียหายได้
  2. มันใช้งานง่าย มาก นอกเหนือจากประเด็นข้างต้น โดยทั่วไปแล้ว WP Rocket จะมีอินเทอร์เฟซที่เรียบง่าย เอกสารรายละเอียด และการสนับสนุนระดับพรีเมียม
  3. มันทำให้เว็บไซต์ของคุณเร็วขึ้น ฉันบันทึกสิ่งที่ดีที่สุดไว้เป็นครั้งสุดท้าย WP Rocket ใช้งานได้ดี และช่วยให้ร้านค้า WooCommerce โหลดเร็วขึ้น (และไซต์ WordPress อื่น ๆ ด้วย) ทำได้ดีมาก นอกจากนี้ยังมีคุณลักษณะเฉพาะ เช่น ความสามารถในการลบ CSS ที่ไม่ได้ใช้และชะลอการทำงานของ JavaScript

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

ในการเริ่มต้น อย่าลืมซื้อ WP Rocket ต่อไปนี้เป็นวิธีตั้งค่าสำหรับ WooCommerce

1. ติดตั้งปลั๊กอินเพื่อเปิดใช้งานการเพิ่มประสิทธิภาพพื้นฐาน

ในการเริ่มต้น ให้ไปที่ร้านค้า WooCommerce ของคุณ (หรือตั้งค่าก่อนถ้าคุณยังไม่มี) และติดตั้งและเปิดใช้งาน WP Rocket:

WP Rocket ข้อความต้อนรับการติดตั้งใหม่

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

  • การ แคชหน้า - WP Rocket จะแยกเนื้อหา WooCommerce ที่สำคัญออกโดยอัตโนมัติเพื่อหลีกเลี่ยงปัญหาในขณะที่ยังคงแคชเนื้อหาให้ได้มากที่สุด ตัวอย่างเช่น จะไม่รวมตะกร้าสินค้าและหน้าชำระเงิน ท่ามกลางการปรับแต่งความเข้ากันได้อื่นๆ
  • การแคชเบราว์เซอร์
  • การบีบอัด GZIP
  • การสนับสนุน Cross-Origin สำหรับแบบอักษรเว็บ
  • การเพิ่มประสิทธิภาพไฟล์ Google Fonts

บนร้านค้า WooCommerce WP Rocket จะเพิ่มประสิทธิภาพคำขอ AJAX get_refreshed_fragments โดยอัตโนมัติ นี่คือสิ่งที่ WooCommerce ใช้เพื่ออัปเดตเนื้อหารถเข็นของนักช้อปแบบไดนามิก

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

นี่คือวิธีการโหลดหน้าแรกของร้านค้าของเราโดยไม่ต้องแตะการตั้งค่าใด ๆ ใน WP Rocket:

ทดสอบความเร็ว WooCommerce ด้วยการตั้งค่าเริ่มต้น WP Rocket

คุณจะเห็นว่าเวลาของไบต์แรกลดลงประมาณ 450 มิลลิวินาที (จาก 0.509 เป็น 0.043 วินาที) ซึ่งนำไปสู่การลดลงที่คล้ายกันในเมตริกอื่นๆ เกือบทั้งหมด รวมถึง Largest Contentful Paint (LCP) เวลาระบายสีเนื้อหาที่ใหญ่ที่สุดลดลงจาก ~1.1 วินาทีเป็น ~0.7 วินาที

การลดลงนี้ส่วนใหญ่เป็นผลมาจากการแคชเพจที่เป็นมิตรกับ WooCommerce ที่ WP Rocket นำไปใช้ แม้ว่าการปรับแต่งอื่นๆ จะช่วยได้เช่นกัน

2. ตั้งค่าการเพิ่มประสิทธิภาพไฟล์

แม้ว่า WP Rocket จะเปิดใช้งานคุณสมบัติที่มีประโยชน์มากมายตามค่าเริ่มต้น แต่ก็มีบางส่วนที่สำคัญที่คุณจะต้องเปิดใช้งานด้วยตนเอง

ในการเริ่มต้น ให้ไปที่แท็บ File Optimization ในพื้นที่การตั้งค่า WP Rocket ( Settings → WP Rocket )

นี่คือที่ที่คุณสามารถเพิ่มประสิทธิภาพโค้ด CSS และ JavaScript ของร้านค้าของคุณ ซึ่งสามารถสร้างความแตกต่างอย่างมากในประสิทธิภาพของร้านค้าของคุณ (โดยเฉพาะอย่างยิ่งเมื่อพูดถึง Core Web Vitals และคะแนนประสิทธิภาพของ Lighthouse)

นี่คือการตั้งค่าที่ฉันแนะนำ:

ไฟล์ CSS :

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

ฉัน ไม่ แนะนำให้รวมไฟล์ CSS เนื่องจากตอนนี้ไม่มีประโยชน์จริง ๆ ที่โฮสต์คุณภาพส่วนใหญ่ใช้ HTTP/2

การเพิ่มประสิทธิภาพประสิทธิภาพ WP Rocket WooCommerce CSS

ไฟล์จาวาสคริปต์ :

  • ลดขนาดไฟล์ JavaScript
  • โหลด JS รอการตัดบัญชี
  • ความล่าช้าในการดำเนินการ JavaScript

เช่นเดียวกับ CSS ฉันไม่แนะนำให้รวมไฟล์ JavaScript

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

วิธีนี้ เหมาะ สำหรับการปรับปรุงเวลาแสดงเนื้อหาที่มีเนื้อหามากที่สุด แต่คุณอาจมี JavaScript บางตัวที่คุณต้องการโหลดทันที เช่น สคริปต์ติดตาม (เช่น Google Analytics หรือ Google Tag Manager) หรือปลั๊กอินบางตัวที่คุณอาจใช้อยู่

WP Rocket รักษาหน้ารายละเอียดของการยกเว้นที่อาจเกิดขึ้นทั้งหมด เพื่อที่คุณจะได้ไม่ต้องคิดสคริปต์เพื่อแยกตัวคุณเอง คุณสามารถคัดลอกจากบทความช่วยเหลือของ WP Rocket และวางลงในช่อง Excluded JavaScript Files

ตัวอย่างเช่น หากคุณต้องการยกเว้น Google Analytics คุณจะต้องกำหนดค่าดังนี้:

WP Rocket WooCommerce JavaScript การเพิ่มประสิทธิภาพประสิทธิภาพ

หลังจากปรับแต่งแล้ว คุณจะเห็นการปรับปรุงเพิ่มเติมอีก ขนาดหน้าของหน้าแรกลดลงประมาณ 80 KB และเวลาระบายสีเนื้อหาที่ใหญ่ที่สุดลดลงอีกจาก ~0.7 วินาทีเป็น ~0.5 วินาที

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

3. เพิ่มประสิทธิภาพสื่อของคุณ

ณ จุดนี้ คุณได้บีบค่าประสิทธิภาพส่วนใหญ่ออกจาก WP Rocket แล้ว อย่างไรก็ตาม ยังมีส่วนการตั้งค่าอื่นๆ อีกสองสามอย่างที่คุณอาจต้องการสำรวจเพื่อปรับแต่งเพิ่มเติม

ในแท็บ สื่อ ฉันแนะนำให้เปิดใช้งานการโหลดแบบ Lazy Loading และขนาดรูปภาพหายไป แบบแรกจะช่วยคุณในด้านประสิทธิภาพ และแบบหลังสามารถลดปัญหาของ Cumulative Layout Shift (CLS) เพื่อปรับปรุงประสิทธิภาพ Core Web Vitals ของคุณต่อไป:

ตัวเลือกการเพิ่มประสิทธิภาพสื่อ WP Rocket

4. เพิ่มเครือข่ายการจัดส่งเนื้อหา (สำหรับร้านค้าทั่วโลก)

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

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

หากร้านค้าของคุณกำหนดเป้าหมายเฉพาะผู้ซื้อในพื้นที่ทางภูมิศาสตร์ที่เจาะจง เช่น ภายในสหราชอาณาจักร คุณอาจไม่เห็นประโยชน์มากมายจาก CDN

แต่ถ้าคุณกำหนดเป้าหมายผู้ซื้อทั่วโลก เช่น ในสหราชอาณาจักร และ สหรัฐอเมริกา CDN ก็เป็นทางเลือกที่ดีอีกทางหนึ่งในการเร่งความเร็ว WooCommerce

ในส่วน CDN WP Rocket ให้คุณสองตัวเลือกในการเพิ่ม CDN ในร้านค้าของคุณ:

  1. คุณสามารถใช้บริการ RocketCDN อย่างเป็นทางการ ซึ่งมีค่าใช้จ่ายเพียง 7.99 ดอลลาร์ต่อเดือนสำหรับแบนด์วิดท์ไม่จำกัด มันขึ้นอยู่กับเครือข่ายทั่วโลกของ StackPath นี่เป็นตัวเลือกที่ง่ายที่สุดเพราะมีการกำหนดค่าอัตโนมัติ
  2. คุณสามารถผสานรวมกับ CDN ของบุคคลที่สามโดยให้ WP Rocket เขียน URL ของคุณใหม่ ตัวเลือกยอดนิยม ได้แก่ StackPath, KeyCDN, Bunny CDN, CloudFront และอื่นๆ

หากคุณไม่มั่นใจในการตั้งค่า CDN ของคุณเอง เราขอแนะนำให้คุณใช้บริการ RocketCDN เพราะมันคุ้มค่ามาก เนื่องจากคุณจะได้รับแบนด์วิดท์ไม่จำกัดในราคาคงที่:

การตั้งค่า WP Rocket CDN

การแก้ไขปัญหาด้วย WP Rocket บน WooCommerce

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

ตัวอย่างที่พบบ่อยที่สุดคือปัญหาเกี่ยวกับเนื้อหาแบบไดนามิกบางประเภท เช่น รายการสิ่งที่อยากได้ของผู้ใช้ รายการที่เพิ่งดู หรือเนื้อหาเฉพาะสถานที่ (เช่น ราคาที่แตกต่างกันสำหรับประเทศต่างๆ)

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

ดังนั้น - คุณจะแก้ไขปัญหานี้ได้อย่างไร? มาดูเคล็ดลับกัน

ก่อนอื่น ให้ลองใช้ปลั๊กอินเนื้อหาแบบไดนามิกที่มีการเข้ารหัสในลักษณะที่เข้ากันได้กับแคช โดยพื้นฐานแล้ว หมายความว่าปลั๊กอินสร้างเนื้อหาแบบไดนามิกโดยใช้ JavaScript หรือ AJAX แทน PHP

หากคุณไม่แน่ใจ คุณสามารถติดต่อผู้พัฒนาปลั๊กอินที่คุณมีปัญหาได้ ปลั๊กอินบางตัวมีเครื่องมือที่เข้ากันได้ในตัว ตัวอย่างเช่น ปลั๊กอิน YITH WooCommerce Wishlist มีการตั้งค่าเพื่อเปิดใช้งานการโหลด AJAX ซึ่งจะแก้ไขปัญหาเกี่ยวกับการแคช

ทีมงาน WP Rocket ได้สร้างปลั๊กอิน/เครื่องมือที่เข้ากันได้สำหรับปลั๊กอิน WooCommerce ยอดนิยมที่อาจทำให้เกิดปัญหา:

  • ปลั๊กอินรายการสิ่งที่อยากได้ของ YITH WooCommerce
  • Native WooCommerce วิดเจ็ตผลิตภัณฑ์ที่ดูล่าสุด
  • YITH WooCommerce ปลั๊กอินผลิตภัณฑ์ที่ดูล่าสุด

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

คุณสามารถลองค้นหาข้อมูลคุกกี้จากเอกสารประกอบของปลั๊กอินหรือจ้างนักพัฒนาซอฟต์แวร์เพื่อค้นหาข้อมูลให้กับคุณ จากนั้น คุณสามารถตั้งค่ากฎการยกเว้นแคชคุกกี้ในพื้นที่ กฎขั้นสูง ของ WP Rocket:

กฎการยกเว้นขั้นสูงของ WP Rocket

ปลั๊กอินเพิ่มประสิทธิภาพความเร็ว WooCommerce ที่มีประโยชน์อื่น ๆ นอกเหนือจาก WP Rocket

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

รูปภาพ!

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

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

เรามีโพสต์ทั้งหมดเกี่ยวกับปลั๊กอินการเพิ่มประสิทธิภาพรูปภาพ WordPress ที่ดีที่สุด แต่นี่คือตัวเลือกยอดนิยมบางส่วน:

  • Imagify – ปลั๊กอินนี้มาจากผู้พัฒนาเดียวกันกับ WP Rocket
  • ShortPixel – นี่คือปลั๊กอินที่ฉันใช้บนเว็บไซต์ของฉันเอง
  • WP Compress - อีกตัวเลือกคุณภาพสูง เรียนรู้เพิ่มเติมในการทบทวน WP Compress ของเรา

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

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

คุณแก้ไขปัญหานี้ได้โดยใช้โซลูชันการค้นหานอกเซิร์ฟเวอร์ เช่น Elasticsearch (ผ่านปลั๊กอิน ElasticPress) หรือ Jetpack Search (ซึ่งอิงตาม Elasticsearch ด้วย แต่นำไปใช้ได้ง่ายกว่า)

เร่งความเร็วร้านค้า WooCommerce ของคุณวันนี้

หากคุณต้องการให้ร้านค้า WooCommerce ของคุณประสบความสำเร็จ สิ่งสำคัญคือต้องโหลดอย่างรวดเร็ว

ในการสร้างร้านค้าของคุณให้ประสบความสำเร็จ สิ่งสำคัญอันดับแรกคือต้องวางรากฐานที่แข็งแกร่ง:

  1. เลือกธีม WooCommerce ที่โหลดเร็ว เช่น ธีม Botiga ฟรี
  2. ใช้โฮสติ้ง WordPress ที่เพิ่มประสิทธิภาพ เช่น Kinsta หรือ WP Engine
  3. ตั้งค่ารากฐานของไซต์อีคอมเมิร์ซของคุณ

จากที่นั่น WP Rocket สามารถช่วยคุณปรับใช้การเพิ่มประสิทธิภาพประสิทธิภาพของ WooCommerce ได้หลายอย่าง รวมถึงการแคชที่เข้ากันได้กับ WooCommerce การเพิ่มประสิทธิภาพ CSS และ JavaScript และอื่นๆ

หากคุณเพิ่มปลั๊กอินการเพิ่มประสิทธิภาพภาพเพื่อเพิ่มประสิทธิภาพภาพผลิตภัณฑ์ของคุณ คุณควรตั้งค่าเป็นร้านค้า WooCommerce ที่มีน้ำหนักเบาและรวดเร็ว

คุณยังมีคำถามเกี่ยวกับวิธีเร่งความเร็ว WooCommerce ด้วย WP Rocket และ Botiga หรือไม่? แจ้งให้เราทราบในความคิดเห็น!