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

CDN para Elementor – Como reduzir tempo de carregamento do WordPress

/0 Comentários/em /por

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

/0 Comentários/em /por

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

/0 Comentários/em /por

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

/0 Comentários/em /por

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

/0 Comentários/em /por

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

/0 Comentários/em /por

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

/0 Comentários/em , /por

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

/0 Comentários/em /por

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.

Otimização de imagens no WordPress

/0 Comentários/em , /por

Otimizar as imagens do WordPress é fundamental para alcançar uma boa performance em sua aplicação, já que na maioria dos casos as imagens são os assets mais pesados de um site, o que naturalmente influencia bastante no tempo de carregamento.

A recomendação para novos sites em WordPress, é desde a concepção do projeto, sempre se preocupar com o nível de compressão das imagens e seus formatos, afinal, a grande maioria dos projetos tem a pretensão de ganhar escala, sendo assim, o quanto antes as boas práticas de otimização de imagens forem aplicadas, menores serão os desafios que o time de infraestrutura terá no futuro para seguir com o processo continuo de otimização.

Neste ponto, vale citar que aplicações com imagens muito pesadas e com grande volume de tráfego podem ter problemas com custos de banda, principalmente se utilizarem soluções de VPS como Google, Azure e AWS.

Como otimizar suas imagens no WordPress?

Nossa recomendação é utilizar o nosso produto de otimização de imagens, chamado Lithio e que por padrão, pode ser utilizado por qualquer site que trafegue dentro da rede da GoCache CDN.

O nosso otimizador de imagens é completamente compatível com o WordPress, e o esforço técnico de implementação é mínimo. Basicamente, basta acessar seu painel da GoCache, clicar sobre “Configurações” e “Performance”,

Ativar Otimizador de Imagens da GoCache

Feito isso, basta que você selecione os níveis de compressão e métodos de otimização, conforme vemos abaixo:

Configurações do otimizador de imagens da GoCache

Neste nível, é possível selecionar os métodos de otimização:

Otimizar para WebP: webP é um formato criado pelo próprio Google onde é possível reduzir significativamente o tamanho de imagens, acelerando sua aplicação. Trata-se de um formato utilizado em praticamente todas as aplicações mais modernas em WordPress, visto que os ganhos de performance são expressivos. Inclusive, se você estiver fazendo testes de performance em ferramentas de diagnóstico, provavelmente elas recomendarão que você aplique “formatos de imagens mais modernos“, logo, sites que utilizam webP como formato de entrega padrão, recebem melhores notas nestes testes.

Vale citar que o webP não é um formato reconhecido por todos os navegadores web, sendo assim, caso você suba suas imagens em webP diretamente em sua aplicação, existe a possibilidade da imagem não carregar para alguns usuários. Uma das grandes vantagens de otimizar as imagens com o Lithio é que a GoCache avalia cada uma das requisições, entregando o formato de imagem correto para cada navegador, sendo assim, eventualmente se algum usuário utilizar um navegador sem suporte para webP, automaticamente a GoCache fará com que está imagem seja entregue em sua versão original, seja ela jpg, png ou gif.

Otimizar para JPEG progressivo: No formato JPEG progressivo, a imagem é compactada em múltiplas linhas de varredura, permitindo que para conexões lentas a imagem seja carregada gradualmente a partir de uma resolução menor.

Remover metadados: A remoção de metadados pode ajudar a reduzir o tamanho de suas imagens. Os metadados contém informações adicionais sobre as imagens que na grande maioria dos casos, não são necessárias em websites. Normalmente, as informações de metadados de imagens são os dispositivos e programas em que elas foram criadas.

Níveis de compressão: Dentro da ferramenta de otimização da GoCache é possível selecionar três níveis de compressão:

Exemplo dos níveis de compressão

Nível Alto

Imagens serão otimizadas com objetivo de obter uma imagem do menor tamanho possível. A qualidade de imagem pode ser diminuída.

Nível Médio

Imagens serão otimizadas com objetivos de obter uma imagem de tamanho menor porém sem perder muita qualidade. A qualidade de imagem pode ser diminuída.

Nível Baixo

Imagens serão otimizadas com objetivo de mantê-las próximas à qualidade original. A qualidade da imagem pode ser diminuída levemente.

Sem Compressão

Tenta otimizar as imagens sem alterar a qualidade.

Essas foram as dicas da GoCache para você que busca otimizar as suas imagens em WordPress sem esforço tecnico.

Caso queira conhecer mais sobre WordPress, recomendamos a leitura dos artigos abaixo:


CDN vs Cache Local

/0 Comentários/em /por

Se você já usa ferramentas de cache local, como Varnish ou plugins de cache, provavelmente está se perguntando quais as vantagens de utilizar os recursos de cache de uma CDN.

Neste artigo vamos falar um pouco sobre o funcionamento do cache local e da CDN, apresentando as vantagens, desvantagens e aplicações de cada um dos recursos.

Como funciona uma cache local?

Os caches locais são camadas de armazenamento físico, normalmente alocados dentro de sua infraestrutura web com o objetivo de armazenar dados, geralmente temporários para entregá-los em futuras solicitações com maior performance, além de desonerar parte de sua infraestrutura, já que a partir de uma entrega em cache, provavelmente determinados arquivos não precisarão mais ser acessados de sua origem.

Exemplo do funcionamento de cache local

Em sua grande maioria, caches locais são armazenados em hardwares de acesso rápido, como Random-access memory (RAM), sendo assim, caches locais costumam aumentar o uso de RAM dos servidores.

Como funciona o cache de uma CDN?

Assim como o cache local, a CDN também cria uma camada de armazenamento físico, mas diferente do cache local, esse armazenamento é feito pela própria CDN. Já em relação a entrega dos itens em cache, a CDN também utiliza recursos de RAM, porém, essa utilização é feita a partir do ponto de distribuição do serviço da CDN, fazendo com que sua infraestrutura não precise processar determinadas informações, logo, diferente do cache local, o cache de uma CDN tende a liberar memória ram de sua infraestrutura, principalmente quando consideramos o cache de assets dinâmicos, como HTML e json.

Exemplo do funcionamento básico de uma CDN

Outro ponto que diferencia o cache de uma CDN de um cache local é a distribuição com capilaridade da CDN, já que seus assets serão cacheados em múltiplos pontos, e serão servidos para seus usuários com base na localização geográfica do requisitante, logo, caches feitos a partir de CDN tendem a reduzir latência de entrega, trazendo ganhos em performance.

Qual a vantagem e desvantagem de usar cache local e cache de CDN?

Cache local: 

Usar cache local pode ser vantajoso em alguns casos, como por exemplo, quando seu uso de banda é baixo ou irrestrito. Neste caso, a entrega do cache local fará com que você consiga acelerar a entrega de parte de seu conteúdo e trará alguma escalabilidade para sua aplicação, porém, deve-se levar em consideração que o cache local não será distribuído com capilaridade, sendo assim, você não conseguirá reduzir latência de entrega com esse método de cache.

Outro ponto negativo do cache local é sua configuração, já que na grande maioria dos casos será necessário que você altere ou insira cabeçalhos de cache, o que pode tomar bastante tempo e exigira algum esforço técnico para implementação.

Caso queira entender mais sobre o assunto, recomendamos a leitura do artigo – Cache Headers: Aprenda da inspecionar

Vale citar também que o uso de memória RAM dentro de aplicações com cache local costuma ser alto. Dependendo do volume de requisições de seu cache local, existe a possibilidade de aumentar o investimento em processamento de sua infraestrutura, resultando em mais custos para sua operação.

CDN: 

O cache feito pela CDN é distribuído por diferentes pontos geográficos, acelerando a entrega de seus assets e trazendo ainda mais performance para seu site ou app. Por exemplo, digamos que sua infraestrutura de hospedagem esteja em São Paulo, mas seu usuário está no norte do país. Neste caso, a CDN entregará seus itens cacheados através de uma rota mais próxima, fazendo com que a latência de entrega seja menor, contribuindo para uma melhor experiência de uso.

Outra vantagem do cache feito pela CDN é a facilidade de configuração. Basicamente, dentro do painel da CDN é possível determinar tempos de expiração de cache e sua granularidade, escolhendo de forma simples quais itens devem ser entregues por cache e quais devem ser entregues diretamente por sua infraestrutura. Certamente o esforço técnico de implementação de um serviço de CDN é consideravelmente menor do que um serviço de cache local.

Vale citar também que em alguns cenários, a CDN pode ser utilizada para reduzir custos com uso de banda, principalmente em casos de VPS como AWS, Amazon e Google que tem um custo de banda alto.

E para finalizar, o uso de CDN também pode trazer a facilidade de integrações com outros produtos de performance e segurança, como por exemplo, produtos de otimização de imagens, rate limit, WAF entre outros, fazendo com que sua estratégia de cache seja ainda mais completa.

Caso queira conhecer mais sobre CDN e seu funcionamento, recomendamos a leitura da página – O que é CDN e como ela funciona

Caso você tenha qualquer dúvida sobre as diferenças entre o uso de cache local e CDN, por favor, deixe um comentário. Será um prazer ter essa conversa com você 🙂