Chega de paranóia ou por que você não brilha 100 pontos no Page Speed

Yo-yo! Ótimas coisas de SEO. Ninguém sabe o que fazer com certeza por que o site "não está no topo" e por que o negócio on-line não está funcionando. E, em busca da verdadeira razão, os proprietários de sites tornam-se tias de quarenta anos que acreditam em todas as coisas ciganas do mercado. E assim, pegando o teclado e digitando uma consulta no mecanismo de pesquisa, eles veem "conselhos mágicos" - "100 pontos na velocidade da página do Google e você será feliz". Não há nada de errado em tentar acelerar seu site, apenas fl e todo tipo de trabalho estão cheios de solicitações como "otimizar o site para 100 pontos na velocidade da página", e os próprios proprietários do site não entendem quanto essa otimização pode realmente custar a eles.

Hoje, quero dizer por que é quase impossível alcançar o valor estimado em algumas decisões ou será muito caro. Vou examinar algumas das dicas de velocidade da página e falar sobre elas.

Use formatos de imagem modernos

Esta dica diz: "As imagens JPEG 2000, JPEG XR e WebP usam compactação mais eficiente; portanto, elas carregam mais rapidamente e consomem menos tráfego do que as imagens PNG e JPEG " . Este conselho, na minha opinião, é o mais difícil de encontrar por várias razões.

Suporte do navegador para JPEG 2000, JPEG XR e WebP

Para verificação, usamos caniuse para descobrir como os navegadores suportam formatos. Neste site, aprendemos que o JPEG 2000 é suportado apenas pelo safari (exceto para a versão do Windows), o JPEG XR for IE. O WebP está melhorando, mas adivinhe quem não suporta isso?!) Isso mesmo! Safari Assim, descobrimos que não há formato universal e, se você quiser usá-los em casa, precisará carregar pelo menos 2 formatos. Isso é pelo menos o tempo e, no máximo, você pagará ao designer que faz os banners.

Suporte CMS

Obviamente, pagar a um designer 500 rublos não é um problema tão grande, mas lidar com o CMS não é uma tarefa tão fácil. No momento, consegui verificar o suporte no 3 CMS: Wordpress, Bitrix, Joomla. Nenhum deles pronto para uso suporta qualquer um dos formatos listados. Existem vários plugins no Wordpress que dizem que fazem webp, mas na verdade não existe um único plugin grátis para isso. Além disso, mesmo nesses casos, o webp não pode ser carregado no corpo do artigo; quando a postagem é salva, o link para o arquivo de um formato não suportado é excluído. No Bitrix, ainda não existe esse módulo. Você precisa escrever para si mesmo o que é para wordpress, o que é para bitrix. Essas não são melhorias simples que exigem bons conhecimentos e tempo suficiente.

Definir codificação de imagem eficaz

Dica: " Imagens otimizadas carregam mais rápido e consomem menos dados móveis ". Este é um conselho muito bom, mas, na realidade, ele sempre jura em fotos grandes, mesmo que em "maskalka" passe suas imagens no wordpress com o plug-in "Winsite Image Optimizer", para o qual existe um link na ajuda do Google (link para imageoptim. com ), mesmo assim, sua insatisfação permanecerá.

O que resta fazer? É melhor salvar os arquivos com qualidade mínima no "estágio Photoshop" e fazê-lo melhor através da importação, em vez de "salvar como". A diferença de tamanho é enorme.

Eliminar recursos de bloqueio de exibição

Dica : " Alguns recursos impedem o carregamento do conteúdo da página. Recomendamos que você configure o carregamento dos recursos JS / CSS necessários em primeiro lugar e adie o carregamento de outros recursos. "

Esse conselho é extremamente simples se você trabalha com um site auto-escrito, se sabe "o que, onde, quando". Mas se se trata de CMS e o uso de plugins e módulos, isso é difícil de fazer. Por exemplo, no Wordpress, tudo depende dos plugins usados. Para resolver esse problema, você terá que se aprofundar no código dos plug-ins e descobrir como eles conectam seus scripts (e o jquery para inicializar). Em seguida, usando wp_deregister_script, removemos a conexão de scripts do plug-in e os carregamos no lugar certo, onde quisermos.

Outra maneira é compactar os scripts e / ou estilos em um arquivo. Esse método realmente fornece muitos pontos na velocidade da página, mas, na verdade, pode diminuir a renderização do conteúdo e parte do javascript não funciona.

Depois de experimentar esse método, vi que a velocidade da página mostra uma deterioração no parâmetro "Tempo de atraso aproximado para entrada", grosso modo, o site no celular começa a desacelerar. E quanto mais você compactar (mesclar em um arquivo / mesclar em um arquivo e minificar), pior serão esses parâmetros. Ou seja, o smartphone precisa se esforçar para ler e executá-lo.

Reduza o tempo de resposta do servidor

Simples, como me parece, conselhos, mas nem sempre depende do programador da web. Acesse o criador de perfil no seu site e encontre o código que fica mais lento. Às vezes acontece que o mesmo código é chamado várias vezes no mesmo arquivo. Escreva o resultado da execução em uma variável e use-o, se apropriado. Use cache. Eu tento usar memched, pois pago meu hoster de 30 a 120 rublos por mês, dependendo do projeto. Eu acho que isso irá ajudá-lo.

Adiar o carregamento de imagens ocultas

Recomendação de teste " Para reduzir o tempo antes do início da interação, recomendamos o uso do princípio de carregamento lento para imagens ocultas após o carregamento de todos os recursos importantes ."

Eu acho que fazer isso é bastante simples e há muitos exemplos na Internet de como fazer isso. Por exemplo, há um bom artigo sobre truques de CSS . Para que seu código funcione, o principal é alterar os atributos da imagem. É bem simples. A carga lenta é boa, mas adiciona um arquivo javascript a +1.

No começo do artigo, falei sobre conselhos bastante conflitantes e, no final, passei a conselhos eficazes. Sim, é claro que a otimização do código é boa, mas os proprietários do site pensam no lucro e que essas conversões levarão ao aumento do lucro por meio do SEO.

Você precisa entender que a otimização do código do site é apenas o primeiro passo na promoção, e a própria promoção do mecanismo de pesquisa é eficaz apenas para sites em que existe uma demanda formada pelo produto.

PS

Não fique paranóico, saiba que deve haver uma demanda formada pela promoção de sites em SEO, atenda às necessidades de seus clientes e, em seguida, seu site estará no TOP.