Tutoriais • Dev
Configurando o módulo Google PageSpeed
Neste artigo, o método para ativar ou desativar seletivamente os filtros do PageSpeed relacionados à opção adicional de SEO será apresentado.
10
Visões 2362Atualizado 3 aniPublicado em 04/06/2020por Alexandru Jurca
Introdução
- No caso de ativar a opção adicional de SEO e, implicitamente, o módulo Google PageSpeed, criar diferenças indesejadas dentro do site, seja visual ou funcionalmente, vários componentes do módulo podem ser desativados seletivamente editando o arquivo .htaccess.
Requisitos
- Os detalhes de acesso para o painel de controle (Plesk ou cPanel, dependendo do caso), para editar o arquivo .htaccess através do Gerenciador de Arquivos.
Passos
- Para verificar se o módulo PageSpeed é responsável pelo problema encontrado, pode-se desativar todo o módulo, adicionando no arquivo .htaccess, do diretório raiz do site, a seguinte linha:
ModPagespeed off
- Após esta etapa, se o site carregar corretamente, as linhas adicionadas acima serão deletadas e o processo continuará para identificar o elemento específico responsável pela exibição incorreta.
- Um primeiro passo seria verificar os erros recebidos ao carregar a página, acessando-a com o Modo Desenvolvedor do navegador, sendo o atalho geral para ativação F12 para navegadores comuns. Por exemplo, um erro de carregamento para JS ou CSS indicará um possível conflito com os filtros do PageSpeed, que interagem com esses elementos.
Para desativar um filtro específico, a seguinte regra deve ser adicionada ao arquivo .htaccess:
ModPagespeedDisableFilters nome_do_filtro
Onde name_filter será substituído pelo identificador desejado.
- Alternativamente, o modo de operação do PageSpeed pode ser alterado, para que você possa ativar seletivamente cada elemento desejado, definindo:
ModPagespeedRewriteLevel PassThrough
Então, os elementos desejados para ativação serão especificados da seguinte forma:
ModPagespeedEnableFilters nome_do_filtro
Além disso, nome_filtro será substituído pelo identificador desejado.
- Um arquivo .htaccess também pode ser criado com essas regras em um subdiretório que contém estilos (CSS, Javascript, HTML). Dessa forma, as regras preferenciais se aplicarão estritamente a esse subdiretório.
- Os itens que são ativados por padrão ao habilitar a opção adicional de SEO são:
*Estes também são os identificadores que você pode usar nas regras do .htaccess.
-
- add_head
Adiciona um elemento do tipo <head> ao documento se já não existir. - combine_css
Combina múltiplos elementos CSS em um só. - combine_javascript
Combina múltiplos elementos JavaScript em um único. - remove_comments
Remove comentários de arquivos HTML processados. No entanto, não remove comentários de CSS ou JavaScript inline. - sprite_images
Combine as imagens de fundo do CSS em um único Sprite. - collapse_whitespace
Remove espaços vazios de arquivos HTML, excluindo as tags: "pre, script, style, textarea" - lazyload_images
Carrega imagens apenas quando se tornam visíveis na página. - convert_meta_tags
Adiciona um "cabeçalho de resposta" para cada "meta" tag com um atributo "http-equiv". - extend_cache
Estende o tempo de retenção para o cache relacionado a imagens, elementos CSS e scripts que não foram otimizados, assinando as URLs com um hash de conteúdo.
Os seguintes filtros estão implicitamente ativos se o extend_cache estiver habilitado:
extend_cache_css
extend_cache_images
extend_cache_scripts
Para um nível mais alto de controle, os filtros mencionados acima podem ser ativados individualmente - fallback_rewrite_css_urls
Reescreve URLs para recursos que não puderam ser minimizados ou processados a partir de arquivos CSS. - flatten_css_imports
Substitui recursivamente cada regra @import pelo conteúdo do arquivo CSS importado para reduzir o número de solicitações externas. - inline_css
Adiciona pequenos recursos CSS externos ao documento HTML em forma inline. - inline_import_to_link
Transformações "style" tags que contêm apenas CSS @import em equivalentes "link" tags - inline_javascript
Reescreva recursos JS de tamanho pequeno como inlines dentro do documento HTML. - rewrite_css
Reescreve arquivos CSS para remover comentários e espaços em branco excessivos. - rewrite_images
Otimiza as imagens modificando-as e removendo pixels extras.
Além disso, adiciona pequenas imagens como inline no documento. - rewrite_javascript
Reescreve arquivos JavaScript, remove espaços em branco e comentários em excesso. - rewrite_style_attributes_with_url
Reescreve CSS dos atributos de estilo se contiver o texto "url(" usando o filturl rewrite_css configurado.
- add_head