เปรียบเทียบ Magento Theme กับ PWA Storefront

เผยแพร่แล้ว: 2020-10-21

สารบัญ

ด้วยแอพ P rogressive W eb A เป็นแนวทางใหม่ในการพัฒนาเว็บทุกที่ Magento เองก็ไม่ได้หยุดนิ่งเช่นกันและได้แนะนำวิธีใหม่ในการผลักดันให้มีการนำ PWA ไปใช้มากขึ้นด้วย PWA Studio เพื่อช่วยให้คุณเข้าใจแนวทางใหม่นี้ได้ดียิ่งขึ้น บทความของเราในวันนี้จะพยายามเปรียบเทียบหน้าร้าน PWA กับธีม Magento แบบดั้งเดิม และช่วยให้คุณตัดสินใจว่าแนวทางใหม่นี้คุ้มค่าหรือไม่

ทำความเข้าใจกับธีมวีโอไอพี

คำนิยาม

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

มันทำงานอย่างไร

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

ตัวอย่าง

ธีมวีโอไอพีสามารถพบได้บนแพลตฟอร์มต่างๆ บนอินเทอร์เน็ต โดยเฉพาะอย่างยิ่งในตลาดวีโอไอพีและ ThemeForest โดยเฉพาะใน ThemeForest ตัวอย่างเช่น มีธีมและเทมเพลต Magento มากกว่า 600 แบบในอุตสาหกรรมต่างๆ

ธีม Luma โดย Magento
ธีมพื้นฐานของ Luma โดย Magento

หน้าร้าน กปภ. แตกต่างอย่างไร

คำนิยาม

กล่าวโดยย่อ หน้าร้าน กปภ. คือหน้าร้านที่ขับเคลื่อนโดย Progressive Web App ซึ่งเป็นความก้าวหน้าล่าสุดจากเว็บในการขับเคลื่อนคุณลักษณะที่ล้ำสมัยและการปรับปรุงประสิทธิภาพ

มันทำงานอย่างไร

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

ตัวอย่าง

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

ธีมแฟชั่น SimCart
รูปลักษณ์ที่หรูหราด้วยธีม แฟชั่น [สาธิต]

เปรียบเทียบธีม Magento กับหน้าร้าน PWA

ภาพรวม

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

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

ลงรายละเอียด

ติดตั้งง่าย

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

ธีมวีโอไอพีไหล
ธีมวีโอไอพีไหล
ที่มา: ภาพรวมธีมวีโอไอพี

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

งานติดตั้งหน้าร้านเวเนีย
งานติดตั้งหน้าร้านเวเนีย
ที่มา: Magento

จำนวนธีม/หน้าร้าน

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

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

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

หน้าร้าน กปภ. ที่กำลังจะมาถึงจากเรา
หน้าร้าน กปภ. ที่กำลังจะมาถึงจากเรา

ความยืดหยุ่นและความยืดหยุ่น

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

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

ร้านค้าที่ดำเนินการตามเส้นทาง กปภ. รายงานความสำเร็จในเชิงบวก โดยมีอัตราการแปลงเฉลี่ยเพิ่มขึ้นถึง 52%

 การอ่านที่แนะนำ: Headless Commerce และประโยชน์ของผู้ค้า

ความน่าเชื่อถือ

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

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

คุณสมบัติ

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

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

ดูโพสต์นี้บน Instagram

Progressive Web App (PWA) แทบจะแยกไม่ออกจากแอปพลิเคชันดั้งเดิม คืออนาคตของเว็บที่มีฟีเจอร์ที่คล้ายกับแอป ซึ่งหนึ่งในนั้นคือความสามารถในการเพิ่ม PWA ลงในหน้าจอหลักที่อาจปฏิวัติประสบการณ์การใช้งานเว็บได้ . . . #pwa #app #nativeapp #websitedesign #web #google #chromedevsummit #chromedevsummit2019

โพสต์ที่แบ่งปันโดย SimiCart (@simicart.official) on

 บทความที่เกี่ยวข้อง: 9 คุณลักษณะที่ต้องมีของ กปภ. สำหรับอีคอมเมิร์ซ

ประสิทธิภาพ

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

ประสิทธิภาพของหน้าร้าน กปภ. มีศักยภาพที่จะดีกว่าคู่ธีม Magento อย่างมากเนื่องจากการใช้เทคโนโลยีที่ทันสมัย หน้าร้าน PWA Studio ใช้ GraphQL สำหรับการสร้างแบบจำลองข้อมูล ซึ่งเป็นวิธีการที่ทันสมัยและมีประสิทธิภาพมากขึ้นในการลดการรับส่งข้อมูลเครือข่ายและความเร็วในการประมวลผล

หน้าร้าน กปภ. speed
เกณฑ์มาตรฐานอย่างรวดเร็วของธีมแฟชั่นของเราแสดงคะแนนสูงสุด

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

ความได้เปรียบด้านต้นทุน

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

ThemeForest ธีมวีโอไอพี
ธีมวีโอไอพีที่มีให้เลือกมากมายช่วยลด ต้นทุน

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

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

 บทความที่เกี่ยวข้อง: ราคาเท่าไหร่ในการสร้าง PWA สำหรับ Magento

ลองหน้าร้าน กปภ.

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

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

สร้างหน้าร้าน Magento PWA ของคุณ

อ่านเพิ่มเติม:
วิธีผสานรวม PWA ใน Magento 2