Como otimizar Drupal para o Google Pagespeed?

Introdução: Google Pagespeed & Agregação CSS / JS.

O Google mudou radicalmente o sistema de classificação de mecanismos de pesquisa nos últimos anos para favorecer as visualizações em dispositivos móveis e se concentrar na velocidade de carregamento da página sobre o volume de links recebidos ou valores de domínio. Com isso, vem a prioridade de pesquisa para sites com postagens de conteúdo dinâmico atualizadas com frequência.

Google Pagespeed permite que os editores da Web executem análises em seus Drupal CMS páginas para ver como eles são classificados nos testes. Este tutorial ajuda os editores da Web do Drupal a otimizar as configurações de cache da página & comprimir arquivos de imagem para melhorar Google Pagespeed resultados dos testes.

Deixei’s começar.

Etapa 1: executar os testes do Google Pagespeed.

  • Para começar o Google Pagespeed otimização de um Drupal CMS site, navegue até o site de teste do Google: https://developers.google.com/speed/pagespeed/insights/
  • Digite o URL de qualquer página popular em um site Drupal, como uma página de destino, página inicial, postagem em blog, artigo, postagem em fórum ou perfil de usuário.
  • Grave a inicial Google Pagespeed pontuação para computador & Visualizações para celular.
  • Revise as mensagens de erro para ver o que precisa ser corrigido no CMS para melhorar as pontuações.

Como otimizar Drupal para o Google Pagespeed?

Resultados: O Google frequentemente comete erros nos sites do Drupal por CSS impróprio & Agregação JavaScript, arquivos de imagem descompactados e arquivos JavaScript que não são armazenados em cache localmente.

No geral, recebemos as seguintes pontuações:

Celular: otimização – médio: 76/100 – com recomendações para:

  • Eliminar JavaScript e CSS de bloqueio de renderização no conteúdo acima da borda
  • Habilitar a compactação
  • Otimizar imagens

Desktop: Otimização – Bom: 85/100 – com recomendações para:

  • Otimizar imagens
  • Eliminar JavaScript e CSS de bloqueio de renderização no conteúdo acima da borda
  • Habilitar a compactação
  • Minimizar HTML

Preparamos o seguinte tutorial para documentar a melhor maneira de resolver Google Pagespeed mensagens de erro em Drupal 8 instalações de hospedagem na web.

Como resolver esses problemas ?: Siga as etapas subseqüentes para corrigir os erros mais comuns em um site do Drupal para Google Pagespeed testes.

Etapa 2: Instalar & Habilitar o módulo Agregação avançada de CSS / JS (Adv_Agg).

A maior parte do CSS & Erros de compactação JavaScript em Google Pagespeed pode ser corrigido com a atualização de Drupal 8’sistema de cache de páginas da web principal Agregação avançada de CSS / JS (Adv_Agg) módulo.

Agregação avançada de CSS / JS fornece aos editores da Web várias configurações de administração para CSS & Compactação JavaScript que precisa ser definida individualmente em um site.

Como otimizar Drupal para o Google Pagespeed?

Depois de instalar & ativar o módulo normalmente (operando em Modo de manutenção), É recomendável ativar as seguintes configurações na seção admin:

atuação (/ admin / config / development / performance):

  • Arquivos CSS agregados
  • Arquivos JavaScript agregados

Depois que essas configurações são definidas & salvos, os administradores do Drupal podem usar Adv_Agg’s suite de CSS / JavaScript ferramentas de compressão para receber melhor Google Pagespeed pontuações.

Como otimizar Drupal para o Google Pagespeed?

Definições: Ative o Adv_agg conjunto de módulos em admin / modules & então comece a construir mais avançado CSS / JS pacotes de compactação para cache de arquivo / página aprimorado.

Opcional: Instale o Minify JS / HTML para uma compactação mais rápida & Tamanhos de arquivo menores.

Para administradores do Drupal que preferem uma opção diferente Adv_Agg’s opções de compactação JavaScript, instalando o Minify JS & Minify HTML de origem módulos é outra escolha.

Minify JS & Minify HTML de origem substitua todo o JavaScript em Drupal 8 Núcleo com versões compactadas de maneira ideal que podem reduzir a tensão de processamento Adv_Agg requisitos de produção. A saída HTML compactada é armazenada em cache para usuários anônimos & Melhor Google Pagespeed pontuações.

Como otimizar Drupal para o Google Pagespeed?

Configurações de instalação:Minify JS & Minify HTML de origem vai trabalhar com Adv_Agg mas precisa ser ativado especificamente para JavaScript & Compactação HTML como uma opção de configuração.

Como otimizar Drupal para o Google Pagespeed?

Nota:Minify JS possui um arquivo morto que permite aos administradores verificar e gerenciar Javascript arquivos para otimizar a compactação e a compatibilidade na publicação de arquivos em cache na produção.

Etapa 3: Definir as configurações de compactação CSS / JavaScript.

Porque todo tema & configuração do módulo com um Drupal 8 site é único, os editores da web precisarão experimentar o Agregação avançada de CSS / JS (Adv_Agg) configurações para encontrar o nível de compactação CSS / JavaScript que leva ao maior ganho em Google Pagespeed pontuações.

Definições: Navegue até o atuação seção do Configuração área de menu em Drupal 8 administração & observe as novas guias para Adv_Agg recursos..

Como otimizar Drupal para o Google Pagespeed?

Algumas definições de configuração para verificar a otimização HTML & Javascript compressão são:

  • Ativar agregação avançada
  • Usar pré-busca DNS para CSS / JS externo.
  • Configurações de cache do AdvAgg: Normal
  • Recursos CSS Gzip
  • Recursos JavaScript Gzip
  • CSS: corrigir tipo definido incorretamente
  • JS: corrigir tipo definido incorretamente

Observe que o módulo CDN pode ser desativado para a maioria dos usuários. Use Core ou YUI para minificação de CSS e JSqueeze ou JSMin para compactação de JavaScript.

Além disso:

  • Ativar pré-processo em todas as JS
  • Ativar pré-processo em todos os CSS

Salve as configurações. O restante dos valores pode permanecer no padrão.

Dica: Lembre-se de limpar o Cache Drupal regenerar novas versões de arquivos CSS / JavaScript para Google Pagespeed teste.

Etapa 4: Compactar arquivos de imagem – manualmente ou linha de comando.

O outro erro mais comum encontrado no Google Pagespeed envolve compactação de imagem. Drupal 8 pode ser necessário que os editores baixem arquivos de seus temas e usem um utilitário de compactação de imagens como TUMULTO para criar novas versões dos arquivos. Isso vai melhorar Google Pagespeed resultados & também deve ser feito para arquivos de imagem incorporados em blogs, artigos, fóruns, etc..

Como otimizar Drupal para o Google Pagespeed?

Uma captura de tela do software RIOT para desktop para compactação de imagem JPG / PNG. TUMULTO economizou 100 kb ou cerca de ⅔ do tamanho do arquivo implementando algoritmos de compactação melhores para o mesmo arquivo Adobe Photoshop padrões. Com esta solução, os usuários precisarão fazer upload de arquivos manualmente.

Outra opção é implementar um utilitário de compactação de imagens em todo o site, que dependerá do processamento no servidor para compactar de maneira ideal todas as imagens em um site. Executando o Apache extensão Google mod_Pagespeed é uma opção para editores da web em alguns planos de servidor Linux.

Otimização de ImageAPI é uma solução do lado do servidor que suporta processadores binários, reSmush.it ou TinyPNG para compactação de imagem com módulos de plug-in de terceiros. Os processadores binários devem suportar AdvDef, AdvPng, JfifRemove, JpegOptim, JpegTran, OptiPng, PngCrush, PngOut, & Comandos PngQuant, que geralmente não são possíveis em ambientes de hospedagem compartilhados.

Como otimizar Drupal para o Google Pagespeed?

Instalação: Crie um novo Image Pipeline com reSmushIt como o mecanismo de compressão.

Dica: Porque Drupal 8 armazena em cache os arquivos gerados como miniaturas associadas às imagens, a melhor prática é confiar em uma solução do lado do servidor que possa gerenciar cada miniatura automaticamente.

Etapa 5: Armazenar em cache arquivos JavaScript remotos localmente.

Google Pagespeed testes também sinalizarão Drupal 8 sites para armazenar em cache arquivos JavaScript localmente para obter melhores velocidades de carregamento da página. o Agregação avançada de CSS / JS (Adv_Agg) O módulo possui uma configuração para isso, que permitirá o armazenamento em cache automaticamente.

Como otimizar Drupal para o Google Pagespeed?

Definições: Essas opções também podem ser ativadas no Adv_Agg para velocidades de carregamento de página mais rápidas.

  • Mova todos os scripts externos para o topo da ordem de execução
  • Mova todo o JavaScript condicional do navegador para a parte inferior do grupo

Fontes da Web, arquivos API remotos, & Os scripts do Google Analytics serão todos sugeridos em Google Pagespeed testes para armazenamento em cache local. A ativação dessa configuração permite Adv_Agg implementar melhor compactação geral & otimização de carregamento de arquivos para páginas em cache na produção, o que pode ser importante para tráfego intenso Drupal 8 sites.

Opcional: Carregar arquivos CSS / JavaScript de forma assíncrona.

Google Pagespeed testes também podem sugerir que Drupal 8 os editores carregam seu CSS & Arquivo JavaScript de forma assíncrona para obter melhores velocidades de carregamento da página. Os administradores podem ativar essas configurações em Adv_Agg e teste para ver qual combinação funciona melhor com o tema.

Como otimizar Drupal para o Google Pagespeed?

Nota: Os desenvolvedores precisarão testar Tema visualizações para todos os tamanhos de dispositivo com o Agregação avançada de CSS / JS módulo, pois podem surgir conflitos entre scripts diferentes quando compactados.

Alto desempenho: adicione mais cache de páginas & Soluções CDN.

Usuários de alto desempenho que precisam de uma velocidade ainda melhor de seus sites Drupal para gerenciar grandes comunidades de usuários na arquitetura de servidores da Web podem adicionar outros caches de página, cache de banco de dados, & Soluções de cache PHP tanto através de módulos quanto de configurações personalizadas do servidor da web.

As soluções recomendadas do lado do servidor incluem: Memcached, APC, OPcache, HHVM, Redis, NGINX, cache de verniz, & serviços profissionais de CDN. Somente um mínimo disso pode ser instalado em um plano de hospedagem compartilhada. Atualize para um Hospedagem VPS planeja adicionar essas atualizações de recursos de alto desempenho a um Drupal CMS empilhar ou executar em plataformas na nuvem com capturas instantâneas de disco.

Usuários de hospedagem compartilhada executando o Drupal sem a capacidade de instalar extensões do servidor, considere instalar o Impulso (Drupal 7) Módulo para cache HTML mais avançado de páginas da Web para usuários anônimos, o que pode acelerar consideravelmente a velocidade da página.

Como otimizar Drupal para o Google Pagespeed?

Navegue pelo Conselho de Host arquivo tutorial em Drupal Solutions para encontrar mais “Como” artigos sobre essas soluções avançadas de armazenamento em cache para Drupal 8. Cloudflare CDN integração é uma escolha popular para Linux compartilhado & cPanel hospedar usuários do plano para melhorar as velocidades de resposta do site com pouco tráfego.

Resumo: cache de página, compactação de imagem, & Agregação CSS / JavaScript para sites do Drupal 8.

Estabelecendo políticas de cache de página para Drupal 8 sites, bem como Agregação avançada de CSS / JavaScript configurações para Temas levará a muito melhorado Google Pagespeed pontuações de teste para editores. Uma política abrangente de compactação de imagem precisa ser estabelecida por blogueiros, mídia noticiosa, sites de comércio eletrônico, & redes sociais usando o Drupal para otimizar os recursos de processamento disponíveis para o CMS em produção. Os sites de alto tráfego precisam implementar estratégias de cache mais avançadas, como NGINX, Cache de verniz, ou Redis, enquanto sites menores podem encontrá-los como parte dos planos de PaaS em contas de hospedagem em nuvem compartilhada com hardware de servidor premium de baixa densidade. O cache de CDN nos mercados regionais locais fornecerá as velocidades de carregamento de página mais rápidas.

Conclusão:

Siga estas etapas para fazer as alterações em seu Drupal 8 site, em seguida, pegue novamente o Google Pagespeed testes e veja a melhoria nas pontuações de desempenho.

Confira estes 3 principais serviços de hospedagem Drupal:

ChemiCloud

Preço inicial:
US $ 2,76


Confiabilidade
10


Preços
9,9


Amigo do usuário
9,9


Apoio, suporte
10


Recursos
9,9

Ler comentários

Visitar ChemiCloud

Hostinger

Preço inicial:
US $ 0,99


Confiabilidade
9,3


Preços
9,3


Amigo do usuário
9,4


Apoio, suporte
9,4


Recursos
9.2

Ler comentários

Visitar Hostinger

Hospedagem A2

Preço inicial:
US $ 3,92


Confiabilidade
9,3


Preços
9.0


Amigo do usuário
9,3


Apoio, suporte
9,3


Recursos
9,3

Ler comentários

Visite A2 Hosting

Artigos de instruções relacionados

  • Como hospedar sites Drupal 8 com Redis em planos VPS
    intermediário
  • Como otimizar o cache do Drupal 8 com a APC na hospedagem cPanel
    intermediário
  • Como hospedar sites Drupal 8 com cache de verniz em planos VPS
    intermediário
  • Como usar Vamos criptografar certificados SSL com o Drupal 8
    intermediário
  • Como personalizar o email de boas-vindas no Drupal 8
    novato
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me