Bant genişliği optimizasyonu nasıl çalışır?


11

Sitemdeki tüm CSS ve JavaScript dosyalarını birleştirmek için optimize ettim.

görüntü 1.

Bu site için yüklenen bileşenleri görmek için Firefox'ta Yslow'u çalıştırırsam, 8 JavaScript dosyası ve 8 CSS dosyası yüklediğini gösterir.

görüntü 2

Bu dosyalar neden birleştirilmiyor?

Yanıtlar:


10

Drupal 7'deki toplu CSS ve JS dosyaları gruplara ayrılmıştır, böylece Drupal 6'da görmeye alışık olduğunuzdan daha fazla dosya alırsınız.

Ben her şeyi içine girmeyeceğim, çünkü zaten ayrıntılı olarak açıklayan mükemmel bir makale var.

D7 bunu ele almak için yeni bir strateji kullanır - toplamalar üç gruba ayrılır: stiller için CSS_SYSTEM, CSS_DEFAULT ve CSS_THEME ve Javascript için JS_LIBRARY, JS_DEFAULT ve JS_THEME. Her grup ayrıca her sayfaya yüklenen dosyalara ve 'every_page' seçeneğine bağlı olarak koşullu olarak yüklenen dosyalara bölünür. Bu seçeneğin karışıklık için bir potansiyeli olduğunu unutmayın - dosyanın her sayfaya yüklenmesine neden olmaz - çekirdek sisteme bu gruba yerleştirmesi sadece bir "ipucu" dur.

Sonuçta, bu bölümlerin amacı, dosyaları daha küçük ve hatalı bir koşullu stille veya komut dosyasıyla bölünmesi daha düşük işlevsel gruplara ayırmaktır. Temel kütüphaneler, tema ve sayfaya özgü dosyalar için ayrı dosyalar alırız. Sonuçlara bakıldığında, bir stok Drupal 7 sekiz stil sayfası (tarayıcı stilleri dahil) verirken, D6 varsayılan kurulumda sadece üç tane içerir. Bu uygun mu? Yanıt her site için farklı olacaktır.

Size sorun çıkarıyorsa , Core Library modülüne göz atmak isteyebilirsiniz :

Bu modül, Drupal çekirdek toplama mekanizma sürecini değiştirir. G / Ç ve toplu dosya sayısını büyük ölçüde azaltır ve istemci önbellek isabet şansını artırır, bu nedenle daha büyük toplu dosyalar üretirken, kullanıcılar göz atarken bant genişliği kullanımını büyük ölçüde azaltır.


Harika makale Dosyaları olduğu gibi bırakacağım.
chefnelone

Ayrıca AdvAgg'ın daha büyük grupları zorlamak için kullanılabileceğini de ekleyin .
mikeytown2
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.