Carregamento demorado, carregamento atrasado.  Ao contrário do que o nome sugere, trabalhar com lazyload é uma das mais importantes estratégias de tratamento de imagens com vistas á performance. Mas antes de falarmos um pouco mais sobre o lazyload precisamos explicar o que é carregamento antes e depois da dobra. Você sabe o que é a dobra de um site? Vamos lá. Chamamos de carregamento antes da dobra  tudo que deve aparecer na tela antes de o usuário dar um scrool...

Para entendermos estas duas propriedades precisamos falar primeiro das sugestões de tamanhos. Quando falamos em performance um dos principais calcanhares de aquiles são as imagens. Elas pesam muito mais do que os textos. Vamos supor que em seu site exista a imagem de um gato com um novelo de lã. E vamos supor ainda que seja uma imagem de alta, com 2890px de largura e 1325 de altura. O desenvolvimento web tradicional nos ensina a “responsivar” a imagem, definido a...

O formato de imagens WebP é um formato de imagem criado pela Google que pode reduzir em aproximadamente 40% do peso das imagens. Mas como tudo que é novo ele ainda não é suportado por todos os browsers. O ideal é você servir em mais de um formato. WebP e jpg, por exemplo. Caso o navegador do usuário não suporte WebP ele carrega o jpg. E aqui um detalhe importante: Você lembra que no tópico sugestões de tamanhos nós passamos...

A definição de altura e largura da imagem é sem dúvida um dos pontos mais importantes para a google quando o assunto é performance de um site. Mas não estamos falando de definir altura e largura em folha de estilos (css, less, sass, ...), e sim definir os tributos width e heigth da tag <img />, conforme a imagem. [caption id="attachment_1182" align="alignnone" width="899"] Estes são os atributos width e height da tag [/caption] Este costuma ser um dos pontos de...

Um dos pontos mais importantes para quem trabalha com SEO é criar um conteúdo legível pela google, e ter sempre em mente a celebre frase: A missão da google é entregar para o usuário que fez a pesquisa o conteúdo mais relevante. E as imagens são parte importantíssima de uma estratégia de conteúdo. Um post com imagens é um post mais enriquecido e o google entende como mais relevante portanto. Mas de nada adianta enriquecermos nosso material se não conseguirmos...

Ao longo dessa nossa série de posts passamos por um número muito grande de conceitos e informações. Para ajudá-lo a ter uma melhor fixação de tudo que foi visto, neste post nós faremos um pequeno resumo. Depois do entendimento agora vamos separa o que você precisa realmente fixar.   O que foi visto?                 Apresentação:                 A missão da google é entregar para quem fez a pesquisa o conteúdo mais relevante                 As imagens são parte importantíssima de uma estratégia...

Busque sempre a excelência. E para entregar um trabalho excelente de SEO você precisa dar às imagens do site a devida importância. Comentamos no início da série, repassamos na revisão e vamos repetir aqui: A missão da google é entregar para o usuário que fez a pesquisa o conteúdo mais relevante. E é impossível mostrar para o buscador que seu conteúdo é mais relevante do que o da concorrência sem olhar para as imagens do site com a devida atenção....