เมื่อผสาน CSS หรือ JS ไฟล์ใหม่จะถูกสร้างขึ้นสำหรับแต่ละประเภทเพจ

เรามีไฟล์ CSS และ JS ขนาดเล็กจำนวนมากและการเปิดใช้งานการผสานดูเหมือนจะเป็นตัวเลือกที่ดี

ไฟล์ CSS และ JS ส่วนใหญ่ใช้ในทุกหน้า (หน้าหลักหน้าหมวดหมู่หน้ารายละเอียดผลิตภัณฑ์)

เมื่อใดก็ตามที่เราเห็นว่ามีการโหลดไฟล์ผสานที่แตกต่างกันอีกครั้งในแต่ละหน้าแม้แต่ CSS ที่มีอยู่จะต้องทับซ้อนกัน

เราจะหลีกเลี่ยงปัญหานี้และนำข้อมูลกลับมาใช้ใหม่ได้อย่างไร

คำตอบสั้น ๆ :อย่าเปิดใช้งานฟังก์ชันการรวม JS / CSS ของ Magento โดยรวมแล้วประสิทธิภาพการทำงานแย่กว่าตลอดวงจรชีวิตของการชำระเงินทั่วไปมากกว่าการส่งเนื้อหาแต่ละรายการ

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

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

ส่วนขยาย Fooman Speedster Advanced เป็นทางออกที่ดีที่สุดของคุณสำหรับการรวมสินทรัพย์อย่างชาญฉลาดโดยไม่ต้องทำซ้ำ (วันนี้)

คุณค่อนข้างถูก จำกัด ด้วยสถาปัตยกรรม Magento 1.x ซึ่งเริ่มต้นด้วยแนวทางปฏิบัติที่ไม่ดีสำหรับการทำงานส่วนหน้า มันไม่สมจริงเลยที่จะเปลี่ยนเส้นทางของเรือลำนั้น มีส่วนร่วมใน Magento 2

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

จากหน้า:

เพิ่มความเร็วในร้านของคุณด้วยการรวมบีบอัดและแคชไฟล์ Javascript และ CSS Fooman Speedster รวมไฟล์ Javascript และ CSS หลายไฟล์ไว้ในไฟล์ Javascript เดียวและไฟล์ CSS เดียวเพื่อให้สามารถโหลดหน้าเว็บได้เร็วขึ้น