WordPress เป็นระบบจัดการเนื้อหาที่ได้รับความนิยมมากที่สุดในโลก ทุกวันนี้ไม่ได้ใช้เป็นเพียงเครื่องมือในการสร้างบล็อกอีกต่อไป มันสามารถเพิ่มประสิทธิภาพให้กับเว็บไซต์ที่หลากหลายรวมถึงอีคอมเมิร์ซ ในความเป็นจริงจำนวนเว็บไซต์อีคอมเมิร์ซที่สร้างด้วย WordPress นั้นเพิ่มขึ้นเรื่อย ๆ หากคุณใช้งานเว็บไซต์อีคอมเมิร์ซ WordPress คุณจะทำให้เร็วขึ้นได้อย่างไร
กล่าวอีกนัยหนึ่งคุณจะเพิ่มความเร็วเว็บไซต์ WordPress อีคอมเมิร์ซได้อย่างไร บทความนี้พร้อมตอบคำถามนี้และเสนอแนวคิดที่เป็นประโยชน์สำหรับการเร่งเว็บไซต์ WordPress ของอีคอมเมิร์ซ
การปรับปรุงเว็บไซต์อีคอมเมิร์ซ WordPress: เริ่มต้นใช้งาน
เครดิตภาพ:
มีหลายวิธีในการสร้างและตั้งค่าเว็บไซต์อีคอมเมิร์ซ WordPress แน่นอน ทุกวิถีทางเหล่านี้หมุนไปรอบ ๆ โดยใช้ WordPress . เฉพาะ plugin. พูด, พูดแบบทั่วไป, พูดทั่วๆไป, WooCommerce เป็นโซลูชันอีคอมเมิร์ซที่ได้รับความนิยมสูงสุดสำหรับผู้ใช้ WordPress เห็นได้ชัดว่าวิธีการเพิ่มประสิทธิภาพและเร่งความเร็วส่วนใหญ่เกี่ยวข้องกับ WooCommerce.
อย่างไรก็ตาม ถ้าคุณไม่ใช่ WooCommerce ผู้ใช้? ยังมีอีกเยอะครับ pluginที่สามารถช่วยคุณรวบรวมเว็บไซต์ WordPress eCommerce ตัวอย่างเช่น คุณสามารถใช้ Easy Digital Downloads ที่ให้คุณสร้างร้านค้าอีคอมเมิร์ซด้วยผลิตภัณฑ์ดิจิทัล (ซึ่งต่างจากผลิตภัณฑ์ที่จับต้องได้) และอื่นๆ
โดยไม่คำนึงถึง WP plugin หรือส่วนขยายที่คุณใช้ คุณยังต้องทำตามขั้นตอนทั่วไปบางอย่างเพื่อเพิ่มความเร็วให้กับเว็บไซต์อีคอมเมิร์ซ WordPress ของคุณ แต่ก่อนหน้านั้น คุณต้องรู้ว่าเว็บไซต์ของคุณช้าแค่ไหน!
ทดสอบความเร็ว
การทดสอบความเร็วเว็บไซต์และเวลาในการโหลดหน้าเว็บที่ดีควรดำเนินการในสภาพแวดล้อมที่เป็นอิสระ ดังนั้นคุณควรใช้เซิร์ฟเวอร์ระยะไกลซึ่งอาจมาจากหลาย ๆ ที่ สิ่งนี้จะแยกแยะปัจจัยต่างๆเช่นการแคชเบราว์เซอร์และให้ภาพที่แท้จริงของขนาดหน้าเวลาโหลดน้ำตกและอื่น ๆ
เครื่องมือช่างเช่น Pingdom และ GTmetrix มีประโยชน์มากในเรื่องนี้ คุณสามารถรันบน URL ของเว็บไซต์ของคุณและดูผลลัพธ์พร้อมกับพื้นที่ที่คุณสามารถปรับปรุงได้
สำหรับวัตถุประสงค์ของเว็บไซต์อีคอมเมิร์ซ WordPress คุณควรเรียกใช้การทดสอบความเร็วบนหน้าหลักของร้านค้าของคุณ หากคุณกำลังใช้ WooCommerce, ลองรันการทดสอบในหน้าร้านค้าหรือหน้าผลิตภัณฑ์เดียว
หลังจากการทดสอบเสร็จสิ้นจะมีรายงานให้คุณทราบถึงสิ่งที่ทำให้เว็บไซต์ WordPress อีคอมเมิร์ซของคุณช้าลง ตัวอย่างเช่นการทดสอบต่อไปนี้ (ดำเนินการใน Shopifyหน้าแรกของ) แสดงให้เห็นว่าการแคชเบราว์เซอร์การรวมกันของ JS และการเปลี่ยนเส้นทางที่น้อยลงสามารถเพิ่มเวลาในการโหลดหน้าเว็บได้
แน่นอนผลลัพธ์จะแตกต่างกันไปในแต่ละเว็บไซต์ อย่างไรก็ตามมันจะช่วยให้คุณได้แนวคิดที่ชัดเจนว่าเว็บไซต์อีคอมเมิร์ซ WordPress ของคุณโหลดได้ช้าเพียงใด
ตอนนี้เรากลับไปที่คำถามใหญ่: เราจะเพิ่มความเร็วเว็บไซต์ WordPress ของเราได้อย่างไร
โฮสติ้งและ CDN
เป็นความรู้ทั่วไปที่คุณควรเลือกใช้สำหรับเว็บโฮสติ้งอีคอมเมิร์ซของคุณ น่าเสียดายที่อุตสาหกรรมเว็บโฮสติ้งทุกวันนี้เต็มไปด้วยโฮสต์เว็บที่มักจะให้บริการด้านล่าง สิ่งนี้อาจส่งผลเสียต่อประสิทธิภาพของเว็บไซต์ของคุณ โดยไม่คำนึงถึงวิธีการปรับให้เหมาะสมที่คุณปรับใช้ไซต์ WP อีคอมเมิร์ซของคุณอาจล้มเหลวในการโหลดได้เร็วขึ้นเนื่องจากเซิร์ฟเวอร์ช้าและซบเซา
โชคดีที่เรามีคู่มือเปรียบเทียบที่สามารถช่วยคุณประเมินประเภทของแผนบริการโฮสต์ที่คุณต้องการและผู้ให้บริการเว็บโฮสติ้งรายใดที่เหมาะสมกับความต้องการของคุณ ลองดูสิ โปรดคลิกที่นี่เพื่ออ่านรายละเอียดเพิ่มเติม.
จากที่กล่าวมาอย่าประมาทความสำคัญของ เครือข่ายการจัดส่งเนื้อหา. ไม่ว่าเว็บโฮสติ้งของคุณจะดีแค่ไหน CDN ก็สามารถทำให้ดีขึ้นและเร็วขึ้นได้เสมอ หากร้านค้าอีคอมเมิร์ซของคุณมีลูกค้าทั่วโลกหรือข้ามประเทศ การใช้ CDN เป็นสิ่งจำเป็น
เครือข่ายการจัดส่งเนื้อหาจะเพิ่มความเร็วเว็บไซต์ของคุณโดยการแสดงหน้าเว็บจากกลุ่มเซิร์ฟเวอร์ที่มีความหลากหลายทางภูมิศาสตร์ ตัวอย่างเช่นสมมติว่าเว็บไซต์ของคุณโฮสต์บนเซิร์ฟเวอร์ที่ตั้งอยู่ในฟลอริดา ขณะนี้หากผู้ใช้จากกรุงเทพฯเข้าชมเว็บไซต์ของคุณจะใช้เวลาโหลดนานขึ้น นี่คือเนื่องจากระยะทางทางภูมิศาสตร์, ISP หลายแห่ง, ฯลฯ หากคุณใช้เครือข่ายการจัดส่งเนื้อหา CDN จะให้บริการสำเนาเนื้อหาเว็บไซต์ของคุณจากสถานที่ใกล้กรุงเทพฯ โดยปกติจะเป็นการเพิ่มเวลาในการโหลดหน้าเว็บและแสดงเนื้อหาได้เร็วขึ้น
CloudFlare และ MaxCDN เป็นสองตัวเลือกยอดนิยมสำหรับการรวมเข้ากับเว็บไซต์ WordPress eCommerce คุณสามารถใช้แผนฟรีของ CloudFlare เพื่อทดสอบน่านน้ำแม้ว่าจะมีประสิทธิภาพสูงสุดแผนการชำระเงินเป็นการลงทุนที่ดี
ปรับภาพให้เหมาะสม
รูปภาพเป็นองค์ประกอบสำคัญของร้านค้าอีคอมเมิร์ซ เพื่อปรับปรุงเวลาในการโหลดหน้าควรใช้เวลาในการปรับภาพผลิตภัณฑ์ภาพขนาดย่อและอื่น ๆ ให้เหมาะสม
WordPress pluginเช่น TinyPNG สามารถพิสูจน์ได้ว่ามีประโยชน์สำหรับการบีบอัดและเพิ่มประสิทธิภาพของรูปภาพในขณะที่คุณอัปโหลด
อีกวิธีหนึ่งที่สามารถใช้ได้คือการโหลดรูปภาพแบบขี้เกียจ การโหลดแบบ Lazy Loading หมายถึงชุดของรูปภาพที่กำหนดจะไม่ถูกโหลดจนกว่าผู้ใช้จะเลื่อนลงไปที่ส่วนของหน้าที่วางภาพเหล่านั้น ในลักษณะนี้ เวลาในการโหลดหน้าเว็บโดยรวมจะไม่ได้รับผลกระทบในทางลบ เนื่องจากเบราว์เซอร์ไม่ต้องโหลดภาพทั้งหมดในคราวเดียว WP pluginเช่น โหลด BJ ขี้เกียจ สามารถช่วยคุณทำสิ่งนี้ให้สำเร็จนอกกรอบ
เนื่องจากเนื้อหาสื่อของร้านค้าออนไลน์ส่วนใหญ่ของคุณจะอยู่ในรูปของรูปภาพการปรับให้เหมาะสมและการโหลดรูปภาพที่ขี้เกียจสามารถให้ผลลัพธ์ที่เป็นประโยชน์
การใช้ WordPress Caching Plugin
การแคชเป็นวิธีแก้ปัญหาที่พบบ่อยที่สุดสำหรับการเร่งความเร็วเว็บไซต์และบล็อก WP เว็บไซต์อีคอมเมิร์ซ WordPress ก็ไม่มีข้อยกเว้นสำหรับกฎนี้ คุณควรพิจารณาเลือกใช้การแคช WordPress ที่เชื่อถือได้และมีชื่อเสียง plugin. บางชื่อที่คุ้มค่าคือ:
นอกจากนี้ ตรวจสอบให้แน่ใจว่า plugin ที่คุณเลือกเข้ากันได้กับ WordPress eCommerce plugin. หากคุณใช้ WooCommerceไม่มีอะไรต้องกังวล — แคชส่วนใหญ่ pluginเก็บ WooCommerce เก็บไว้ในใจและเข้ากันได้อย่างสมบูรณ์กับสิ่งเดียวกัน สำหรับอีคอมเมิร์ซ WP . อื่น ๆ ทั้งหมด pluginคุณอาจต้องตรวจสอบ .ของคุณ pluginเอกสารของ
โดยความเข้ากันได้ เราหมายถึงการแคช plugin ควรตรวจหาสิ่งที่ต้องการแคชโดยอัตโนมัติ (และสิ่งที่ไม่ควรทำ) นี่คือตัวอย่าง: ไม่ว่าในกรณีใดๆ การแคช WP ของคุณ plugin ควรแคชรถเข็นและ Checkout pageส. หน้าเหล่านี้ต้องสร้างขึ้นตามการเลือกของผู้ใช้เท่านั้น ไม่มีสำเนาคงที่ที่สามารถให้บริการได้
ในทำนองเดียวกัน วิดเจ็ตตะกร้าสินค้า (หรือไอคอนที่มักวางไว้ในส่วนหัวหรือแถบเมนูของร้านค้าอีคอมเมิร์ซ) ไม่จำเป็นต้องแคช สำหรับไซต์อีคอมเมิร์ซ WordPress ความคิดที่ดีคือเปิดใช้งานการลดขนาด CSS และ HTML แต่หลีกเลี่ยงการย่อขนาด JavaScript อีคอมเมิร์ซมากมาย pluginพึ่งพา JS ในการโหลดวิดเจ็ตตะกร้าสินค้าได้ทันที การลดขนาด JS หรือการแคชอาจทำให้เกิดปัญหาที่นี่ — ผู้ใช้อาจเพิ่มผลิตภัณฑ์ลงในรถเข็นของตน และจะถูกเพิ่มสำเร็จ แต่หน้าจะยังคงแสดงตะกร้าสินค้าที่ว่างเปล่า — JS ถูกแคชไว้ ดังนั้นตะกร้าสินค้าจึงไม่สามารถอัปเดตได้ เว้นแต่จะมีการรีเฟรชทั้งหน้า
ดังนั้นในขณะที่คุณสามารถ (และควร) แคชไฟล์ JavaScript และย่อขนาดลงในบล็อก WP การทำเช่นนี้ไม่ใช่ความคิดที่ดีในร้านค้าอีคอมเมิร์ซ WP
การใช้ AJAX ในตะกร้าสินค้า
เป็นเรื่องปกติที่จะใช้ AJAX เพื่อแสดงรายละเอียดตะกร้าสินค้า อีคอมเมิร์ซ WP ส่วนใหญ่ pluginรวมถึง WooCommerce, ทำเช่นเดียวกัน. นี่คือวิธีการทำงาน:
ผู้ใช้เลือกผลิตภัณฑ์และคลิกปุ่ม "เพิ่มในรถเข็น" สินค้าถูกเพิ่มลงในรถเข็น ถัดไป ค่าสองค่าจะได้รับการอัปเดตบนหน้า: ปุ่ม Add to Cart ของผลิตภัณฑ์แสดง "Added to Cart" หรือ "Already in Cart" (หรือชอบwise) และวิดเจ็ตตะกร้าสินค้า (หรือปุ่ม) จะแสดงจำนวนสินค้าที่อัปเดต ส่วนที่เหลือของหน้า? มันไม่สดชื่นหรือเปลี่ยนแปลง
การรีเฟรชแบบเลือกนี้เกิดขึ้นผ่านการโทร AJAX ตอนนี้ส่วนที่เป็นลบเกี่ยวกับคุณสมบัตินี้คือการโทร AJAX ต้องใช้เวลาและส่งผลเสียต่อเวลาโหลดหน้าเว็บ ดังนั้นไม่ว่าผู้ใช้จะเพิ่มผลิตภัณฑ์ที่จะโทร (นั่นคือไม่ว่าจะต้องมีการปรับปรุงรถเข็นด้วย AJAX) หรือไม่ก็ตามห้องสมุดยังคงต้องโหลด
ถ้าคุณ wish หากต้องการเพิ่มประสิทธิภาพที่นี่ คุณสามารถปิดใช้งานการโทร AJAX (ใช้ง่าย plugin เช่นนี้) แล้วมีอีคอมเมิร์ซของคุณ plugin เปลี่ยนเส้นทางผู้ใช้ไปยังตะกร้าสินค้าเมื่อเพิ่มสินค้าลงในตะกร้าสินค้า นี่คือวิธีการทำใน WooCommerce:
เพียงไปที่การตั้งค่าแล้วไปที่แท็บผลิตภัณฑ์ เลือกตัวเลือก “เปลี่ยนเส้นทางไปยังตะกร้าสินค้า” หลังจากนั้น บันทึกการเลือกของคุณ (คุณยังสามารถปิดใช้งาน AJAX ในไฟล์เก็บถาวรได้ หากคุณ wish ถึง).
ในขณะที่เราอยู่ที่นี่ WordPress . ที่เรียบง่าย แต่มีประโยชน์มาก plugin จะ WooCommerce ซ่อมท่อระบายน้ำสปีด. มันแค่หยุดโหลดเมธอด AJAX และอื่นๆ WooCommerce ฟังก์ชันที่ไม่ใช่WooCommerce หน้า (เช่น บล็อกของคุณหรือหน้าเกี่ยวกับ) สามารถช่วยคุณเร่งความเร็วเว็บไซต์อีคอมเมิร์ซ WordPress ของคุณได้
การเพิ่มประสิทธิภาพฐานข้อมูล
เครดิตภาพ:
ฐานข้อมูล WordPress ที่ช้าและปรับตัวไม่ดีสามารถทำให้เว็บไซต์ของคุณหยุดนิ่ง นี่เป็นเรื่องจริงโดยเฉพาะอย่างยิ่งในกรณีที่ร้านค้าอีคอมเมิร์ซทำงานบน WP มีตารางฐานข้อมูลและรายการมากกว่าปกติ คุณไม่เพียงต้องจัดการกับตารางและรายการสำหรับโพสต์หน้าและความคิดเห็น นอกจากนี้คุณยังจะมีรายการและตารางสำหรับผลิตภัณฑ์คุณลักษณะของผลิตภัณฑ์คำสั่งซื้อ ฯลฯ
คุณสามารถเลือก WP . ยอดนิยมได้ plugin เช่น เพิ่มประสิทธิภาพ WP or WP กวาด. อย่างเช่น plugins สามารถสแกนผ่านฐานข้อมูลของคุณ ลบแฟรกเมนต์และโอเวอร์เฮดที่ไม่จำเป็น ฯลฯ การล้างฐานข้อมูล WP ของคุณตามช่วงเวลาสม่ำเสมอ คุณสามารถเพิ่มเวลาในการโหลดเพจได้เนื่องจากการสืบค้นฐานข้อมูลจะทำได้รวดเร็วยิ่งขึ้น
สรุป
นั่นนำเราไปสู่จุดสิ้นสุดของโพสต์นี้ เราได้หารือถึงวิธีการหลีกเลี่ยงการโหลดสคริปต์ที่ไม่จำเป็นบนหน้า eCommerce, เพิ่มประสิทธิภาพฐานข้อมูล, ใช้แคชและ CDNs ฯลฯ เพื่อเพิ่มความเร็วเว็บไซต์ WordPress eCommerce
หากคุณใช้หรือจัดการเว็บไซต์ WordPress eCommerce คุณใช้กลยุทธ์หรือวิธีการใดเพื่อเร่งความเร็ว แบ่งปันมุมมองของคุณในความคิดเห็นด้านล่าง!
ภาพที่โดดเด่น
ความคิดเห็น 0 คำตอบ