Como proprietário do site, você sabe que deve ser rápido. E você já leu diferentes artigos sobre como acelerar seu site, talvez até mesmo algo já tenha implementado. Em seguida, torna-se interessante a rapidez com que o site é carregado. Aqui você vai ao Google PageSpeed \u200b\u200binsights como a ferramenta mais popular, você receberá uma avaliação e uma lista de recomendações do Google. E aqui a maioria de nós está perdida:

• É o indicador de páginaspeed insights para SEO?
• Por que a avaliação do meu site não é maximista?
• O que todas essas recomendações significam?

Anteriormente, você incluiu o armazenamento em cache no site e esperava que a classificação de Pagespeed seja quase perfeita, e agora você acha porque esse plugin não corrigiu todos os problemas em velocidades? Talvez não seja muito bom? Uma resposta curta é que:

O indicador do Google PageSeed não importa.

Sim, é assim ... Mas por que isso não importa?

Velocidade da página vs pagepeed insights

Velocidade (hora do download do site) é importante e é uma métrica importante no SEO e também afeta a experiência do usuário. Quando o índice do Googlebot indexar o site, ele não vê o indicador PagePeed, mas só conhece a velocidade em si. Você sabe que o Google PageSpeed \u200b\u200binsights não mede a velocidade do seu site? Sim, leia novamente:

O Google PageSeed insights não mede a velocidade do site.

Olá, querido site de leitores de blog! Hoje, o post será dedicado ao maravilhoso instrumento do Google Page Aids, que permite testar qualquer página para estudar as possibilidades de acelerar seu carregamento ().

Não é segredo que os motores de busca, especialmente o Google, pagam recentemente sérias atenção a este aspecto, tão rápidos, os sites recebem uma certa vantagem no ranking e posições mais altas nos resultados da pesquisa.

Insights de velocidade da página do Google não apenas detecta e indica todas as razões pelas quais a página não é carregada rapidamente o suficiente, mas também oferece maneiras específicas para eliminá-las, e alguns dos problemas descobertos podem ser facilmente eliminados pelas forças de serviço no modo automático.

Quais são as ferramentas de otimização em todos os usam o Google?

Em princípio, para cada um dos seus projetos, eu pago tempo suficiente para otimizar as páginas que contribuem para seu download rápido. Realmente não alcançou o blog somente antes do site do blog, que é essencialmente um manual visual para webmasters iniciantes, não desprovido de ambições saudáveis \u200b\u200be cobrado para alcançar o objetivo.

Mas, porque pela natureza eu sou um perfeccionista, não poderia permitir que o recurso da Web da informação leve, por assim dizer, o conhecimento da massa seria em algum aspecto entre os painéis. Portanto, foi decidido fazer o máximo de esforços para otimizá-lo, incluindo as recomendações da página AIDS.

Portanto, vira imediatamente a descrição dessa ferramenta para que você possa estimar sua funcionalidade e aplicar na prática para o benefício de seus recursos da Web.

Anteriormente, foi possível usar na forma de extensões para navegadores e, baixar links atendidos em uma página especial do Google. Além disso, a fim de aplicá-lo em um, primeiro, foi necessário, onde Paige Aids estava presente como sua adição:

Agora não há mais possível aplicar extensões para navegadores do Google, embora os mesmos plugins, mas em várias outras interpretações, estão disponíveis nos sites oficiais do Chrome e Masisle. Além disso, há um monitor funcional serviço on-line Google com exatamente os mesmos funcional e não menos possibilidades. Se você for à seção Developers, você verá um link para a ferramenta de velocidade da página:

By the way, na mesma página "Págspeed Tools" Existem todas as propostas do Google para acelerar sites. Parece que os desenvolvedores do "Empire Bom Empire" assumiram a otimização e a aceleração de todo o espaço da Internet, porque nos desenvolvedores você encontrará um link para a biblioteca de otimização ( Integre a biblioteca de otimização de páginas) Código aberto.

Disponibilidade de código aberto programas Este projeto operando com base no módulo " mod_pagespeed.", Que é instalado no servidor Apache (Koi, a propósito, a maioria esmagadora), significa que ele pode ser melhorado ou atualizado qualquer um.

Isto é, desta forma, é bastante realista à custa da comunidade da Internet para criar um próximo da ferramenta de aceleração perfeita. Como tudo parece na prática, o tempo vai mostrar. Naturalmente, para obter uma contribuição completa e alcançar o sucesso neste eixo, é necessário ser um programador bastante qualificado.

Se você dar uma olhada na captura de tela superior (a informação é circulada com um quadro verde), verá um link para instalar a versão mais recente do módulo pronto. Pode muito bem ser interessante para os proprietários que podem instalá-lo em seus servidores, fornecendo aceleração automática de sites localizados lá.

Além disso, existem duas modificações do módulo de AIDS da página: diretamente para servidores Apache E para o pacote apache + nginx, onde o segundo desempenha o papel do servidor proxy:

A propósito, a participação de apafatic e Ngnix nas condições modernas é a mais demanda e é usada pela maioria dos hosteradores avançados (incluindo, por exemplo, Spritthost), uma vez que garante o uso eficiente de recursos. Então, se você estiver interessado neste método de aceleração automática de sites, você pode se conectar a esta mão ou esticar o seu Hoster.

O Páginas do GooglePeed recomenda (caminhos para aumentar a velocidade do site de carga de página)

Acima, olhamos para a possibilidade, por assim dizer, o aumento global da velocidade de baixar sites, que requer conhecimento específico (é provável que esta informação seja útil para alguém útil, pelo menos no futuro).

Mas para a parte principal dos leitores, isto é, webmasters simples, uma opção mais relevante é clara e disponível aqui e agora. " Apenas tais condições atendem plenamente com o serviço de insights PagePeed, que será falado. Para analisar uma página específica do site, insira sua URL () nesta página:

Após a análise, você verá as regras do Google e, como em relação a dispositivos móveise PC, que é especialmente valioso. Neste exemplo, para a página principal deste blog, 76 credenciais de 100 para telefones celulares é um resultado médio que pode ser significativamente melhorado se você aproveitar as recomendações.

Além disso, para otimizar cada recurso que diminui a carga de página, as referências são fornecidas às seções relevantes (para fins de recebimento, clique em link "Como consertar?"), onde você encontrará descrições das ações necessárias para eliminar as deficiências.

Mas aqui você precisa fazer uma observação importante. Necessário analisar páginas tipos diferentes Para obter uma diminuição no tempo de download de todo o site como um todo. Por exemplo, para um blog padrão vordpress, o nível de otimização neste aspecto para as principais, colunas, páginas estáticas e registros pode ser completamente diferente.

Acima dei um exemplo pagina inicialEm quais posts são exibidos, mas uma das opções de página de artigos deram uma classificação muito baixa:

Isso aconteceu porque os posts são geralmente muito mais volumosos e incluem muitos tipos diferentes de recursos e conteúdo (imagens, vídeos, scripts). Portanto, é melhor começar a verificar a otimização deles. A propósito, a partir deste ponto de vista, repele da avaliação que A velocidade da página fornece telefones celularesPorque a conquista de uma velocidade de carga decente em tais dispositivos requer muito mais televitações.

Mas mesmo registros diferentes de registros podem diferir na qualidade. Isso acontece, incluindo porque alguns deles executam scripts adicionais que retardam o download. Por exemplo, o nível de otimização de um desses weblons me fez não apenas surpresa, mas um choque real:

É claro que 62 pontos de 100 possíveis não é o resultado para o qual você precisa se esforçar. E tudo porque nesta e algumas outras páginas de registros, eu tenho um script de plugin de sintóxil, iniciando decoração bonita Códigos iluminados.

Pode haver várias dessas extensões no site. Em cada caso, é necessário resolver para si mesmo quanto o plug-in é importante para o seu recurso do ponto de vista da funcionalidade que ele fornece. E dependendo disso, é necessário excluí-lo ou tomar medidas para otimizar que ajudará a acelerar a carga da página.

O acima é especialmente verdadeiro no CMS mais popular do mundo, que goza do número esmagador de webmasters. Este motor multifuncional é bom, mas deve ser constantemente depurado em termos de reduzir a carga no servidor e reduzir o tempo de carregamento da página. Portanto, os proprietários de recursos da Web trabalhando no WP devem tomar esta nota. E a disponibilidade de tal serviço como uma página ajuda aqui, pois é impossível pelo caminho.

Certifique-se de ler todos esses artigos pelo menos no modo de visualização, clicando nos links acima, você pode encontrar muito útil para si mesmo. No futuro, pretendo retornar ao problema de acelerar os recursos da Web mais de uma vez e, portanto, você pode emitir uma assinatura para não perder a saída de novas publicações sobre este tópico.

Em conclusão, consulte o vídeo útil do qual você aprenderá porque as dicas de velocidade da página são uma natureza recomendada e para que razão não devem seguir os fanaticamente para eles.

Módulo Google Pagespeed para o site: O que pode e como usar

Decidimos experimentar e adicionar acelerador do Google a três projetos. O que aconteceu com isso - descobrir.

Os sites devem inicializar instantaneamente. Oh, não, sites não devo ninguém? Vá para Trólebus e sente-se ao lado do aluno que se senta com um iPhone. Olha, se ele está pronto para esperar até que alguma loja online seja carregada. Vamos apenas dizer: três segundos - e a aba fecha. O próximo resultado é o seguinte resultado dos resultados da pesquisa.

By the way, pro emissão de pesquisa.. A velocidade de download do site afeta o ranking nos mecanismos de pesquisa. Prufs e. Os sites "Thoring" são menos propensos visitados por robôs e, isso significa menos frequentemente indexado. A partir disso, há um lugar na extradição e conveniência de encontrar as informações necessárias.

Constantemente pensar se sua página será carregada mais lenta no smartphone do que no PC. E, em caso afirmativo, seremos mais prováveis \u200b\u200bde diminuí-lo na extradição.

- Matt Katts, Google

O Google funcionou e lançou sua ferramenta para verificar a velocidade - PagesPeed. Encontrar elementos de carga de frenagem apenas ir aqui E no único campo, especifique o endereço que você deseja testar. Por um minuto, um relatório detalhado de desempenho estará pronto. O resultado será mostrado em papagaios. Idealmente, sua estação de serviço, mas tente alcançar! Até mesmo o próprio google não está sob poder: verifique seus serviços :)

Os testes são realizados para a área de trabalho e a versão móvel do site. Concentre-se melhor na escala de cores: a zona amarela indicará que existem elementos que vale a pena otimizar, o verde relatará que tudo está bem. Se o site na zona vermelha, aparafuse a velocidade e otimize. Caso contrário, à frente do Abyss: Enquanto a página é carregada, o usuário já irá para outro site :)

Você pode otimizar o site de duas maneiras.

Otimização manual

1. aperte as fotos do Photoshop ou corra Otimizilla. , por exemplo

Quanto menor as imagens, mais os boacks são mais rápidos, o site é carregado. Fazemos compressão, imagens multi-participantes se escondem sob gato. Suficiente Previe 640 × 480. Menos imagem - site de dormir.

Mesmo em. página inicial Os gráficos de desenvolvedores do Google podem ser espremidos por 71%.

2. Conectando fontes do próprio site e não os puxe com o Google

Menos - Enquanto o navegador não carregou a fonte, o usuário verá o Arial ou o Tahoma chato.

3. Use o cache do navegador para o máximo

Quando o site é parcialmente salvo pelo cliente - o download irá muito mais rápido.

4. Reduzir JavaScript e CSS

Scripts não são editados todos os dias após o lançamento - não faz sentido comprá-los na mosca. O suficiente para otimizar uma vez após os códigos. Os modelos JS são melhores para lidar com o servidor, incorporam os resultados em HTML e usam os modelos no cliente após o download.

5. Reduza o HTML.

Na prática - remoção de lacunas desnecessárias, guias, linhas.

6. Exclua um código não utilizado.

Pode ser construído na auditoria "Chrome". Clique em F12 e vá para a guia Auditorias. Abaixo está o único botão de execução. Geralmente é o mesmo que pagepeed. Apenas em tempo real.

Otimização automática

Qualquer site consiste em elementos dinâmicos e estáticos. Elementos dinâmicos - código HTML obtido de solicitações de php e banco de dados. E o resto é a estática. Estas são fotos, javascript e css.

Otimizar automaticamente o site pode ser íngreme pelo Google - Página Prevels Insights. Este módulo é instalado no servidor NGINX e aperta em tempo real após as configurações. dofig info. , entre outras coisas, gráfico.

PáginasPeed Insights podem analisar o HTML e otimizar recursos. Claro, mais curto. No código-fonte, os recursos estarão em outro caminho, não pelo que é definido para apertar a foto para o desenvolvedor. Deve ser considerado. Mas a exibição de recursos não será alterada. O peso diminuirá. Então, aumentará a velocidade de download da página e os visitantes ficarão satisfeitos :)

No entanto, os insights PagePeed possuem limitações. Só pode ser colocado em nginx, lançado em ou servidor virtual. Não, alugado em algum lugar na Alemanha, um servidor compartilhado não vai se adequar.

A segunda limitação é associada aos navegadores de guerra eterna. PáginasPeed Pictures são convertidos para Format.Webp, que só entende "Chrome" (popularmente amado Internet Explorer. 6 Esta coisa não passará). DENTRO versões recentes A exibição de tais fotos aprendeu e "ópera". Porque o motor mudou.

Exemplos de uso de insights PagePeed

Nós instalamos o módulo PáginaPeed Insights em três projetos - no seu novo site e em dois clientes. O módulo vê, de qual navegador vem uma solicitação, parece, se é treinado para exibir um formato da WebP e fornece uma imagem otimizada ou um JPEG regular.

Na Siberia, a configuração levou cerca de meio dia. Algo tinha que fazer empiricamente: mudou, observou o que estava acontecendo. Às vezes a zona era verde e voar em amarelo poderia completamente imprevisível.

Agora ambas as versões estão na zona verde. Portanto, não haverá problemas a velocidade. Se a velocidade de conexão é boa, sem aresta alguns :)

Dentro de suporte técnico Decidimos experimentar e instalar o módulo Páginapeed Insights nele.

O Google PageSpeed \u200b\u200bé uma ferramenta que permite verificar a velocidade do site. Ele permite estimar o download de velocidade para PCs estacionários e para dispositivos móveis e recomendações de problemas que podem ser usados \u200b\u200bpara otimizar.

O resultado de analisar a velocidade de carregamento do site é assim:

Verifique a velocidade do site do Google PageSpeed \u200b\u200binsights e recomendações de serviço

Depois de analisar a velocidade de carregamento do site, as seguintes recomendações podem ser obtidas com mais frequência:

Otimize as imagens

A recomendação de serviços mais comumente encontrada está relacionada a a escolha ideal Imagens para o site. O conteúdo gráfico é muito pesado e pode diminuir muito o download das páginas de recursos. As recomendações mais gerais consistem em escolher o formato certo (a maioria das vezes faz sentido usar PNG), tamanho e qualidade de imagem. Tão grande demais, o fundo usado como pano de fundo pode às vezes diminuir a velocidade de carregamento do site. Você sempre precisa verificar imagens e maximizar seu tamanho e qualidade (tamanho e qualidade de imagem faz sentido definir mínimo aceitável para um recurso específico).

Permitir compressão

Uma compressão do servidor da Web é um parâmetro importante que fornece velocidade. Ele é incluído pelo módulo MOD_DEFLATE no Apache ou à custa da Diretiva NGINX.

Alavancar o cache do navegador

Determina se o título é transmitido e os dados no navegador do usuário são armazenados em cache. O armazenamento em cache pode reduzir significativamente o número de recursos para o servidor, o que reduz a carga e aumenta a taxa de retorno dos dados estáticos (que é mais em qualquer site) para o cliente

Eliminar JavaScript Bloqueio de Renderização e CSS no conteúdo acima dobre

Javascript O código padrão é executado como uma página é carregada, uma maneira semelhante é processada pelo CSS. Aqueles. Se o script JS estiver conectado no corpo do documento, sua renderização será interrompida toda vez até que o script seja atendido. Você pode evitar isso adicionando quando conectado por JavaScript e HTML, o corpo da página será renderizado independentemente do código executável.

Por exemplo, o JS no modo assíncrono pode ser conectado como este: