Création et refonte de boutiques Shopify

Devis gratuit et sans engagement

Réponse personnelle sous 24 h ouvrées

← Tous les conseils
Guide pratique SiteQuiVend

ทําไมร้าน Shopify ถึงช้า?

เรียนรู้เกี่ยวกับสาเหตุทั่วไปของความช้าบน Shopify และวิธีการวินิจฉัยธีม แอป สคริปต์ รูปภาพ และประสบการณ์มือถือ

Publié le 15.08.20262 min de lectureConseils concrets

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

Shopify ให้บริการโฮสติ้ง CDN ทั่วโลก และการเพิ่มประสิทธิภาพอัตโนมัติอยู่แล้ว คุณจึงต้องวินิจฉัยหน้าที่ช้าจริงๆก่อนที่จะลบองค์ประกอบแบบสุ่ม

ร้านของคุณดูช้ากว่าเดิมไหม?

การตรวจสอบขนาดเล็ก SiteQuiVend ฟรีให้คําแนะนําที่สําคัญสามประการจากเว็บไซต์ออนไลน์ของคุณ

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

สาเหตุหลักของการที่ร้าน Shopify ช้า

1 ธีมที่ซับซ้อนเกินไป

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

2 แอปที่ใช้งานมากเกินไป

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

3 ร่องรอยของแอปพลิเคชันที่ถูกลบ

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

4 สื่อมากเกินไป

แม้จะมี Shopify CDN แต่เพจยังคงมีจํานวนมากโดยมีภาพ GIF วิดีโอ หรือรูปภาพที่ไม่สมส่วนมากเกินไป

5 สคริปต์การตลาดของบุคคลที่สาม

การวิเคราะห์ การโฆษณา การแชท แผนที่ การทดสอบ ป๊อปอัป และฟีดโซเชียลจะโหลดทรัพยากรภายนอกซึ่งประสิทธิภาพอาจแตกต่างกันไป

6 แบบอักษรและภาพเคลื่อนไหวมากเกินไป

ครอบครัวทวีคูณและไขมันล่าช้าแสดง ภาพเคลื่อนไหวยังเพิ่มการทํางานของเบราว์เซอร์และความเสี่ยงของความล่าช้า

7 หน้าที่ต้องการแสดงทุกอย่าง

การรับสัญญาณที่ยาวมากคอลเลกชันที่โอเวอร์โหลดหรือแผ่นที่เต็มไปด้วยบล็อกช่วยเพิ่มปริมาณเริ่มต้น ลําดับชั้นและการแบ่งหน้ากลายเป็นสิ่งจําเป็น

8 การปรับแต่งส่วนบุคคลที่ตรงเป้าหมายไม่ดี

คุณลักษณะที่ไม่มีการโหลดล่าช้าหรือการปรับหน้าจออาจทําให้ทั้งไซต์ช้าลงแม้ว่าจะมีประโยชน์ในหน้าเดียวเท่านั้น

วัดความช้าอย่างไรให้ถูกต้อง?

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

แอลซีพีวัดการโหลดเนื้อหาหลักที่มองเห็นได้ Google แนะนําให้เล็ง 2.5 วินาทีหรือน้อยกว่า
ไอเอ็นพีวัดการตอบสนองต่อการโต้ตอบ ข้อมูลอ้างอิงที่แนะนําน้อยกว่า 200 มิลลิวินาที
ซีแอลเอสวัดความมั่นคงทางสายตา เลนส์ที่ดีน้อยกว่า 0.1

เกณฑ์เหล่านี้เกี่ยวข้องกับ Core Web Vitals พวกเขาช่วยจัดลําดับความสําคัญของงาน แต่คะแนนที่แยกออกมาจะไม่เปิดเผยสาเหตุโดยอัตโนมัติ นอกจากนี้ โปรดดูสรุปประสิทธิภาพเว็บ Shopify และข้อมูล Search Console หากมี

วินิจฉัยร้านค้าช้าใน 7 ขั้นตอน

  1. ค้นหาหน้าที่ได้รับผลกระทบ หน้าแรก คอลเลกชัน ผลิตภัณฑ์ ตะกร้า หรือทุกหน้า: ขอบเขตเป็นแนวทางในการค้นหา
  2. สังเกตจังหวะการชะลอตัว หน้าจอสีขาว, ภาพหลักล่าช้า, ปุ่มตอบสนองไม่ดี, หรือข้ามเนื้อหาไม่ได้เป็นปัญหาเดียวกัน
  3. เปรียบเทียบมือถือกับคอมพิวเตอร์ มือถือที่มีประสิทธิภาพน้อยกว่าและเครือข่ายที่ไม่เสถียรเผยให้เห็นสคริปต์ราคาแพงได้รวดเร็วยิ่งขึ้น
  4. รับสินค้าคงคลัง แสดงรายการแอป พิกเซล วิดเจ็ต วิดีโอ แบบอักษร และการปรับแต่งที่โหลดจริง
  5. ทดสอบสําเนาของธีม ปิดการใช้งานทีละรายการในร่างเพื่อแยกผลกระทบโดยไม่ต้องแก้ไขร้านค้าออนไลน์
  6. ตรวจสอบรหัสที่เหลือ ค้นหาตัวอย่างไฟล์เก่า ไฟล์ และการโทรภายนอกหลังจากถอนการติดตั้งแอป
  7. วัดก่อนและหลัง เก็บหน้าและเงื่อนไขการทดสอบเดียวกัน ตรวจสอบด้วยว่าฟังก์ชันการขายยังคงทํางานอยู่

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

สาเหตุ สัญญาณที่มองเห็นได้ และการกระทําครั้งแรก

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

เหตุใดความเชื่องช้าจึงมักมองเห็นได้ชัดเจนยิ่งขึ้นบนมือถือ?

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

อย่า จํากัด ตัวเองในการลดหน้าต่าง: ทดสอบท่าทางสัมผัสเมนูรูปแบบและเพิ่มลงในรถเข็น นอกจากนี้ยังปรึกษาคู่มือเกี่ยวกับ ประสบการณ์มือถือ Shopify.

การแก้ไขที่บางครั้งทําให้ปัญหาแย่ลง

ติดตั้งแอปเร่งความเร็วโดยไม่ต้องตรวจสอบ

มันสามารถเพิ่มชั้นใหม่ของสคริปต์ซ่อนอาการบางอย่างหรือขัดแย้งกับธีม ก่อนอื่นให้ระบุสิ่งที่ทําให้หน้าช้าลงจริงๆ

ลบฟังก์ชันที่มีประโยชน์ทั้งหมด

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

เพิ่มประสิทธิภาพหน้าแรกเท่านั้น

ผู้เข้าชมยังมาถึงคอลเลกชันผลิตภัณฑ์และบทความ การแก้ไขทั่วโลกจะต้องกําหนดเป้าหมายแบบจําลองที่ให้คําปรึกษาจริง

เปลี่ยนธีมทันที

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

คุณควรเลือกบริการ SiteQuiVend ใด?

ฟรีมินิออดิท

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

การบํารุงรักษาจาก€ 59 ต่อเดือน

แผนสาธารณะที่€ 59, € 99 และ€ 199 ต่อเดือนครอบคลุมคําขอขนาดเล็กปกติภายในเวลารายเดือนที่กําหนด กําลังการผลิตที่ออกแบบตามความต้องการจะประกาศจาก€ 299 คําขอที่ไม่ได้ใช้จะไม่ถูกเลื่อนออกไปและกําหนดเวลาที่ประกาศจะสอดคล้องกับการตอบสนองครั้งแรกไม่จําเป็นต้องเป็นมติ

การแก้ไขหรือการตรวจสอบทางเทคนิคแบบกําหนดเป้าหมาย

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

Shopify ออกแบบใหม่จาก €990

มันจะกลายเป็นที่สอดคล้องกันถ้าธีมโครงสร้างมือถือและหลายรุ่นต้องพัฒนาร่วมกัน ข้อเสนอมีตั้งแต่ 990 ยูโรถึง 2,990 ยูโรสําหรับ 5 ถึง 20 หน้าหรือรุ่นโดยมีกําหนดเวลาบ่งชี้ 5 ถึง 21 วันทําการ ธีมที่ชําระเงินแอปพลิเคชันและใบอนุญาตยังคงแยกจากกัน

เลือกตามขอบเขตของปัญหา: การแก้ไขเป้าหมายสําหรับสาเหตุที่แยกได้การบํารุงรักษาสําหรับการปรับเปลี่ยนที่ง่ายและเกิดขึ้นซ้ําการยกเครื่องเมื่อหนี้ทางเทคนิคข้ามหลายรุ่น โครงการที่เฉพาะเจาะจงมากขึ้นต้องการใบเสนอราคา

ต้องการระบุการแทรกแซงที่ถูกต้องก่อนที่จะเปลี่ยนหัวข้อหรือไม่?

แสดงหน้าช้า แอปที่ติดตั้ง และการเปลี่ยนแปลงล่าสุด SiteQuiVend จะสามารถแยกแยะการแก้ไขครั้งเดียวจากการออกแบบใหม่ที่กว้างขึ้น

รายการตรวจสอบก่อนการเพิ่มประสิทธิภาพใดๆ

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

คําถามที่พบบ่อย

Shopify เองกําลังชะลอร้านหรือไม่?

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

แอปทําให้ Shopify ช้าลงเสมอหรือไม่?

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

คุณควรบีบอัดภาพทั้งหมดก่อนนําเข้าหรือไม่?

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

การถอนการติดตั้งแอปจะลบโค้ดทั้งหมดหรือไม่?

ไม่เสมอไป ตัวอย่าง ไฟล์ หรือการตั้งค่าบางอย่างอาจยังคงอยู่ในธีม ตรวจสอบคําแนะนําของนักพัฒนาและตรวจสอบสําเนาของธีมก่อนที่จะลบโค้ดด้วยตนเอง

คะแนนไม่ดีรับประกันยอดขายที่ลดลงหรือไม่?

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

การเปลี่ยนธีมเพียงพอที่จะเพิ่มความเร็วให้กับร้านหรือไม่?

ไม่จําเป็น การเปลี่ยนแปลงสามารถช่วยได้หากธีมเก่าหรือแก้ไขมากเกินไป แต่แอป พิกเซล และเนื้อหาที่หนักหน่วงสามารถติดตามได้ สินค้าคงคลังก่อนหน้าจะหลีกเลี่ยงการทําซ้ําปัญหาเดียวกัน

หน้าไหนควรปรับให้เหมาะสมก่อน?

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

การตรวจสอบขนาดเล็กฟรีเป็นการตรวจสอบประสิทธิภาพที่ครอบคลุมหรือไม่?

ไม่ มันให้คําแนะนําสามลําดับความสําคัญจากไซต์ที่สามารถเข้าถึงได้ การวิเคราะห์ทางเทคนิคเชิงลึกของสคริปต์ธีมและแอปพลิเคชันจําเป็นต้องมีขอบเขตที่แตกต่างกัน

เร่งความเร็วโดยไม่ทําให้ร้านอ่อนแรง

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

Transformons vos idées en pages qui donnent confiance

Création ou refonte de boutique Shopify : obtenez une recommandation et un devis adaptés à votre situation.

Parler de mon projet →