Hoje continuamos nosso tutorial sobre W3TC. Você provavelmente já sabe que é plugin de cache, o que permite, entre outras coisas, acelerar seu blog (melhora seu desempenho).

Este tutorial é dividido em várias partes. Desde então, começamos com a introdução do cache e fizemos alguns ajustes preliminares. Você pode ver os diferentes capítulos abaixo:

Parte 2: Configurando minification

Nós ainda estamos no W3TC configuração, mas agora vamos falar sobre compactação de arquivos.

Antes de acessar o menu Apoucar ", Você deve primeiro ativar" Apoucar Nas configurações gerais. Se você ativou o modo de compactação e se ele funcionar corretamente em seu site, as configurações para " minification O que você vê neste menu é uma versão simplificada do que é mostrado nas imagens abaixo.

Neste tutorial, cobrimos o processo de compactação ( minifying ) com W3TC. O " minification E a combinação de JS e CSS é a essência do que veremos neste tutorial.

Minify: Geral

Configurações gerais no menu Apoucar Tem três opções.

apoucar-geral-w3tc-plugin-wordpress

O módulo Rewrite URL "Deve estar habilitado por padrão e você deve deixar esta opção como está, a menos que prefira ver seus arquivos CSS e JS obtidos usando cabeçalhos" http GET "em vez da estrutura de URL normal.

Desativar " minification Para usuários logados não devem ser alterados. É recomendável não fornecer aos usuários conectados e desconectados arquivos CSS e JS diferentes.

Notificação de erro " Apoucar Deve ser definido para notificações do administrador. Isso permitirá que eles sejam informados quando houver um erro.

As seções a seguir " todos apoucar ", Combine e mova a opção" componentes da página ". Isso pode prejudicar a apresentação do seu site. Você deve habilitar o modo de visualização e ficar de olho no seu site enquanto faz alterações para ter certeza de não danificar o layout do site.

Reduzir: HTML e XML

A seção HTML e XML No menu Minify é simples. As caixas de seleção destinam-se a permitir " minification ", do' " em linha »CSS e JavaScript, omite fluxos de minificação e permite quebrar novas linhas.

apoucar-html-w3tc

Com exceção da opção " Não minifique feeds Que deve permanecer desmarcada, a velocidade do seu site deve melhorar.

A caixa de texto de vapores comentários ignorados É usado para identificar comentários HTML que não devem ser removidos quando o HTML é "compactado". Alguns comentários vinculados estarão neste campo por padrão para garantir que os comentários associados ao Google AdWords e aos leitores não sejam excluídos. Se o seu código HTML contém comentários adicionais e você deseja permanecer no " minified Em HTML, adicione um termo nesta caixa de texto, para que quaisquer comentários com esta expressão não sejam excluídos.

Minify JS

Se você ativou a compactação JavaScript e CSS No menu Configurações gerais você só poderá trabalhar com todos os Ressources Tanto o JavaScript quanto o menu que você vê serão uma versão simplificada da imagem abaixo.

apoucar-js-w3tc

Se você selecionou o método manual, você deve rolar para a parte superior do menu Apoucar E selecione o botão do assistente. O último lista os arquivos JavaScript e CSS detectados pelo W3TC. Marque todas as caixas de seleção para os tipos de arquivo JavaScript e CSS e clique em " Inscreva-se E perto. Isso adicionará os arquivos JavaScript e CSS no menu " Apoucar Para que você possa trabalhar com eles manualmente.

Veja a caixa chamada " Operação em áreas ". Nesta seção você pode controlar se o Ressources JavaScript são " minified E combinado com a opção Apoucar Ou se eles são simplesmente combinados. O tipo Embutir » oferece algumas opções de como Ressources JavaScript são carregados. Você pode tentar cada uma das opções de “ nonblocking Até encontrar um que não prejudique a apresentação do seu site, mas se nenhuma das opções funcionar, deixe os padrões.

Se você selecionou o método de compactação manual nas configurações gerais, pode trabalhar com cada arquivo individualmente atribuindo-o a um único modelo ou a todos os modelos e movendo-o para o " cabeçalho », Le« corpo "Ou abaixo" corpo Para controle granular sobre onde cada arquivo aparece no documento HTML e como ele é carregado. Você também pode « drag and drop »Arquivos, para reorganizar a ordem em que são carregados, caso alguns arquivos dependam de arquivos anteriores para carregar corretamente.

apoucar-js-compressão

A configuração ideal é mover os arquivos de " cabeçalho E carregue uma das opções de nonblocking "(Non-blocking). No entanto, há uma chance muito boa de que, ao fazer isso, a aparência do seu site seja afetada.

Não há realmente nenhuma maneira de contornar isso, analisando cada arquivo uma vez, testando-os em locais diferentes e garantindo que o site seja carregado corretamente.

apoucar CSS

Existem quatro configurações para reduzir os arquivos CSS disponíveis:

opções minification-css

  • permitir : Permite minfication ea combinação de arquivos CSS.
  • combinar única : Combine arquivos CSS, mas não minimizá-los.
  • Preservado como a remoção : Remove comentários de arquivos CSS combinados.
  • remoção de quebra de linha: Remove novas linhas nos arquivos CSS combinados.

Comece selecionando todas as opções, exceto " combina Só ". Se a apresentação do site for diferente, desmarque " Preservado como a remoção "E" remoção de quebra de linha ". Se isso não corrigir o site, use " combina Só ".

Para a opção @import, selecione " Extração ".

Se você selecionou " Auto Como método de minification "Configurações gerais, você verá apenas as duas primeiras seções deste menu. No entanto, se você tiver o minification Manual, você verá uma seção de gerenciamento de arquivos CSS.

Se você ainda não adicionou arquivos CSS que serão gerenciados, selecione o auxiliar "Ajuda" e selecione todos os arquivos CSS para seus temas. Em seguida, reorganize a ordem dos arquivos para que os arquivos mais importantes sejam carregados primeiro.

Minify: configurações avançadas

Na maioria dos casos, as configurações padrão na seção avançada não precisam de muita edição. No entanto, você pode usá-los para ajustar a frequência com que os arquivos JavaScript e CSS são atualizados, a frequência com que os arquivos expirados são excluídos do cache e muito mais.

ajuste-of-the validade des-arquivos w3tc

A seção avançada inclui três campos para excluir páginas específicas, arquivos JS e arquivos CSS dos " minification " Se você descobrir que alguns recursos JS ou CSS nunca devem ser compactados, pode isolá-los adicionando-os a esses domínios. Se precisar de ajuda com a sintaxe correta, consulte " Use: Geral No FAQ para obter instruções.

É isso aí para as opções de minificação no W3 Total Cache, continuaremos com o cache do banco de dados.