ความเร็วไซต์ Magento 2: วิธีปรับปรุงอย่างมีประสิทธิภาพ

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

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

1. ความต้องการของระบบ Magento 2

เซิร์ฟเวอร์เป็นแกนหลัก ในกรณีที่ตัวเลือกที่คุณเลือกทำงานไม่ราบรื่น คุณจะไม่มีความเร็วไซต์ Magento 2 ที่ดี

ก่อนเริ่ม การเพิ่มประสิทธิภาพใน Magento 2 เราขอแนะนำให้คุณวางร้านค้าของคุณบนเซิร์ฟเวอร์เฉพาะ ขณะเลือกโฮสต์ ให้ตรวจสอบหมวดหมู่เหล่านี้:

  • ใช้ เซิร์ฟเวอร์เฉพาะ หรือ VPS อย่าเลือกตัวเลือกโฮสติ้งที่ใช้ร่วมกัน
  • ตรวจสอบ ข้อกำหนดของระบบต่อไปนี้สำหรับ Magento 2 :

ระบบปฏิบัติการ: Linux x86-64 ลีนุกซ์รุ่นต่างๆ เช่น RedHat Enterprise Linux (RHEL), CentOS, Ubuntu, Debian และอื่นๆ

ผู้แต่ง: เวอร์ชันเสถียรล่าสุด จำเป็นต้องมีผู้แต่งสำหรับนักพัฒนาที่ต้องการมีส่วนร่วมใน Magento 2 codebase หรือใครก็ตามที่ต้องการพัฒนาส่วนขยาย Magento

เว็บเซิร์ฟเวอร์: Apache 2.2 หรือ 2.4 นอกจากนี้ ต้องเปิดใช้งานโมดูล apache mod_rewrite mod_rewrite ช่วยให้เซิร์ฟเวอร์สามารถเขียน URL ใหม่ได้ สำหรับข้อมูลเพิ่มเติม โปรดดูเอกสารประกอบ Apache ของเรา NGINX 1.8 (หรือเวอร์ชัน mainline ล่าสุด)

ฐานข้อมูล: MySQL 5.6 (Oracle หรือ Percona)

PHP: 5.6.x 5.5.x โดยที่ x คือ 22 หรือมากกว่า 7.0.2 (รองรับโดย Magento เวอร์ชัน 2.0.1 และใหม่กว่าเท่านั้น)

ส่วนขยาย PHP ที่จำเป็น: bc-math curl gd, ImageMagick 6.3.7 (หรือใหม่กว่า) หรือทั้งสองอย่าง intl mbstring mcrypt mhash openssl PDO/MySQL SimpleXML soap xml xsl zip PHP 7 เท่านั้น: json

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

การตั้งค่า PHP: ขอแนะนำให้ตั้งค่าการกำหนดค่า PHP โดยเฉพาะ เช่น memory_limit ที่สามารถหลีกเลี่ยงปัญหาทั่วไปเมื่อใช้ Magento

SSL: ต้องมีใบรับรองความปลอดภัยที่ถูกต้องสำหรับ HTTPS ไม่รองรับใบรับรอง SSL ที่ลงนามเอง PayPal: คุณต้องใช้ libcurl เวอร์ชัน 7.34 หรือใหม่กว่าสำหรับการรองรับ Transport Layer Security (TLS) เวอร์ชัน 1.2 ที่ PayPal ต้องการ

เซิร์ฟเวอร์เมล: Mail Transfer Agent (MTA) หรือเซิร์ฟเวอร์ SMTP

Magento สามารถใช้เทคโนโลยีต่อไปนี้: Redis เวอร์ชัน 3.0 สำหรับการแคชหน้า Varnish เวอร์ชัน 3.5 หรือเวอร์ชันล่าสุดที่เสถียร 4.x สำหรับการแคชหน้า Memcached เวอร์ชันเสถียรล่าสุดสำหรับการจัดเก็บเซสชันด้วยส่วนขยาย Memcache หรือ Memcached PHP (เวอร์ชันที่เสถียรล่าสุด) Magento Enterprise Edition (EE ) เท่านั้น: Apache Solr 4.x RabbitMQ 3.5; สามฐานข้อมูลหลัก

2. เปิดใช้งานหมวดหมู่แบนและผลิตภัณฑ์

สาเหตุหลักประการหนึ่งของปัญหาความเร็วไซต์ Magento 2 กับความเร็วในการอ่านฐานข้อมูล

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

ไปที่แบ็กเอนด์ STORES -> Configuration -> CATALOG -> Catalog -> Use Flat Catalog Category และใส่ " Yes "

MAGENTO-2

3. ผสานไฟล์ CSS และ JS

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

  1. ไปที่แบ็กเอนด์ STORES -> Configuration -> ADVANCED -> Developer -> JavaScript Settings
  2. รวมไฟล์ JavaScript -> ใช่
  3. ลดขนาดไฟล์ JavaScript -> ใช่
  1. ไปที่แบ็กเอนด์ STORES -> Configuration -> ADVANCED -> Developer -> CSS Settings
  2. รวมไฟล์ CSS -> ใช่
  3. ลดขนาดไฟล์ CSS -> ใช่

เสร็จแล้วอย่าลืมกด Save Config ! มันดีสำหรับความเร็วของไซต์ Magento 2

4. เครือข่ายการจัดส่งเนื้อหา

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

มี CDN หลายประเภท เพียงแค่ดูคุณสมบัติที่มีให้ ความครอบคลุมทางภูมิศาสตร์ และเลือกแบบที่คุณชอบ

หนึ่งในคุณสมบัติ Magento 2 คือการสนับสนุน CDN แบบทันทีทันใด และนี่คือที่ที่คุณอาจพบว่ามีการตั้งค่า: STORES -> GENERAL -> Configuration -> Web -> Base URLs (Secure)

5. แคช

การแคชสามารถเพิ่มความเร็วของ Magento 2 บน localhost ได้เช่นกัน Magento 2 มีตัวเลือกแคชที่หลากหลาย ซึ่งคุณสามารถค้นหาได้: SYSTEM -> Cache Management

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

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

โมดูล Magento 2 Page Cache Warmer สามารถเยี่ยมชมหน้าเว็บได้โดยอัตโนมัติโดยไม่ต้องใช้แคชและอุ่นแคชสำหรับหน้าเหล่านี้ มันดีสำหรับความเร็วของไซต์ Magento 2

6. การเพิ่มประสิทธิภาพรูปภาพ

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

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

หากคุณใช้รูปภาพ . .png สำหรับแคตตาล็อกอยู่แล้ว คุณสามารถลดขนาดรูปภาพโดยใช้ยูทิลิตี้ pngquant (ลดขนาดรูปภาพได้สูงสุดถึง 80%)

คำสั่งง่ายๆ นี้จะบีบอัดภาพ .png ทั้งหมดในโฟลเดอร์ /pub/media :

 for file in `find pub/media/ -type f -name '*.png'`; do echo $file;pngquant $file --output $file -f;done

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

ความเร็วเว็บไซต์ magento 2

Claue ได้รับคะแนนความเร็วเว็บไซต์ Magento 2 สูงสุดสำหรับข้อมูลเชิงลึก
การเพิ่มประสิทธิภาพความเร็วของธีม

อัปเดตล่าสุด: เราเพิ่งเปิดตัวธีม Claue Multipurpose Magento 2 เวอร์ชัน 2.0 พร้อมการปรับปรุงประสิทธิภาพมากมายและคุณลักษณะพิเศษเฉพาะ ตรวจสอบชุดรูปแบบนี้เลย: Claue Magento Theme 2. 0

claue2_edited (1)

สาธิตสด

Claue – ธีม Magento 2&1 ที่สะอาดและเรียบง่ายเป็นเทมเพลตที่ยอดเยี่ยมสำหรับร้านอีคอมเมิร์ซที่ทันสมัยและสะอาดตา พร้อมด้วยเลย์เอาต์ของหน้าแรกมากกว่า 40 แบบและตัวเลือกมากมายสำหรับร้านค้า บล็อก พอร์ตโฟลิโอ เลย์เอาต์ตัวระบุตำแหน่งร้าน และหน้าที่มีประโยชน์อื่นๆ Claue เวอร์ชัน 2. 0 มาพร้อมกับคุณสมบัติพิเศษมากมาย ได้แก่ :

  • อิงจากธีม Luma
  • ตรงตามมาตรฐานทั้งหมดของ Magento Theme
  • การปรับปรุงประสิทธิภาพที่สำคัญ
  • เข้ากันได้กับส่วนขยายของบุคคลที่สามส่วนใหญ่
  • เข้ากันได้อย่างสมบูรณ์กับ Magento 2.4.x

รุ่นขั้นสูงที่สองนี้แตกต่างอย่างสิ้นเชิงจากรุ่นก่อน ดังนั้น หากคุณใช้ Claue เวอร์ชัน 1 และต้องการอัปเดตเป็น Claue เวอร์ชัน 2 คุณสามารถสร้างเว็บไซต์ใหม่ได้เท่านั้น แทนที่จะอัปเดตจากเวอร์ชันเก่า เอาล่ะ กลับมาที่หัวข้อหลักกัน

7. การอัปเดตวีโอไอพี

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

สรุปประเด็นสำคัญของ Magento 2 Site Speed

  1. อย่าลืมเปิดใช้งานผลิตภัณฑ์และหมวดหมู่แบบเรียบเพื่อทำให้การสืบค้น MySQL ง่ายขึ้น
  2. ผสานไฟล์ CSS และ JS เพื่อให้ผู้ใช้ได้รับประสบการณ์ที่สนุกสนาน
  3. ใช้ CDN สำหรับร้านค้าของคุณ – Magento 2 รองรับตั้งแต่แกะกล่อง
  4. เปิดใช้งานการแคช
  5. อย่าโหลดเว็บไซต์ของคุณมากเกินไปด้วยภาพคุณภาพสูงโดยไม่จำเป็น
  6. อย่าลืมเกี่ยวกับการอัปเดต CMS ของคุณ

ยกระดับเว็บไซต์ของคุณด้วย ArrowHiTech – พันธมิตรอย่างเป็นทางการของ Magento

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

  • สำนักงานใหญ่: เวียดนาม
  • เว็บไซต์: https://www.arrowhitech.com/
  • ติดต่อ: [email protected]

การจับกุม

หน่วยงานพัฒนา ArrowHiTech

ผลิตภัณฑ์ Magento 2 ของเรา:

การจับกุม

คอลเลกชันธีม Magento 2 บน themeforest.net

การจับกุม

ส่วนขยายบางส่วนของคอลเล็กชันส่วนขยาย Magento 2 บน magesolution.com