Conteúdos, dicas e sugestões sobre CDN, WAF, SSL, otimização de WordPress, Magento e aplicações web em geral.

Por que a velocidade de um site é importante? Google Playbook

/em

No artigo de hoje vamos trazer alguns pontos citados no famoso playbook do Google, intitulado como Mobile Site Speed Playbook. Vamos lá?

Por que a velocidade é importante?

Os consumidores confiam cada vez mais no celular para acessar conteúdo e serviços digitais, e se você olhar as métricas do seu site, provavelmente verá essa história se desenrolando em seus próprios dados.

Os consumidores também estão mais exigentes do que nunca e, quando avaliam a experiência no seu site, não estão apenas comparando você com seus concorrentes, eles estão classificando você em relação aos melhores serviços que usam todos os dias.

Quando se trata de experiência do usuário, a velocidade é importante. Um estudo com consumidores mostra que a resposta ao estresse relacionado aos atrasos na velocidade do celular é semelhante à de assistir a um filme de terror ou resolver um problema matemático é maior do que esperar na fila do caixa em uma loja de varejo. E os atrasos causados pela velocidade móvel não são apenas frustrantes, mas também podem ter um impacto negativo nos resultados dos negócios.

Por exemplo, em um estudo da Ericsson, foi possível identificar que um atraso de um segundo no tempo de carregamento do celular pode afetar as taxas de conversão em até 20%.

O que é velocidade?

Sabe-se que a velocidade é importante, mas o que exatamente queremos dizer com isso? O que significa ter um site rápido? É comum ouvir as pessoas falarem em termos de carregamento de seu site em x, xx segundos ou algo semelhante, mas um carregamento não é um único momento no tempo – é uma experiência que nenhuma métrica única pode capturar totalmente.

Existem vários momentos durante a experiência de carregamento que podem afetar a percepção de um usuário como ‘rápido’, e se você se concentrar apenas em um, você pode perder experiências ruins que acontecem durante o resto do tempo. Em vez de medir com apenas uma métrica, você deve cronometrar cada momento, durante a experiência, que afete a percepção do usuário sobre a velocidade de carregamento.

Quando um usuário navega em uma página da web, ele normalmente está procurando por determinados tipos de feedback:

Fonte: Google Playbook

Está acontecendo?

  • A navegação começou com sucesso?
  • O servidor respondeu?

É útil?

  • Foi renderizado conteúdo suficiente para que os usuários possam interagir com ele?

É utilizável?

  • Os usuários podem interagir com a página ou ela ainda está carregando?

É prazeroso?

  • As interações são suaves e naturais, livres de atrasos e interrupções?

As métricas de desempenho tradicionais, como tempo de carregamento ou DOM Content Loaded, não são confiáveis, uma vez que sua ocorrência pode ou não corresponder a esses marcos de feedback. Então, surgiram métricas adicionais que podem ser usadas para entender quando uma página fornece esse feedback aos seus usuários.

É importante entender os diferentes insights oferecidos por essas métricas e, em seguida, estabelecer aqueles que são importantes para a experiência do usuário.

Algumas marcas até definem métricas personalizadas adicionais específicas às expectativas que as pessoas têm em relação ao seu serviço. No caso do Pinterest, os usuários desejam ver as imagens, por isso definiram uma métrica personalizada, Tempo de espera do Pinner, que combina o tempo de interação e os tempos de carregamento da imagem acima da dobra. Mesmo que o carregamento seja mais de um momento no tempo, ainda pode ser útil ter uma única métrica para fins de relatório ou comparação simplificados.

Como medir a velocidade?

O desempenho no mundo real é altamente variável devido às diferenças nos dispositivos dos usuários, conexões de rede e outros fatores. Por exemplo, se você carregar o seu site usando uma conexão de rede a cabo em seu escritório e compará-lo com o carregamento usando WiFi em uma cafeteria, as experiências provavelmente serão muito diferentes.

Existem muitas ferramentas no mercado que podem ajudá-lo a coletar dados de laboratório ou de campo para avaliar o desempenho da página.

Dados de laboratório versus dados de campo

Os dados de laboratório são dados de desempenho coletados em um ambiente controlado com dispositivos e configurações de rede predefinidos, enquanto os dados de campo são dados de desempenho coletados de carregamentos de páginas reais experimentados por seus usuários em liberdade. Cada tipo tem seus próprios pontos fortes e limitações.

Os dados de laboratório oferecem resultados reproduzíveis e um ambiente de depuração, mas podem não capturar gargalos do mundo real e não podem se correlacionar com os KPIs da página do mundo real.

Com os dados de laboratório, você precisa entender os dispositivos e redes típicos de seus usuários e espelhar adequadamente essas condições ao testar o desempenho. Tenha em mente que, mesmo em áreas com 4G, os usuários ainda podem experimentar conexões mais lentas ou intermitentes quando estiverem em elevadores, durante o trajeto ou em ambientes semelhantes.

Os dados de campo (também chamados de Real User Monitoring ou RUM) capturam a verdadeira experiência do usuário no mundo real e permitem a correlação com KPIs de negócios, mas têm um conjunto restrito de métricas e recursos de depuração limitados.

Os usuários ainda podem experimentar conexões mais lentas ou intermitentes quando em elevadores, durante o trajeto ou em ambientes semelhantes.

Como melhorar a velocidade?

Otimizações de velocidade

Esperamos que você agora tenha cumprido a missão de melhorar a velocidade de sua página – mas como fazer para aumentar a velocidade?

As métricas que queremos mover são influenciadas por vários fatores, muitos dos quais podem ser melhorados com a implementação de práticas recomendadas.

Ferramentas como o Lighthouse são um bom ponto de partida: junto com uma pontuação para cada métrica, elas também fornecem uma lista de oportunidades potenciais de aumento de velocidade, como a otimização de imagens ou JavaScript.

Web.dev é outro recurso para desenvolvedores que contém orientações e análises acionáveis.

WebPageTest e GTMetrix também são boas ferramentas para analises de otimização, mas considere realizar seus testes a partir de instâncias no Brasil.

Caso tenha interesse no tema, recomendamos a leitura do artigo: Se você se preocupa com SEO, saiba medir a velocidade do seu site corretamente.

Já conhece o AMP?

Outra maneira de acelerar e permanecer rápido é o AMP. AMP é uma biblioteca de código aberto que oferece uma maneira simples de criar páginas da Web que carregam quase instantaneamente para os usuários.

O AMP por si só é muito rápido, mas também pode acelerar seu site em níveis adicionais por meio do armazenamento em cache nos Caches de AMP e da pré-renderização.

Como permanecer rápido?

As marcas que otimizam a velocidade geralmente descobrem que regridem rapidamente. Isso ocorre porque o desempenho do site é muito parecido com o de entrar em forma:

Não é suficiente fazer um esforço único – você tem que mudar o seu estilo de vida.

Os orçamentos de desempenho são uma forma de resolver isso. Um orçamento de desempenho é um conjunto de limites de métricas que afetam o desempenho do site.

O conceito é semelhante a um orçamento financeiro – você define um limite e se certifica de mantê-lo. Em geral, um bom orçamento de desempenho combina diferentes tipos de métricas; então, por exemplo, o orçamento de desempenho para uma página de produto pode ser o seguinte:

Uma vez definido, um orçamento de desempenho deve ser aplicado, o que significa, por exemplo, incorporar o orçamento em seu processo de construção e aos relatórios.

Ferramentas como o Lighthouse podem ser incluídas em sua integração contínua, e você pode escrever testes que falham em uma construção se as principais métricas caírem abaixo de um limite definido. Além disso, relatórios regulares por meio de painéis ou relatórios resumidos podem ajudar com a visibilidade e responsabilidade.

O Pinterest é um exemplo de empresa que implementou orçamentos de desempenho para garantir que sua experiência rápida permaneça rápida, enquanto marcas como a Experian agora estão usando a velocidade do site como uma métrica chave em seus relatórios executivos mensais de KPI.

Fonte: https://www.thinkwithgoogle.com/_qs/documents/7353/Mobile_Site_Speed_Playbook.pdf

CDN para Elementor – Como reduzir tempo de carregamento do WordPress

/em

O Elementor é um visual builder utilizado no WordPress para facilitar o desenvolvimento e manutenção de sites em WordPress. A extensão é bastante popular entre usuários de WordPress, e segundo o volume de downloads de plugins dentro do WordPress, estima-se que o Elementor é o visual builder mais utilizado no mercado.

A facilidade que um visual builder pode trazer para o dia a dia dentro do WordPress é enorme, já que não é mais necessário que o webmaster programe manualmente o front end de cada uma das páginas. Além disso, o elementor permite que o usuário defina configurações de páginas responsivas, reduzindo significativamente o esforço técnico de implementação e garantindo que seus projetos estejam adequados para versões mobile, importantes fontes de tráfego para a maioria dos projetos web.

Porém, nem tudo são flores, e o lado mais negativo do Elementor é a redundância de código gerada pelo visual builder, o que acaba influenciando negativamente em métricas de performance. Trata-se de um código pouco otimizado e consequentemente pesado. Além disso, pela sua facilidade de implementação, o visual builder acaba sendo mais atrativo para usuários com pouco conhecimento técnico que acabam utilizando recursos e elementos (imagens, css, js) mais pesados que a média, afetando a velocidade de carregamento de suas aplicações.

Como a CDN pode ajudar um site em Elementor?

Uma estratégia bem definida de CDN com politicas de cache eficientes para o WordPress podem trazer bons resultados dentro de aplicações que usam o Elementor.

Cache estático: 

Dando inicio sobre como a CDN pode ajudar sites que usam Elementor, é possível criar políticas de cache estático para acelerar a entrega de componentes como javascript, css, imagens, pdf entre outros.

Nesta etapa é necessário determinar o tempo de expiração (TTL) dos objetos dentro da CDN. Deve-se levar em consideração que quanto maior o tempo de expiração, maior será sua eficiência de cache, sendo assim, a recomendação é buscar usar tempos de cache mais altos.

Cache Estático Elementor

Um dos desafios de usar politicas de cache com tempo de expiração maior tem relação com a manutenção da aplicação, visto que é necessário limpar (purgar) o cache de sua aplicação sempre que novos posts ou páginas sejam incluídas ou alteradas.

Pensando nisso, é altamente recomendado utilizar o plugin para WordPress da GoCache que será responsável por identificar alterações e inclusões automaticamente, realizando a limpeza de cache diretamente de seu backend do WordPress, sem a necessidade de realizar limpezas manuais.

Cache dinâmico: 

A aplicação de cache dinâmico ainda é bastante incipiente dentro do mercado brasileiro, visto que poucos webmasters tem a maturidade técnica necessária para implementar o recurso.

Na GoCache, nós facilitamos bastante a integração de cache dinâmico, através do nosso recurso conhecido como “SmartCache” que permite a inclusão de cache dinâmico para WordPress apenas com o acionamento de um botão.

Cache dinâmico – SmartCache

Utilizando o recurso de SmartCache você habilita o cache das páginas dinâmicas do site (html, json…).

A CDN entende como algumas plataformas CMS (WordPress e Joomla) e e-commerce (Magento) funcionam e tem inteligência para não fazer cache de partes do site que contenham informações sensíveis de usuário, como os produtos no carrinho de uma loja virtual ou a parte administrativa de um CMS.

Sua utilização aumenta muito a performance do site e diminui consideravelmente a utilização de recursos nos servidores web e de banco de dados.

Compressão GZIP:

Conforme citamos no inicio deste artigo, o Elementor é bastante utilizado pelos seus recursos de visual builder que facilitam o desenvolvimento e manutenção de projetos em WordPress, mas em contra partida, o código de elementos css e js não são otimizados.

Para acelerar a entrega dos assets estáticos, é recomendado utilizar métodos de compressão de arquivos, como GZIP.

Compressão GZIP – Compatibilidade com Elementor

Por padrão, todos os sites entregues via GoCache podem usar o recurso de compressão GZIP sem custo adicional, permitindo que você acelere a entrega de sua aplicação sem praticamente nenhum esforço técnico.

Otimização de imagens: 

E além da compressão GZIP, também é possível otimizar a entrega de sua aplicação no Elementor com nosso compressor / otimizador de imagens, o Lithio.

Imagens podem representar mais de 70% do peso de uma página, sendo assim, é fundamental ter a atenção redobrada com as imagens utilizadas em sua aplicação.

O Lithio permite que você faça a compressão de sua imagens, reduzindo significativamente o tamanho dos arquivos, acelerando a entrega e economizando com uso de banda.

Além do recurso de compressão, o Lithio também faz com que suas imagens sejam automaticamente convertidas para webP, formato criado pelo Google e que tem sido utilizado em praticamente todas as aplicações mais “modernas”.

Leia o artigo – Otimização WebP para WordPress 

Caso você tenha uma aplicação que utilize Elementor e esteja investigando possíveis melhorias em tempo de carregamento, por favor, fale com nossa equipe. Certamente a GoCache pode ajuda-lo a otimizar sua aplicação sem praticamente nenhum esforço técnico de configuração.

CDN para WooCommerce com integração via Plugin

/em

O WooCommerce é uma extensão de e-commerce feita especialmente para o WordPress, um dos CMS mais utilizados em todo o mundo.

Nos últimos anos o WooCommerce tem ganhado cada vez mais relevância pela possibilidade de integrações via plugin e pelo alto grau de maturidade da plataforma.

Atualmente, o WooCommerce tem sido utilizado para sustentar grandes operações e cada vez mais tem se tornado uma alternativa viável quando comparado a plataformas de código aberto tradicionais, como Magento, OpenCart e PrestaShop.

Neste artigo, falaremos um pouco mais sobre as possibilidade de configuração de CDN para WooCommerce, apresentando alternativas que podem acelerar a entrega de seu comercio eletrônico sem praticamente nenhum esforço técnico. Vamos lá?

CDN para WooCommerce: Facilidade de integração da GoCache

A rede da GoCache serve milhares de sites em WordPress e muitos deles utilizam as extensões de WooCommerce.

Por padrão, a rede de distribuição de conteúdo (CDN) da GoCache faz cache estático automaticamente, lendo a extensão de seus objetos, sendo assim, se um site passa pela rede da GoCache, faremos cache de assets como imagens, js, css, pdf sem nenhum esforço de configuração.

Porém, o cache estático pode ser considerado como o “arroz com feijão” das plataformas de CDN, e o que efetivamente diferencia a GoCache de outras soluções para WooCommerce é a possibilidade de fazer cache dinâmico (html, json..) apenas ativando nosso recurso de SmartCache.

SmartCache para WordPress / WooCommerce

Basicamente, o SmartCache é um conjunto de regras pré definidas para WordPress, feitas para habilitar o cache das páginas dinâmicas de um site, aumentando a performance de entrega e reduzindo o consumo de recursos de infraestrutura web e banco de dados.

O SmartCache considera automaticamente diversos critérios de cache, entregando seu conteúdo com full cache para seus visitantes e excluindo páginas sensíveis a cache durante a jornada de compra de seus clientes.

Por exemplo, digamos que um novo usuário chegou até seu site. Neste cenário, todo o conteúdo será entregue em cache, mas assim que ele fizer uma atividade de compra, como por exemplo, colocar algo em sua sacola, a GoCache automaticamente deixa de fazer cache dinâmico, evitando que qualquer conteúdo desatualizado seja servido para seu usuário.

Por padrão, a GoCache o recurso de SmartCache considera o cookie wp_woocommerce_session_, porém, em determinados casos é necessário criar Smart Rules (regras personalizadas) com critério nos cookies abaixo:

Regras de Cookies para WooCommerce

  • woocommerce_items_in_cart
  • woocommerce_cart_hash
  • woocommerce_recently_viewed
  • store_notice[notice id]

Sendo assim, sempre que um usuário tiver um desses cookies, a GoCache passa a fazer a entrega de assets estáticos.

Integração direta com plugin para WordPress:

Outra vantagem de utilizar a CDN da GoCache para a entrega de aplicações WooCommerce é a possibilidade de integração via plugin.

Nosso plugin tem mais de 2 mil integrações ativas dentro de sites em WordPress, e é responsável por realizar limpezas de cache automáticas, sempre que algo em seu site é alterado.

Por exemplo, se você subir novos produtos, categorias, páginas ou publicações, o plugin para WordPress da GoCache vai se comunicar automaticamente com nossa plataforma, solicitando a limpeza de cache, sem a necessidade de ações manuais.

Conheça o plugin para WordPress da GoCache através do link: Como configurar o plugin para WordPress da GoCache

Aumente a segurança de seu WooCommerce:

Além dos recursos de cache, utilizados para aumentar a velocidade de entrega de seu WooCommerce, a rede da GoCache também conta com frentes de segurança, como WAF, Rate Limit e Firewall.

Rate Limit para WordPress

Caso tenha interesse em conhecer mais sobre a utilização de Rate Limit para WooComerce, recomendamos a leitura do artigo – Rate Limit para WordPress

Utilize recursos de compressão e otimização de imagens:

A otimização de imagens é um item fundamental na experiência de uso de seu comércio eletrônico, afinal, é sabido que imagens de qualidade passam credibilidade e ajudam no processo de compra, porém, é necessário que suas imagens sejam otimizadas para que sua aplicação não fique pesada.

Para isso, a GoCache conta com um recurso chamado Lithio, responsável pela otimização e compressão de imagens.

Assim como a integração do SmartCache, o Lithio pode ser habilitado em seu WooCommerce sem nenhum esforço técnico.

Otimização de imagens para WooCommerce – Lithio

Vale destacar que a otimização de imagens para webP da GoCache é processada a cada requisição de seus usuários, analisando a compatibilidade do navegador e decidindo automaticamente o melhor formato de entrega, sendo assim, caso seu usuário use um navegador sem suporte para webP, a GoCache entrega suas imagens no formato original, garantindo que seu usuário não tenha sua experiência de uso prejudicada.

Caso queira aprender mais sobre os recursos de otimização de imagens para WordPress. acesse: Como usar WebP no WordPress

Como melhorar o resultado orgânico do meu site

/em

O tráfego orgânico é um dos grandes desafios de praticamente todas as empresas, uma vez que o aumento de tráfego tende a fazer com que mais usuários qualificados encontrem sua empresa. Além disso, atualmente, boa parte das palavras-chave de tráfego pago apresentam alto custo por clique (CPC), fazendo com que mais empresas passem a adotar estratégias de SEO e consequentemente, aumentem a competitividade nos resultados de busca (SERP).

Se você chegou neste artigo através do Google, buscando entender como melhorar os resultados orgânicos de seu site, vale citar que o trabalho de SEO é bastante complexo e que não existe “bala de prata” para alcançar bons resultados.

Conforme citado acima, uma estratégia de tráfego orgânico precisa contemplar diversos pontos que vão desde a escolha das palavras-chave, qualidade de conteúdo, backlinks, código e aspectos técnicos de seu site e infraestrutura.

Como definir palavras-chave que podem gerar tráfego orgânico:

Para facilitar neste ponto, vamos considerar dois tipos de estratégia de conteúdo, direcionadas para Head Tails e Long Tails.

Exemplo de Head Tails e Long Tail – Fonte: Yoast SEO

Caso ainda não tenha familiaridade com o termo, as head tails são palavras-chave ou assuntos mais amplos com alto volume de pesquisas e que consequentemente, tendem a ser mais disputadas.

Já as long tails, podem ser consideradas como palavras-chave mais especificas, onde o volume de pesquisas é menor, bem como a competitividade pelos resultados.

Uma boa dica para encontrar palavras-chave de long tail para seu projeto é utilizar o recurso “as pessoas também perguntam” do Google. Por exemplo, se considerarmos que a palavra-chave “assistência técnica samsung” é uma head tail, assim que pesquisamos o assunto no Google, automaticamente o sistema gera temas relacionados que podem ser explorados dentro de sua estratégia de conteúdo.

Recurso de pesquisa do Google – As pessoas também perguntam

Deve-se levar em consideração que nem todas as buscas feitas no Google disparam esse recurso, sendo assim, também existem outras maneiras de encontrar boas palavras-chave de long tail, utilizando outras ferramentas.

Uma ferramenta extremamente útil para definir temas de long tails é a Keyword Tool, onde você informa uma palavra-chave e o sistema filtra automaticamente diversas expansões dessa palavra.

Usando Keyword Tool para descobrir long tails

Atualmente o plano gratuito da Keyword Tool só fornece palavras-chave, já os dados de volume de buscas, tendencia, cpc e competitividade são exclusivos para planos pagos, porém, ainda que você não tenha interesse em contratar a ferramenta, é possível tirar bons insights utilizando o plano free.

E além da Keyword Tool, também é possível utilizar a ferramenta de palavras-chave do Google AdWords para escolher os temas de long tail para sua estratégia de conteúdo.

Para isso, é necessário que você tenha uma conta do AdWords, possibilitando que você acesse o menu “Planejamento” e a categoria “Planejador de Palavras Chave”.

Planejador de Palavras Chave do Google AdWords

Uma das grandes vantagens de usar o planejador de palavras chave do Google é ter o volume médio de pesquisas mensais de cada long tail, o que pode te ajudar a selecionar temas com maior alcance.

Antes de produzir seus artigos, avalie a competitividade e tente se diferenciar (mas sem reinventar a roda):

Agora que já sabemos como encontrar temas de long tail, precisamos avaliar a competitividade dos resultados nas buscas do Google.

Conforme citamos no inicio deste artigo, praticamente todas as verticais de produtos e serviços tem sido exploradas por empresas, sendo assim, é recomendado que você avalie os temas em que as chances de qualificação de seu site sejam maiores.

Essa é uma analise qualitativa, onde é necessário que você avalie as primeiras posições do Google e considere pontos como:

Domínio: Quem é o proprietário desse conteúdo? Caso a SERP esteja repleta de sites e marcas relevantes no mercado, esse é um sinal que a competitividade pela posição será maior, afinal, sabe-se que sites consolidados tendem a ter mais facilidade para posicionar seus artigos em buscas orgânicas.

Títulos e URLS: Avalie os títulos e URLS utilizadas nestas buscas, buscando encontrar um padrão para seu novo artigo. Muitas vezes é possível criar variações que possam destacar seu resultado dos outros com o intuito de aumentar a CTR de sua publicação.

Conteúdo e Cabeçalhos (H1, H2, H3…): Avalie o conteúdo das páginas mais bem posicionadas para encontrar padrões e oportunidades para diferenciar seu conteúdo dos resultados já indexados. Não escreva por escrever, parta do principio que você precisa desenvolver um conteúdo ainda mais profissional em comparação aos seus concorrentes. Também tenha em mente que o objetivo da publicação é ajudar o usuário, então busque ser o mais explicativo possível, anulando todas as dúvidas que sua audiência possa ter.

Faça linkbuilding de suas publicações:

Linkbuilding é o processo de criar links de autoridade para suas páginas. Definitivamente este não é um processo simples, então saiba lidar com suas expectativas, pois nem todos terão interesse em compartilhar o conhecimento de seu site ou empresa.

Uma dica para criar links de qualidade para seu site é analisar portais de notícias e conteúdo que estão inseridos em sua vertical de atuação. Você precisa, basicamente, fazer um trabalho de relações publicas, buscando criar um relacionamento com essas empresas com o intuito de vincular suas publicações através desse canal.

Uma das estratégias de linkbuilding que tendem a funcionar melhor é oferecer um conteúdo autoral e exclusiva para o site de seu parceiro. Tenha em mente que você precisa gerar um conteúdo tão bom quanto o que você publica em seu site, o que pode fazer com que seu parceiro também ganhe tráfego e relevância a partir de seu texto, e em troca, peça que seu site seja vinculado no artigo e se possível, tente criar um link com o atributo dofollow.

Leve em consideração aspectos técnicos de seu site:

A performance web de sua aplicação é um ponto importante em sua estratégia para aumentar o tráfego orgânico de seu site.

Ter um site rápido e performático não é significado de resultado, mas definitivamente é algo que pode diferenciar seu site de seus concorrentes, ainda mais se levarmos em consideração que o próprio Google vai utilizar informações de Web Vitals como fator de ranking orgânico a partir de Maio de 2021.

Leia mais sobre Web Vitals > Core Web Vitals – Você está preparado para a nova mudança do Google?

Para aumentar a performance de seu site, será necessário analisar uma série de pontos, como por exemplo:

Velocidade de abertura/carregamento: A velocidade de carregamento de um site é determinada por uma série de componentes. Nesse ponto, é necessário que você avalie o código usado em sua página, buscando excluir redundâncias de programão que só aumentam o tempo de abertura; avalie o tempo de resposta e performance de sua infraestrutura, buscando encontrar pontos de melhoria em TTFB, Start Render (inicio de renderização) e Load Time (tempo de carregamento). Vale citar que nestes pontos uma estratégia de cache e CDN podem ajudar bastante, principalmente se suas páginas forem elegíveis a cache dinâmico.

Leia mais sobre cache dinâmico > Caso de uso – CDN para Cache Dinâmico

Atenção com elementos externos: Sabe todas aquelas extensões de rede sociais, banners, ferramentas de marketing, ferramentas de sugestão de produtos e etc..? Pois bem, avalie se elas não estão prejudicando a performance de seu site.

Elementos externos são componentes em que não temos controle, e dependendo da opção escolhida, eles podem sabotar seus resultados, sendo assim, utilize ferramentas como GTmetrix e WebPageTest para analisar o modo cascata (waterfall) da entrega de suas páginas, buscando identificar componentes externos que estão atrasando a entrega de seu site.

Sitemap.xml e robots.txt: Monitore de perto seu search console para entender se suas páginas tem sido indexadas da forma correta e no tempo certo. Eventualmente, solicite a indexação de novas páginas manualmente em seu search console, caso o Google não encontre suas novas publicações automaticamente.

Desenvolva conteúdo com frequência:

Tenha em mente que o trabalho de SEO nunca tem fim, sendo assim, pense em sua estratégia de conteúdo como uma atividade de longo prazo, buscando ter frequência em suas publicações. Desta forma, você vai sinalizar que seu site produz conteúdo com frequência, fazendo com que o volume de visitas do bot do buscador também seja mais frequente.

Lembre-se que você pode explorar uma infinidade de temas de long tail, então ao invés de postar 10 artigos de uma vez e ficar meses sem produzir nada, dê preferencia por publicações mais espaçadas. Se você está começando agora, uma dica pode ser iniciar sua estratégia de conteúdo com duas novas publicações mensais e se houver resultado, aumente a frequência de publicações.

Queda de tráfego orgânico? Pontos em que a CDN pode ajudar

/em

Perder visitas orgânicas é algo bastante comum, afinal, para que um acesso orgânico seja feito em seu site, é necessário que os sistemas de pesquisa determinem os melhores resultados para cada busca, algo fora do controle, já que a decisão é feita diretamente pelo buscador.

Porém, é claro que existem boas práticas que devem ser sempre mantidas, com o intuito de tornar seus resultados mais competitivos e consequentemente, mais atrativos para os sistemas de pesquisa.

Sabe-se que o mundo de SEO é bastante complexo, então precisamos partir do ponto em que uma estratégia de cache via CDN não é uma “bala de prata” para seus resultados de SEO, mas sim uma parte da estratégia. Vale citar, inclusive, que atualmente o Google vem dando sinais sobre a importância de sites mais rápidos e eficazes, e a prova disso foi o anúncio feito em junho, sobre os dados de Core Web Vitals.

Leia mais sobre Core Web Vitals

Com isso em mente, vamos falar um pouco sobre como o uso de CDN pode ajudar com que seu site ganhe mais relevância orgânica.

Descobrindo as razões da queda de tráfego 

Antes de iniciar correções para recuperar tráfego em seu site, o primeiro passo é descobrir o que pode ter causado a queda de tráfego de sua aplicação.

Está etapa é fundamental e deve ser muito bem feita, afinal, é necessário encontrar a raiz do problema, pois só assim será possível entender quais as ações necessárias para recuperar o tráfego de seu site.

Por exemplo, digamos que seu site vem perdendo relevância orgânica, mês a mês, mas sem quedas expressivas. Este é um caso onde o problema raiz, pode ter relação com a performance das páginas, uma vez que seus concorrentes diretos podem ter se tornado ainda mais competitivos, deixando sua aplicação para trás. Também é possível que a qualidade/curadoria de seu conteúdo tenha sido afetada em comparação a outros resultados. Um bom caminho neste cenário é avaliar seu search console e analytics para entender os possíveis pontos de melhoria.

Agora, caso seu site tenha sofrido uma queda expressiva de visitas da noite para o dia, este é um cenário em que problemas de indexação de páginas e/ou punições por parte do Google fazem muito mais sentido e assim como no primeiro exemplo, é fundamental utilizar as ferramentas de search console e analytics para encontrar a raiz de seus problemas.

Suspeito que a queda de tráfego tenha relação com a performance do meu site. Como a CDN pode ajudar? 

Digamos que você avaliou sua aplicação e chegou a conclusão que seu problema de tráfego tem relação com a performance de seu site, neste caso, existem pontos em que a CDN pode ajudar bastante.

O primeiro ponto é avaliar seu site em ferramentas de performance web, como por exemplo, GTMetrix e WebPageTest, buscando identificar quais os possíveis pontos de melhoria. Nesta etapa, tenha em mente que ferramentas que fazem composição de notas (como o pagespeed), nem sempre vão lhe entregar as informações que você necessariamente precisa para tomar ações. Outro ponto, é que “notas altas” em ferramenta de performance não indicam bons resultados orgânicos.

Pontos que a CDN pode ajudar: 

Time to First Byte (TTFB):  É o tempo de entrega do primeiro byte entre seu usuário e sua aplicação. Trata-se de uma métrica que pode ser otimizada através de estratégias de cache dinâmico, já que normalmente esse tempo é medido com base no HTML da página testada. Deve-se levar em consideração que o próprio Google em sua documentação para webmasters recomenda que o tempo de resposta do servidor deve estar abaixo de 200 ms.

Start Render: O start render mede o tempo necessário até que o primeiro item seja exibido/renderizado no navegador de seu usuário. Basicamente, é o tempo até que uma página em branco apresente seu primeiro elemento.

Trata-se de uma métrica que pode ser otimizada via CDN, já que a latência de entrega de sua aplicação tende a ser menor. Além disso, estratégias de cache dinâmico, compressão de arquivos e otimização de imagens podem trazer bons ganhos em Start Render.

First Contentful Paint (FCP): Está métrica mede o tempo desde o inicio do carregamento de uma página até o momento em qualquer parte do conteúdo é exibido. O FCP pode ser calculado sobre imagens (até mesmo bg), e elementos <svg>.

Exemplo de FCP

Load Time: É o tempo necessário para que uma página seja carregada. Quando existe melhorias em outras métricas citadas acima, naturalmente o Load Time também será afetado. Trata-se de uma métrica bem importante, já que é bastante perceptível ao usuário que acessa seu site.

Outros pontos que a CDN ajuda: 

Além das métricas estreitamente ligadas a CDN, existem pontos em que uma estratégia de CDN pode ajudar.

Politicas de cache eficientes: O PageSpeed do Google e outros serviços de performance web analisar o cache control de sua aplicação a cada teste realizado. Neste ponto, é recomendado utilizar cache de navegador com TTL (tempo de expiração) entre 30 a 90 dias.

Imagens de último formato: Boa parte das ferramentas de performance tem considerado o formato das imagens da aplicação, recomendando a utilização de imagens em formato webp. Na GoCache, por exemplo, é possível utilizar o Lithio, nosso conversor de imagens para melhorar esse índice.

Compressão GZIP: Poucas ferramentas de performance ainda consideram a compressão de GZIP, mas esse é um recurso que pode trazer bons ganhos para a aplicação, ainda mais se considerarmos cenários onde não existe nenhum tipo de compressão sendo feito a partir da origem.

Precisa de ajuda para melhorar a performance de seu site?

A GoCache ajuda uma série de sites e aplicações com os desafios de performance. Crie sua conta e conte com nosso time para te ajudar a criar politicas de cache eficientes para seu site.

Site fora do ar/indisponível? Saiba como a CDN pode dar mais poder de escala para sua aplicação

/em

Disponibilidade é essencial para qualquer aplicação na internet, ainda mais se considerarmos o nível de maturidade de todas as verticais de serviços e produtos. Você se lembra a última vez em que viu algum site indisponível? Provavelmente não.

Porém, desenvolver aplicações de alta disponibilidade é um trabalho árduo, principalmente se considerarmos que essa aplicação ou site recebe um volume considerável de acessos simultâneos.  Para isso, precisamos entender um pouco mais sobre escalabilidade, algo em que estratégias de cache com CDN podem ajudar bastante.

O modelo tradicional de entrega de sites e aplicações, basicamente, acontecia através dos usuários que falavam diretamente com a infraestrutura de hospedagem de um site. Com a evolução da internet e consequentemente com o aumento de tráfego na rede, foi natural que novas modalidades de entrega fossem criadas, entre elas, o método de entrega via CDN.

Como uma CDN funciona?

A CDN está posicionada entre seus usuários e sua infraestrutura de hospedagem, analisando cada uma das requisições que sua aplicação recebe, e com base em suas configurações de cache, a CDN vai entregar determinados itens (assets) diretamente pela rede da CDN, reduzindo o consumo de banda de sua infraestrutura.

Por padrão, a maior parte dos serviços de CDN faz cache de assets estáticos por padrão, lendo a extensão de seus objetos, sendo assim, quando um site passa a ser distribuído via CDN, arquivos como imagens, css e js serão entregues automaticamente pela rede.

Porém, se você busca aumentar a disponibilidade de seu site ou aplicação, a sugestão é analisar a possibilidade de fazer cache dinâmico (html, json…), desonerando o volume de consultas em sua infraestrutura de hospedagem e dando efetivamente mais poder de escala para sua aplicação.

Leia – O que é CDN?

O que devo avaliar para fazer cache dinâmico?

Se partirmos do principio que o cache dinâmico faz com que itens como html e json sejam cacheados e entregues pela CDN, para aplicar uma estratégia de cache dinâmico, é necessário determinar quais áreas ou páginas de seu site ou aplicação são elegíveis a cache.

Portais de noticia / Portais de conteúdo: 

A maior parte dos portais de noticias e conteúdo são elegíveis a cache dinâmico, já que quase não existem ações de login ou de compra dentro de aplicações deste tipo.

Por aqui, o que deve ser avaliado são páginas sensíveis a cache, como por exemplo, áreas de login para administração de backend (/administrador /wp-login), usuários logados em paywall entre outros.

Caso você use WordPress como CMS, o esforço técnico de implementação de cache dinâmico dentro da GoCache é mínima, já que nosso painel conta com um recurso chamado “SmartCache”.

Smart Cache para WordPress

Basicamente, o SmartCache é um recurso que faz com que sua aplicação entregue cache dinâmico, considerando todas as particularidades do WordPress automaticamente.

E-commerces:

Já para e-commerces, a aplicação de cache dinâmico deve ser mais criteriosa, afinal, o comportamento de uso em lojas virtuais faz com que os usuários precisem receber informações atualizadas, respeitando as ações executadas dentro da loja.

Dentro da GoCache, por exemplo, é possível criar regras com base em cookies, permitindo que usuários logados ou que colocaram itens dentro de seu carrinho, deixem de receber assets dinâmicos do cache. Além disso, atualmente é frequente encontrar carrinhos de compras feitos em ajax, permitindo que o webmaster deixe de fazer cache somente nessa área da aplicação, o que pode dar grande poder de escala para a aplicação com alta eficiência de cache.

Se você usa Magento ou Woocomerce, utilize nossos recursos de SmartCache para reduzir o esforço técnico de implementação.

Sites institucionais / Landing pages: 

Sites estáticos e landing pages, costumam ser elegíveis a cache dinâmico, já que não existem ações de uso como logins que precisem identificar usuários. E ainda que exista comportamento sensível a cache nessas páginas, existem formas de informar para a CDN que o determinado conteúdo deve ser excluído de cache, como por exemplo, utilizar critérios de cookies para usuários logados ou excluindo determinadas áreas de cache, como por exemplo, áreas de login em backend ou sistema.

Trata-se de um cenário bem simples para implementar cache dinâmico, sendo assim, se você possui um site com estas características e tem tido problemas de disponibilidade, certamente uma CDN com a configuração correta pode aumentar a escalabilidade de sua aplicação.

Sistemas / Backend / APIs: 

Provavelmente este é o cenário mais delicado para estratégias de cache dinâmico. Sistemas costumam ser aplicações extremamente dinâmicas, onde o usuário solicita diferentes informações, imputando dados e recebendo os mais diversos resultados.

É claro que existem possibilidades de cache dinâmico para sistemas, porém, é fundamental entender o comportamento de cada área da aplicação, buscando fazer cache apenas de itens elegíveis.

Site ou aplicação indisponível?

A GoCache pode te ajudar nesses desafios! Faça sua conta e fale com nosso time. Será um prazer personalizar regras de cache que possam contribuir com o aumento de poder de escala de sua aplicação.

GuiaInvest otimiza métricas de Web Vitals com GoCache

/em

O GuiaInvest é uma plataforma digital para investidores com informações confiáveis, acessíveis e práticas, feita sob medida para investidores iniciantes ou até os mais sofisticados.

A plataforma do GuiaInvest conta com uma comunidade de mais de 380 mil membros e mais de 60 mil assinantes, fornecendo treinamentos online sobre investimentos, análises e recomendações de ações.

Em março de 2020 o GuiaInvest passou a integrar o ecossistema de parceiros da GoCache com o objetivo de acelerar ainda mais sua aplicação, aumentar a escalabilidade de sua infraestrutura através de uma estratégia de cache dinâmico e reduzir custos com data transfer out na AWS.

Quais recursos foram utilizados?

Antes de passar a utilizar a distribuição da GoCache, o subdominio site.guiainvest.com.br era entregue diretamente pela AWS BR, o que naturalmente fazia com que a aplicação fosse entregue com baixa latência em regiões do eixo RIO/SP.

A primeira ação da equipe do GuiaInvest dentro da GoCache foi passar a distribuir o subdomínio site.guiainvest.com.br com cache dinâmico (HTML, json…), o que permitiu aumentar a capilaridade de entrega da aplicação e reduzir latência de entrega em regiões mais afastadas de São Paulo.

Já que o subdomínio roda em uma instalação de WordPress, o time do GuiaInvest optou por implementar regras de full cache, bem como passou a utilizar a integração via plugin do WordPress da GoCache para gerenciar o cache da aplicação e otimizar a cobertura da entrega.

Regra de full cache para o subdomínio site.guiainvest.com.br

Após as devidas validações e a instalação do plugin para WordPress, a equipe decidiu apontar a aplicação para a GoCache via CNAME, sem a necessidade de migrar toda a sua zona de DNS.

Apontamento via CNAME – GuiaInvest

Feito isso, o subdomínio site.guiainvest.com.br passou a ser distribuído via GoCache. Abaixo, compartilhamos a eficiência de cache atingida pela aplicação do GuiaInvest logo em seu primeiro dia com GoCache (12/03/2020).

Eficiência no primeiro dia – Transferência reduzida e pageviews economizados – 12/03/2020

Logo no primeiro dia foi possível atingir uma eficiência de 98% em transferência economizada (uso de banda) e 72,3% em pageviews economizadas (requisições).

Otimizações em métricas de Web Vitals:

Monitorando o Chrome UX report, percebemos que desde a implementação da GoCache no subdomínio site.guiainvest.com.br em março de 2020, foi possível identificar ganhos relevantes em métricas de Web Vitals, sendo elas:

LCP – Março, mês de implementação GoCache

LCP – (maior exibição de conteúdo, na sigla em inglês): a quantidade de tempo para renderizar o maior elemento de conteúdo visível na janela de visualização, desde a solicitação do URL pelo usuário. O maior elemento normalmente é uma imagem ou um vídeo, ou talvez um elemento de texto grande no nível do bloco. Isso é importante porque informa ao usuário que o URL está sendo carregado.

 

FID – Março, mês de implementação GoCache

FID – (latência na primeira entrada): é o tempo entre a primeira interação do usuário com sua página (como cliques em links, toques em botões e assim por diante) e o momento em que o navegador responde a essa ação. Essa medição é feita a partir de qualquer elemento interativo na primeira vez em que é clicado pelo usuário. Isso é importante nas páginas em que o usuário precisa fazer algo, porque isso é o que faz a página ser interativa.

CLS – Março, mês de implementação GoCache

CLS – (Mudança de layout cumulativa, na sigla em inglês): é quanto o layout da página muda durante a fase de carregamento. A pontuação vai de 0 a 1, em que zero significa ausência de deslocamento e 1 significa o maior deslocamento. Isso é importante porque, quando os elementos das páginas mudam enquanto o usuário tenta interagir com eles, a experiência é prejudicada.

Todas as métricas acima foram extraídas diretamente do Data Studio – Chrome UX Report.

Como vimos acima, o time do GuiaInvest conseguiu ter ótimos resultados através de uma estratégia de cache dinâmico, utilizando nossa integração para WordPress e realizando o apontamento via CNAME com baixo esforço técnico.

Gostaria de avaliar a implementação de cache dinâmico em sua aplicação web? Por favor, entre em contato. Será um prazer analisar sua aplicação nos detalhes para sugerir as melhores práticas de cache e CDN.

Como migrar da CloudFlare para GoCache – Apontamento CNAME

/em ,

No vídeo acima, explicamos como migrar um site da CloudFlare para a GoCache, utilizando o método de apontamento CNAME.

Para realizar o apontamento, basta que você siga 4 passos simples:

1 – Escolha as entradas que você quer acelerar na GoCache

Nesta etapa não é necessário dizer se o site abre em http ou https. Basta que você selecione os subdomínios que quer passar pela nossa rede. Caso queira passar o naked domain (raiz) de seu site, aponte utilizando o @.

2 – Indique o IP ou Hostname

Agora, você precisa dizer para a GoCache qual o IP ou Hostname de sua aplicação. Basicamente, este é o IP de sua hospedagem. Caso use um load-balancer, é só informar nesta etapa.

3 – Um pouco sobre nossos certificados SSL

Por padrão, todos os sites que passam pela rede de distribuição de conteúdo da GoCache podem usar nossos certificados sem custo adicional, porém, é necessário ter atenção, pois o processo de geração de SSL automático pode durar de 2 a 20 minutos, sendo assim, caso seu site abra em HTTPS, é possível que ele abra em HTTP por alguns minutos, até que o certificado seja gerado.

Caso prefira subir seu certificado SSL direto na GoCache, recomendamos seguir este tutorial.

4 – Faça o apontamento CNAME para a rede da GoCache

Na última etapa você receberá um apontamento do tipo CNAME que deve ser inserido na zona de DNS da CloudFlare, apontando suas entradas para a GoCache. Lembre-se de remover a entrada do tipo A ou CNAME que era utilizada anteriormente e de desativar o proxy da CloudFlare (nuvem).

Se possível, selecione um TTL de 2 minutos para acelerar a propagação e se necessário, utilize o site ISPtools para acompanhar a propagação.

Caso tenha dúvidas, por favor, deixe seu comentário ou fale diretamente com nosso suporte, através do e-mail: suporte@gocache.com.br

Ultrafarma reduz uso de CPU e ganha escala com GoCache

/em

A Ultrafarma é líder no comércio eletrônico farmacêutico no Brasil com mais de 1 milhão de clientes ativos. Desde sua criação em 2000, a Ultrafarma revolucionou o setor de comercialização de medicamentos com a venda de genéricos, proporcionando a economia de até 80% nos medicamentos, criando assim um novo conceito de farmácia: beneficiar todos aqueles que dependem de medicamentos para ter uma melhor qualidade de vida.

Recentemente, a Ultrafarma passou a fazer parte da rede de distribuição de conteúdo da GoCache, com o objetivo de aumentar escalabilidade de sua plataforma, melhorar a experiência de seus usuários e reduzir sua exposição cambial em custos com cloud.

Aumento de escalabilidade com cache dinâmico:

Além de entregar seus assets estáticos para aumentar a capilaridade de entrega no Brasil e reduzir latência, o time da Ultrafarma utilizou a granularidade do painel da GoCache para implementar cache dinâmico em sua aplicação, dando ainda mais escalabilidade para sua infraestrutura.

Para isso, foi necessário desenvolver Smart Rules de full cache (HTML, json..) tanto para o site, quanto para o aplicativo, excluindo do cache apenas áreas sensíveis como carrinho, checkout de pagamento, área de usuários, entre outras.

HTML da Home sendo entregue em cache

Instantaneamente após a implementação de cache dinâmico foi possível observar uma grande redução no uso de CPU dos servidores de aplicação, conforme vemos abaixo.

Queda expressiva no uso de CPU após implementar cache dinâmico

E se analisarmos o percentual de uso em Julho, percebemos que desde a implementação do cache dinâmico em 17/07, o uso de CPU sofreu uma queda considerável.

Redução no uso de CPU após dia 17/07 – Ultrafarma

Outro ponto de destaque, e que está estreitamente ligado a aplicação de cache dinâmico, foi a redução de instâncias na Azure para sustentar a operação. Antes da implementação eram utilizadas 2 a 3 instâncias, e hoje são necessárias apenas 1 a 2 para sustentar o mesmo volume de tráfego.

Chave de cache para aplicativos IOS e Android:

O time também tinha o desafio de diferenciar versões de cache para uma mesma URL, já que a aplicação distribui conteúdos distintos com base na localização de seus usuários. Para isso, foi necessário customizar uma chave de cache baseado no header da requisição onde, a GoCache, passou a armazenar diferentes versões de cache para uma mesma URL, variando com o valor desse header.

Apesar de soar complicado, essa regra é feita na GoCache com esforço de poucos minutos, conforme vemos abaixo:

Exemplo chave de cache

E não para por ai…

Reconhecendo o desafio de conectividade do Brasil e buscando melhorar sua entrega em todas as regiões do país, a solução de CDN da GoCache foi ainda mais atrativa para a aplicação da Ultrafarma.

Com pontos de distribuição do norte ao sul do país, logo após substituir a solução da Verizon pela GoCache, foi possível identificar melhorias no response time (tempo de resposta) da aplicação.

Redução de latência identificada via Freshping

Como vemos acima, desde a implementação do cache dinâmico em 17/07, o response time da aplicação caiu de aproximadamente 500 ms para 37 ms. Deve-se levar em consideração que os dados do Freshping monitoram o HTML da página rastreada, através de consultas feitas de um ponto em São Paulo, trazendo a perspectiva de reduções ainda mais expressivas em regiões mais afastadas do eixo RIO/SP.

Economia de mais de 70% com custos em CDN:

Além dos ganhos em escalabilidade e performance, a Ultrafarma também consegui reduzir os custos com CDN em mais de 70% com a aplicação da GoCache.

Segundo Michel Banagouro, Diretor de TI da Leanwork, o suporte e expertise do time da GoCache foi essencial para auxiliar no desenvolvimento de todas as regras de negócio, atingindo o resultado esperado com pouco esforço desprendido. Além disso, Michael destaca que já em seu primeiro mês em GoCache, foi possível reduzir mais de R$ 25.000 em custos com CDN.

Isso pois todos os custos de GoCache são fixados em reais, sem influência cambial, reduzindo a exposição cambial dos custos com CDN.

E você, tem desafios parecidos com os citados acima? Caso precise de ajuda, entre em contato com o time de especialistas da GoCache.

O que é webP e como usar

/em

WebP é uma formato de imagem desenvolvido pelo próprio Google com o intuito de diminuir o tamanho de imagens trafegadas dentro da internet para reduzir o tempo de carregamento e download de imagens, sem interferir na qualidade das imagens.

Segundo o Google, o formato webP pode ser até 45% menor do que imagens em formatos tradicionais como jpeg e png.

O formato webP foi criado pelo Google em meados de 2010, mas passou a ganhar mais aderência somente nos últimos anos, visto que um dos grandes limitadores do formato na época de seu lançamento era a incompatibilidade com navegadores, já que no início, o formato webP era compatível apenas com o Google Chrome, mas atualmente, boa parte dos navegadores já dão suporte ao webP.

Por exemplo, o Firefox, um dos navegadores mais utilizados em versões desktop, passou a suportar nativamente o formato de webP somente em agosto de 2018, 8 anos após o lançamento oficial.

Atualmente, os navegadores que dão suporte nativo para webP são:

  • Chrome (desktop e celular).
  • Firefox (desktop e celular).
  • Edge.
  • Opera (desktop e celular).

Quais as vantagens de usar webP em sites e apps?

Em média, mais de 65% do peso de um site é de imagens, sendo assim, webmasters tem o desafio de criar aplicações visualmente atrativas, mas sem afetar a performance da aplicação.

Pensando nisso, utilizar o formato webP é bastante vantajoso, já que é possível acelerar a entrega das imagens com baixo esforço técnico. Além disso, por ser um formato mais leve, a utilização de webP pode contribuir para que seu site ganhe relevância orgânica. Por exemplo, boa parte das ferramentas de performance utilizadas atualmente verificam o formato de suas imagens, classificando seu site com melhor pontuação, caso identifiquem que o formato webP é utilizado.

Outro ponto importante é o volume de uso de banda utilizado por imagens webP. Já que as imagens são menores, consequentemente é necessário utilizar menos dados de saída. Se considerarmos aplicações com alta escala de tráfego, reduzir o uso de banda pode representar uma economia significativa de custos.

Quais as desvantagens de usar webP em sites e apps?

Atualmente, a desvantagem de usar webP é a incompatibilidade com alguns navegadores, em especial, o Safari da Apple que por enquanto só dá suporte a imagens em webP em nas versões do iOS 14 e macOS 11.0. Porém, é possível contornar essa desvantagem utilizando um produto de otimização e conversão de imagens, que transformar as imagens jpeg e png em webP de acordo com o navegador do usuário, possibilitando ter uma boa eficiência de entrega em webP para navegadores que dão suporte e se eventualmente algum navegador não der suporte, a imagem é entregue automaticamente em seu formato original.

Como usar webP em sites e apps?

Atualmente, a melhor prática para utilizar webP é através de um conversor de imagens, já que por enquanto, nem todos os navegadores dão suporte nativo a webP.

A GoCache possui uma ferramenta de otimização de imagens que realiza a conversão de imagens para webp, automaticamente e sem esforço técnico.

Basicamente, nosso produto de otimização de imagens considera o formato das imagens de seu site e app e realiza a conversão das imagens na borda, entregando o melhor formato para o usuário final, considerando tanto o navegador utilizado no acesso quanto a localização geográfica, reduzindo latência através da entrega via CDN.

Trata-se de um produto muito simples de ser ativado, disponível para todos os usuários que utilizam nossa rede de distribuição de conteúdo.

Caso queira conhecer mais sobre o Lithio, nosso otimizador de imagens, acesse a documentação oficial.

Existem também opções de plugin para WordPress que fazem a conversão de imagens, mas é necessário avaliar como a conversão é feita, já que muitos plugins passam a distribuir imagens por endereços externos, prejudicando a otimização do site para SEO e muitas vezes adicionando latência de entrega.

Caso esteja pesquisando sobre performance web, também recomendamos a leitura dos artigos:

pt_BRPT_BR
en_USEN pt_BRPT_BR