การเพิ่มประสิทธิภาพแบนด์วิดธ์ทำงานอย่างไร

ฉันได้รับการปรับปรุงเพื่อรวมไฟล์ CSS และ JavaScript ทั้งหมดในเว็บไซต์ของฉัน

.

ถ้าฉันเรียกใช้ Yslow ใน Firefox เพื่อดูส่วนประกอบที่โหลดสำหรับไซต์นี้แสดงว่าโหลดไฟล์ JavaScript 8 ไฟล์และไฟล์ CSS 8 ไฟล์

เหตุใดไฟล์เหล่านี้จึงไม่รวมกัน

ไฟล์ CSS และ JS รวมใน Drupal 7 แบ่งออกเป็นกลุ่มดังนั้นคุณจะได้รับไฟล์มากกว่าที่คุณเคยเห็นใน Drupal 6

ฉันจะไม่เข้าไปเกี่ยวข้องทั้งหมดเพราะมีบทความที่ยอดเยี่ยมออกมาซึ่งอธิบายรายละเอียดได้ดีอยู่แล้ว

D7 ใช้กลยุทธ์ใหม่เพื่อแก้ไขปัญหานี้ - การรวมจะแบ่งออกเป็นสามกลุ่ม: CSS_SYSTEM, CSS_DEFAULT และ CSS_THEME สำหรับสไตล์และ JS_LIBRARY, JS_DEFAULT และ JS_THEME สำหรับ Javascript แต่ละกลุ่มจะถูกแบ่งย่อยออกเป็นไฟล์ที่โหลดในทุกหน้าและไฟล์ที่โหลดตามเงื่อนไขโดยใช้ตัวเลือก 'every_page' โปรดทราบว่าตัวเลือกนี้มีความเป็นไปได้ที่จะเกิดความสับสน - มันไม่ทำให้ไฟล์ถูกโหลดในทุก ๆ หน้า - เป็นเพียง "คำแนะนำ" สำหรับระบบหลักเพื่อวางไว้ในกลุ่มนั้น

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

หากสิ่งนี้ทำให้คุณเกิดปัญหาคุณอาจต้องการดูโมดูลCore Library :

โมดูลนี้เปลี่ยนกระบวนการ mecanism การรวบรวมแกน Drupal มันลด I / O และจำนวนไฟล์รวมอย่างมากและช่วยเพิ่มโอกาสในการเข้าถึงแคชของไคลเอ็นต์ดังนั้นในขณะที่สร้างไฟล์รวมที่ใหญ่กว่านั้นจะลดการใช้แบนด์วิดท์อย่างมากในขณะที่ผู้ใช้เรียกดู