14 ธีมที่เร็วที่สุดสำหรับร้านค้า Shopify ของคุณในปี 2022 [Pagespeed Benchmarks]

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

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

ในคู่มือการวัดประสิทธิภาพ Pagespeed นี้ เราจะพูดถึงรายการที่ครอบคลุมของธีม Shopify ที่เร็วที่สุดและวิธีดำเนินการ

สารบัญ

อะไรทำให้ธีมเร็ว

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

เราได้ทดสอบธีมใดบ้าง

เรากำลังทดสอบธีมจากตลาด Shopify Theme อย่างเป็นทางการเท่านั้น แม้ว่าจะมีผู้จำหน่ายธีม Shopify รายอื่นๆ ในตลาด เช่น Themeforest, Template Monster เป็นต้น ผู้ขายเหล่านี้ไม่อยู่ภายใต้กระบวนการอนุมัติที่เข้มงวดและข้อกำหนดในการอัปเดตที่ธีมอย่างเป็นทางการต้องผ่าน มีธีมฟรีจำนวนหนึ่งที่ Shopify จัดหาให้เอง และส่วนที่เหลือเป็นธีมพรีเมียมที่พัฒนาโดยพาร์ทเนอร์ Shopify ที่ได้รับอนุมัติ

วิธีที่เราได้ทดสอบ

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

ส่วนประกอบหลักที่เรากำลังทดสอบคือ:

  • หน้าสินค้า
  • หน้าคอลเลกชัน
  • หน้าแรก
  • หน้าบล็อก

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

14 ธีมของ Shopify และคะแนนความเร็ว

เรากำลังดำเนินการทดสอบเบื้องต้นใน 14 ธีม เราได้แยกธีมฟรีที่สร้างโดย Shopify และทดสอบสิ่งเหล่านี้ก่อน ตามด้วยธีมพรีเมียมจากพาร์ทเนอร์ Shopify ที่ได้รับอนุมัติและตรวจสอบแล้ว

ธีมฟรี

รุ่งอรุณ

โดย Shopify

  • คะแนนหน้าผลิตภัณฑ์: 69 ประสิทธิภาพ – 100 การเข้าถึงได้ – 100 แนวทางปฏิบัติที่ดีที่สุด – 99 SEO
  • คะแนนหน้าคอลเลกชัน: 93 ประสิทธิภาพ – 100 การเข้าถึงได้ – 100 แนวทางปฏิบัติที่ดีที่สุด – 92 SEO
  • คะแนนหน้าแรก: 89 ประสิทธิภาพ – 100 การเข้าถึงได้ – 100 แนวทางปฏิบัติที่ดีที่สุด – 92 SEO
  • คะแนนหน้าบล็อก: 84 ประสิทธิภาพ – 94 การเข้าถึงได้ – 100 แนวทางปฏิบัติที่ดีที่สุด – 92 SEO

กระหาย

โดย Shopify

  • คะแนนหน้าผลิตภัณฑ์: 51 ประสิทธิภาพ – 100 การเข้าถึงได้ – 100 แนวทางปฏิบัติที่ดีที่สุด – 99 SEO
  • คะแนนหน้าคอลเลกชัน: 93 ประสิทธิภาพ – 100 การเข้าถึงได้ – 100 แนวทางปฏิบัติที่ดีที่สุด – 92 SEO
  • คะแนนหน้าแรก: 71 ประสิทธิภาพ – 100 การเข้าถึงได้ – 100 แนวทางปฏิบัติที่ดีที่สุด – 92 SEO
  • คะแนนหน้าบล็อก: 77 ประสิทธิภาพ – การเข้าถึงได้ 99 – 100 แนวทางปฏิบัติที่ดีที่สุด – 100 SEO

รสชาติ

โดย Shopify

  • คะแนนหน้าผลิตภัณฑ์: 51 ประสิทธิภาพ – 100 การเข้าถึงได้ – 100 แนวทางปฏิบัติที่ดีที่สุด – 99 SEO
  • คะแนนหน้าคอลเลกชัน: 73 ประสิทธิภาพ – 100 การเข้าถึงได้ – 100 แนวทางปฏิบัติที่ดีที่สุด – 99 SEO
  • คะแนนหน้าแรก: ประสิทธิภาพ 49 – การเข้าถึง 100 – 100 แนวทางปฏิบัติที่ดีที่สุด – 85 SEO
  • คะแนนหน้าบล็อก: 39 ประสิทธิภาพ – 100 การเข้าถึงได้ – 100 แนวทางปฏิบัติที่ดีที่สุด – 99 SEO

บล็อคสี

โดย Shopify

  • คะแนนหน้าผลิตภัณฑ์: 79 ประสิทธิภาพ – 100 การเข้าถึงได้ – 100 แนวทางปฏิบัติที่ดีที่สุด – 100 SEO
  • คะแนนหน้าคอลเลกชัน: 94 ประสิทธิภาพ – 94 การเข้าถึงได้ – 100 แนวทางปฏิบัติที่ดีที่สุด – 93 SEO
  • คะแนนหน้าแรก: 92 ประสิทธิภาพ – 99 การเข้าถึงได้ – 100 แนวทางปฏิบัติที่ดีที่สุด – 93 SEO
  • คะแนนหน้าบล็อก: 76 ประสิทธิภาพ – 100 การเข้าถึงได้ – 100 แนวทางปฏิบัติที่ดีที่สุด – 100 SEO

ความรู้สึก

โดย Shopify

  • คะแนนหน้าผลิตภัณฑ์: 71 ประสิทธิภาพ – 99 การเข้าถึงได้ – 100 แนวทางปฏิบัติที่ดีที่สุด – 99 SEO
  • คะแนนหน้าคอลเลกชัน: 87 ประสิทธิภาพ – 100 การเข้าถึง – 100 แนวทางปฏิบัติที่ดีที่สุด – 99 SEO
  • คะแนนหน้าแรก: 75 ประสิทธิภาพ – 100 การเข้าถึงได้ – 100 แนวทางปฏิบัติที่ดีที่สุด – 92 SEO
  • คะแนนหน้าบล็อก: 83 ประสิทธิภาพ – 100 การเข้าถึงได้ – 100 แนวทางปฏิบัติที่ดีที่สุด – 99 SEO

ธีมพรีเมี่ยม

แรงกระตุ้น

โดย Archetype Themes

  • คะแนนหน้าผลิตภัณฑ์: 50 ประสิทธิภาพ – 96 การเข้าถึงได้ – 92 แนวทางปฏิบัติที่ดีที่สุด – 99 SEO
  • คะแนนหน้าคอลเลกชัน: 63 ประสิทธิภาพ – 98 การเข้าถึงได้ – 100 แนวทางปฏิบัติที่ดีที่สุด – 92 SEO
  • คะแนนหน้าแรก: 39 ประสิทธิภาพ – 98 การเข้าถึงได้ – 100 แนวทางปฏิบัติที่ดีที่สุด – 92 SEO
  • คะแนนหน้าบล็อก: 72 ประสิทธิภาพ – การเข้าถึงได้ 99 – 100 แนวทางปฏิบัติที่ดีที่สุด – 99 SEO

ศักดิ์ศรี

โดย Maestrooo

  • คะแนนหน้าผลิตภัณฑ์: 47 ประสิทธิภาพ – 85 การเข้าถึงได้ – 100 แนวทางปฏิบัติที่ดีที่สุด – 98 SEO
  • คะแนนหน้าคอลเลกชัน: 73 ประสิทธิภาพ – 93 การเข้าถึงได้ – 100 แนวทางปฏิบัติที่ดีที่สุด – 92 SEO
  • คะแนนหน้าแรก: 44 ประสิทธิภาพ – 93 การเข้าถึงได้ – 100 แนวทางปฏิบัติที่ดีที่สุด – 85 SEO
  • คะแนนหน้าบล็อก: 52 ประสิทธิภาพ – 89 การเข้าถึงได้ – 92 แนวทางปฏิบัติที่ดีที่สุด – 99 SEO

คลังสินค้า

โดย Maestrooo

  • คะแนนหน้าผลิตภัณฑ์: 57 ประสิทธิภาพ – 84 การเข้าถึงได้ – 100 แนวทางปฏิบัติที่ดีที่สุด – 92 SEO
  • คะแนนหน้าคอลเลกชัน: 52 ประสิทธิภาพ – 91 การช่วยสำหรับการเข้าถึง – 100 แนวทางปฏิบัติที่ดีที่สุด – 84 SEO
  • คะแนนหน้าแรก: 44 ประสิทธิภาพ – 93 การเข้าถึงได้ – 100 แนวทางปฏิบัติที่ดีที่สุด – 85 SEO
  • คะแนนหน้าบล็อก: 73 ประสิทธิภาพ – 91 การเข้าถึงได้ – 100 แนวทางปฏิบัติที่ดีที่สุด – 93 SEO

สมมาตร

โดย Clean Canvas

  • คะแนนหน้าผลิตภัณฑ์: 62 ประสิทธิภาพ – 85 การเข้าถึงได้ – 100 แนวทางปฏิบัติที่ดีที่สุด – 92 SEO
  • คะแนนหน้าคอลเลกชัน: 53 ประสิทธิภาพ – การเข้าถึง 92 – 100 แนวทางปฏิบัติที่ดีที่สุด – 92 SEO
  • คะแนนหน้าแรก: 43 ประสิทธิภาพ – 92 การเข้าถึงได้ – 100 แนวทางปฏิบัติที่ดีที่สุด – 84 SEO
  • คะแนนหน้าบล็อก: 64 ประสิทธิภาพ – การเข้าถึงได้ 92 – 100 แนวทางปฏิบัติที่ดีที่สุด – 93 SEO

ขยาย

โดย Archetype Themes

  • คะแนนหน้าผลิตภัณฑ์: 56 ประสิทธิภาพ – 88 การเข้าถึงได้ – 100 แนวทางปฏิบัติที่ดีที่สุด – 98 SEO
  • คะแนนหน้าคอลเลกชัน: 47 ประสิทธิภาพ – 91 การเข้าถึงได้ – 100 แนวทางปฏิบัติที่ดีที่สุด – 90 SEO
  • คะแนนหน้าแรก: 63 ประสิทธิภาพ – 89 การเข้าถึงได้ – 100 แนวทางปฏิบัติที่ดีที่สุด – 91 SEO
  • คะแนนหน้าบล็อก: 69 ประสิทธิภาพ – การเข้าถึงได้ 90 – 100 แนวทางปฏิบัติที่ดีที่สุด – 98 SEO

การเคลื่อนไหว

โดย Archetype Themes

  • คะแนนหน้าผลิตภัณฑ์: 55 ประสิทธิภาพ – 98 การเข้าถึงได้ – 92 แนวทางปฏิบัติที่ดีที่สุด – 93 SEO
  • คะแนนหน้าคอลเลกชัน: 59 ประสิทธิภาพ – 100 การเข้าถึง – 100 แนวทางปฏิบัติที่ดีที่สุด – 91 SEO
  • คะแนนหน้าแรก: 49 ประสิทธิภาพ – 86 การเข้าถึงได้ – 100 แนวทางปฏิบัติที่ดีที่สุด – 92 SEO
  • คะแนนหน้าบล็อก: 56 ประสิทธิภาพ – 100 การเข้าถึงได้ – 92 แนวทางปฏิบัติที่ดีที่สุด – 100 SEO

ไปป์ไลน์

โดย Groupthink

  • คะแนนหน้าผลิตภัณฑ์: 34 ประสิทธิภาพ – 98 การเข้าถึงได้ – 92 แนวทางปฏิบัติที่ดีที่สุด – 93 SEO
  • คะแนนหน้าคอลเลกชัน: 44 ประสิทธิภาพ – 98 การเข้าถึงได้ – 100 แนวทางปฏิบัติที่ดีที่สุด – 79 SEO
  • คะแนนหน้าแรก: 37 ประสิทธิภาพ – 96 การเข้าถึงได้ – 100 แนวทางปฏิบัติที่ดีที่สุด – 79 SEO
  • คะแนนหน้าบล็อก: 71 ประสิทธิภาพ – 98 การเข้าถึงได้ – 100 แนวทางปฏิบัติที่ดีที่สุด – 93 SEO

เอ็มไพร์

โดย Pixel Union

  • คะแนนหน้าผลิตภัณฑ์: 32 ประสิทธิภาพ – 83 การเข้าถึงได้ – 100 แนวทางปฏิบัติที่ดีที่สุด – 100 SEO
  • คะแนนหน้าคอลเลกชัน: 56 ประสิทธิภาพ – 87 การเข้าถึงได้ – 100 แนวทางปฏิบัติที่ดีที่สุด – 93 SEO
  • คะแนนหน้าแรก: 36 ประสิทธิภาพ – 82 การเข้าถึงได้ – 100 แนวทางปฏิบัติที่ดีที่สุด – 85 SEO
  • คะแนนหน้าบล็อก: 60 ประสิทธิภาพ – 90 การเข้าถึงได้ – 100 แนวทางปฏิบัติที่ดีที่สุด – 100 SEO

หลังคา

โดย Clean Canvas

  • คะแนนหน้าผลิตภัณฑ์: 38 ประสิทธิภาพ – 89 การเข้าถึงได้ – 100 แนวทางปฏิบัติที่ดีที่สุด – 83 SEO
  • คะแนนหน้าคอลเลกชัน: 41 ประสิทธิภาพ – 91 การเข้าถึงได้ – 100 แนวทางปฏิบัติที่ดีที่สุด – 83 SEO
  • คะแนนหน้าแรก: 65 ประสิทธิภาพ – 89 การเข้าถึงได้ – 100 แนวทางปฏิบัติที่ดีที่สุด – 76 SEO
  • คะแนนหน้าบล็อก: 75 ประสิทธิภาพ – 96 การเข้าถึงได้ – 100 แนวทางปฏิบัติที่ดีที่สุด – 82 SEO

ผลลัพธ์

สิ่งที่ปรากฏชัดอย่างรวดเร็วเมื่อทำการทดสอบคือภาพที่มีผลกระทบและเนื้อหา JS จำนวนมากที่มีในธีม ธีมฟรีจาก Shopify ทำงานได้ดีมากและค่อนข้างสอดคล้องกับข้อยกเว้นบางประการ อีกประการหนึ่งคือความแตกต่างในหน้า

โดยทั่วไปแล้ว หน้าตามผลิตภัณฑ์และคอลเลกชันมีประสิทธิภาพต่ำที่สุดสำหรับทั้งธีมฟรีและพรีเมียม

ในการตัดสิน เรามีคะแนนเฉลี่ยและพิจารณาจุดแข็งในแต่ละประเภท

ดังนั้นโดยไม่ต้องกังวลใจอีกต่อไป เรามาประกาศผู้ชนะกัน

ธีมทุกรอบที่ดีที่สุด

Colorblock โดย Shopify

ธีมฟรีที่ดีที่สุด

ความรู้สึกโดย Shopify

ธีมพรีเมี่ยมที่ดีที่สุด

ขยายตามธีมแม่แบบ

ธีมตามผลิตภัณฑ์ที่ดีที่สุด

ศักดิ์ศรีโดย Maestrooo

ธีม SEO ที่ดีที่สุด

ความรู้สึกโดย Shopify

บทสรุป

“นี่หมายความว่าฉันต้องเลือกธีมตามผลลัพธ์ของคุณหรือไม่” ไม่ได้อย่างแน่นอน. คำแนะนำข้างต้นทำหน้าที่เป็นข้อมูลเชิงลึกเกี่ยวกับ Pagespeed ตามที่ Lighthouse ให้คะแนน Lighthouse คือเมตริกการให้คะแนนที่ Google ใช้เพื่อช่วยกำหนดคะแนนความเร็วของหน้าเว็บ ความเร็วเป็นแง่มุมหนึ่งของร้านค้าออนไลน์ แต่มีองค์ประกอบที่สำคัญอื่นๆ อีกมาก และแต่ละอย่างจะต้องมีความสมดุลทั้งข้อดีและข้อเสีย

ร้านค้า Shopify ที่ดีที่สุดและน่าสนใจบางร้านทำคะแนนได้ไม่ดีนักในการทดสอบเหล่านี้ แต่สิ่งที่พวกเขามีก็มีแง่มุมต่างๆ เช่น:

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

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