Làm thế nào để tối ưu hóa băng thông hoạt động?


11

Tôi đã tối ưu hóa để kết hợp tất cả các tệp CSS và JavaScript trong trang web của mình.

hình 1.

Nếu tôi chạy Yslow trong Firefox để xem các thành phần được tải cho trang web này, nó cho thấy rằng nó tải 8 tệp JavaScript và 8 tệp CSS.

hình 2

Tại sao các tệp này không được kết hợp?

Câu trả lời:


10

Các tệp CSS và JS tổng hợp trong Drupal 7 được chia thành các nhóm, do đó, tự nhiên bạn sẽ nhận được nhiều tệp hơn bạn từng thấy trong Drupal 6.

Tôi sẽ không đi sâu vào toàn bộ vì đã có một bài viết xuất sắc ngoài đó giải thích nó rất chi tiết.

D7 sử dụng một chiến lược mới để giải quyết vấn đề này - các tập hợp được chia thành ba nhóm: CSS_SYSTEM, CSS_DEFAULT và CSS_THEME cho các kiểu và JS_LIBRARY, JS_DEFAULT và JS_THEME cho Javascript. Mỗi nhóm được chia nhỏ thành các tệp tải trên mỗi trang và các tệp tải theo điều kiện dựa trên tùy chọn 'every_page'. Lưu ý tùy chọn này có một số khả năng gây nhầm lẫn - nó không khiến tệp được tải trên mỗi trang - nó chỉ là một "gợi ý" cho hệ thống cốt lõi để đặt nó trong nhóm đó.

Cuối cùng, mục đích của các bộ phận này là nhóm các tệp thành các nhóm chức năng nhỏ hơn và ít có khả năng bị phân tách bởi một kiểu hoặc tập lệnh có điều kiện sai lầm. Chúng tôi nhận các tệp riêng cho các thư viện lõi, chủ đề và các tệp dành riêng cho trang. Nhìn vào kết quả, một cổ phiếu Drupal 7 xuất ra tám biểu định kiểu (bao gồm cả kiểu trình duyệt), trong khi D6 chỉ có ba trong cài đặt mặc định. Điều này có tối ưu không? Câu trả lời sẽ khác nhau cho mỗi trang web.

Nếu nó gây ra sự cố cho bạn, bạn có thể muốn xem mô-đun Thư viện lõi :

Mô-đun này thay đổi quá trình mecanism tập hợp lõi Drupal. Nó làm giảm đáng kể I / O và tổng số tệp và cải thiện cơ hội truy cập bộ đệm của máy khách, do đó, trong khi nó tạo ra các tệp tổng hợp lớn hơn, nó làm giảm đáng kể việc sử dụng băng thông trong khi người dùng duyệt.


Bài viết tuyệt vời tôi sẽ để lại các tập tin như nó.
Chefnelone

Đồng thời thêm rằng AdvAgg có thể được sử dụng để buộc các nhóm lớn hơn.
mikeytown2
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.