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

เผยแพร่แล้ว: 2022-06-11

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

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

เคล็ดลับ #1: อัปเกรดเป็น Magento 2 หากคุณยังใช้งาน Magento 1

Adobe ยุติการสนับสนุน Magento 1 ในเดือนมิถุนายน 2020 แต่บริษัทหลายร้อยแห่งยังคงใช้ Magento 1 อยู่ หากคุณเป็นหนึ่งในนั้น ให้ถือว่าข้อความนี้เป็นการเรียกร้องให้ย้ายข้อมูลโดยเร็วที่สุด ท่ามกลางข้อดีมากมายของ Magento 2 (ปัจจุบันรู้จักกันในชื่อ Adobe Commerce) ประสิทธิภาพถือเป็นข้อได้เปรียบที่ใหญ่ที่สุดเหนือคู่แข่งที่ล้าสมัยในหลาย กรณีการใช้งาน:

  • Magento 2 ประมวลผลคำสั่งซื้อเพิ่มขึ้น 39% ต่อชั่วโมง โดยเข้าถึงคำสั่งซื้อได้สูงสุด 2,558 รายการต่อชั่วโมง
  • ให้เวลาตอบสนองเกือบทันทีสำหรับหน้าแคตตาล็อก (<2 วินาที)
  • ช่วยให้เวลาตอบสนองของเซิร์ฟเวอร์ add-to-cart เร็วขึ้นสูงสุด 66% ซึ่งต่ำกว่า 500 มิลลิวินาที
  • ให้เวลาตอบสนองการชำระเงินของลูกค้าเร็วขึ้น 51% และเวลาตอบสนองการชำระเงินของลูกค้าเร็วขึ้น 36% สำหรับขั้นตอนการชำระเงินทั้งหมดรวมกัน

นอกจากนี้ Magento 2.4.x เวอร์ชันล่าสุดและใหม่ล่าสุดยังเร็วยิ่งขึ้นด้วยการปรับปรุงที่สำคัญในด้านเวลาตอบสนองของหน้าร้าน เวลาโหลดภาพที่เร็วขึ้น ตลอดจนประสิทธิภาพการแคชและการเพิ่มไปยังรถเข็นที่ดีขึ้น

เคล็ดลับ #2: เปลี่ยนผู้ให้บริการโฮสติ้งของคุณ

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

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

เคล็ดลับ #3: ใช้กลยุทธ์การแคชที่ใช้งานได้ (หรือเพิ่มประสิทธิภาพที่มีอยู่)

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

การแคชมีประโยชน์อย่างยิ่งเมื่อคุณมีผลิตภัณฑ์ที่มีคุณสมบัติหลายอย่างที่ใช้เวลาในการโหลดนานเกินไป Magento 2 เปิดใช้งานการแคชแบบเต็มหน้าได้ทันที แต่คุณสามารถเพิ่มโฟลว์ของมันได้อีก โดยใช้เทคโนโลยีแคชขั้นสูง เช่น Varnish และ Redis

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

Redis จะทำหน้าที่เป็นแคชเริ่มต้นสำหรับจัดเก็บคำค้นหา คีย์ และเซสชันผู้ใช้ที่พบบ่อย มันมาแทนที่ระบบแคชตามไฟล์มาตรฐานของ Magento และจะเพิ่มความเร็วเป็นพิเศษให้กับเว็บไซต์ของคุณ

ในขณะที่วานิชมุ่งเน้นไปที่การแคชส่วนหน้า Redis อาจจัดเก็บโครงสร้างข้อมูลอื่นๆ เช่น EAV และแคชการกำหนดค่า นั่นเป็นเหตุผลที่ฉันแนะนำให้ใช้ควบคู่กัน

เคล็ดลับ #4: พิจารณาเพิ่ม CDN

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

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

อย่างไรก็ตาม มันเป็นสิ่งจำเป็นสำหรับเว็บไซต์ที่มีการเข้าชมหนาแน่นและมีความสำคัญต่อภารกิจ ซึ่งจริงจังในการมอบประสบการณ์การใช้งานที่ดีที่สุดแก่ผู้ใช้ คำแนะนำส่วนตัวของฉันคือ Akamai, Cloudflare และ Amazon Cloudfront

เคล็ดลับ #5: ดำเนินการตรวจสอบเว็บไซต์

หากไซต์อีคอมเมิร์ซทำเงินได้ 100,000 ดอลลาร์ต่อวัน ความล่าช้าของหน้า 1 วินาทีอาจทำให้ คุณสูญเสียยอดขาย 2.5 ล้านดอลลาร์ทุกปี ความล่าช้านั้นเกิดจากคอขวดของประสิทธิภาพ

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

ปัญหาคอขวดด้านประสิทธิภาพของ Magento ที่พบบ่อยที่สุดบางส่วนอาจรวมถึง:

  • ปล่อยให้โมดูลหลักที่ไม่ได้ใช้เปิดใช้งานอยู่ (เช่น การจัดส่งแบบออฟไลน์และการชำระเงิน; Captcha, Persistent, RSS; MSRP, Send Friend, Weee เป็นต้น)
  • รวบรวมฟีเจอร์ที่ไม่จำเป็น เช่น ปลั๊กอินและองค์ประกอบเลย์เอาต์
  • การไม่ปฏิบัติตามมาตรฐานการเข้ารหัสและแนวปฏิบัติที่ดีที่สุด

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

เคล็ดลับ #6: ปฏิบัติตามแนวทางปฏิบัติที่ดีที่สุดสำหรับประสิทธิภาพของ Magento

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

คู่มือนี้มีข้อมูลเชิงลึกอยู่บ้าง แต่นี่คือตัวเร่งความเร็วที่สำคัญ:

  • เปิดแคชทั้งหมดจากหน้า ระบบ > เครื่องมือ > การจัดการแคช ยังดีกว่าเชื่อมต่อแคชวานิชที่เราได้กล่าวถึงข้างต้น
  • เปิดใช้งานการแจ้งเตือนทางอีเมลแบบอะซิงโครนัส
  • ใช้เครื่องมือของบุคคลที่สาม เช่น ส่วนขยายการเพิ่มประสิทธิภาพความเร็วของ Magento สำหรับการลดขนาดและการรวม JS (เช่น r.js)
  • เปิดใช้งานโปรโตคอล HTTP2 แทนการใช้การรวมกลุ่ม JS
  • อย่าใช้การตั้งค่าที่เลิกใช้แล้ว เช่น การรวมไฟล์ JS และ CSS เนื่องจากได้รับการออกแบบมาสำหรับ JS ที่โหลดแบบซิงโครนัสในส่วน HEAD ของหน้าเท่านั้น การใช้เทคนิคนี้อาจทำให้เกิดการรวมกลุ่มและต้องการให้ตรรกะ JS ทำงานไม่ถูกต้อง

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

เคล็ดลับ #7: ทำแบบทดสอบความเครียด

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

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

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

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

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

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