Como a otimização de largura de banda funciona?


11

Otimizei para combinar todos os arquivos CSS e JavaScript no meu site.

imagem 1.

Se eu executar o Yslow no Firefox para ver os componentes carregados para este site, ele mostrará que ele carrega 8 arquivos JavaScript e 8 arquivos CSS.

imagem 2

Por que esses arquivos não são combinados?

Respostas:


10

Os arquivos CSS e JS agregados no Drupal 7 são divididos em grupos, para que você obtenha naturalmente mais arquivos do que costumava ver no Drupal 6.

Não vou entrar na coisa toda, pois já existe um excelente artigo por aí que explica em detalhes.

O D7 usa uma nova estratégia para resolver isso - os agregados são divididos em três grupos: CSS_SYSTEM, CSS_DEFAULT e CSS_THEME para estilos e JS_LIBRARY, JS_DEFAULT e JS_THEME para Javascript. Cada grupo é subdividido em arquivos carregados em todas as páginas e arquivos carregados condicionalmente com base na opção 'every_page'. Observe que esta opção tem algum potencial de confusão - não causa o carregamento do arquivo em todas as páginas - é apenas uma "dica" para o sistema principal colocá-lo nesse grupo.

Por fim, a intenção dessas divisões é agrupar arquivos em grupos funcionais menores e com menor probabilidade de serem divididos por um estilo ou script condicional incorreto. Obtemos arquivos separados para bibliotecas principais, o tema e arquivos específicos da página. Observando os resultados, um Drupal 7 padrão produz oito folhas de estilo (incluindo estilos de navegador), enquanto o D6 possui apenas três na instalação padrão. Isso é ótimo? A resposta será diferente para cada site.

Se estiver causando problemas, você pode dar uma olhada no módulo Biblioteca Principal :

Este módulo altera o processo de mecanismo de agregação do núcleo Drupal. Reduz bastante a E / S e o número agregado de arquivos e melhora as chances de acerto no cache do cliente; portanto, enquanto produz arquivos agregados maiores, reduz bastante a utilização da largura de banda enquanto os usuários navegam.


Ótimo artigo, vou deixar os arquivos como estão.
Chefnelone 12/05

Adicione também que o AdvAgg pode ser usado para forçar grupos maiores.
mikeytown2
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.