Como um web designer, você já sabe que um ótimo design é essencial para um site - é o conceito de design que você confia, a menos que um site pareça absolutamente incrível, será difícil para os novos visitantes confiarem nesse site. É assim que um ótimo design é essencial para um website.
No entanto, há outra parte essencial de ter um site confiável, o UX positivo que vem com um site rápido e rápido.
Após um ótimo design, a velocidade é um dos fatores mais importantes que contribuem para o sucesso de um website.
o importância de um site rápido tem sido pesquisado repetidamente.
Sites que não são rápidos o suficiente criam uma percepção negativa, com o tempo real de carregamento de um site afetando significativamente as taxas de conversão de sites.
À medida que o tempo de carregamento aumenta, a taxa de conversão diminui significativamente, com a taxa de conversão ideal ocorrendo em um tempo de carregamento da página de 2,4 segundos.
Embora haja muitos benefícios em usar um CDN que discutiremos em breve, há uma premissa básica de como um CDN torna seu site mais rápido.
Simplificando, um CDN é muito melhor equipado como uma rede para lidar com o tráfego de um site do que a maioria dos serviços de hospedagem.
Hospedagem compartilhada é tipicamente otimizada para entregar um ambiente estável onde seu site pode executar PHP ou outros ambientes de hospedagem populares.
Não é voltado para otimizar a velocidade na maioria das vezes.
Por outro lado, a principal meta de um CDN e a configuração real da infraestrutura são voltadas para ajudar a fornecer um site extremamente rápido.
Mas como um CDN realmente acelera meu site?
Existem algumas razões pelas quais seu site pode ser lento:
Existem outras razões, mas estas são as principais.
Você pode abordar todos e cada um deles individualmente, vamos nos concentrar principalmente nos dois últimos aqui ...
Servidores de hospedagem compartilhada não devem ser rápidos. Eles são feitos para serem acessíveis.
A economia da hospedagem compartilhada significa que, para reduzir os custos, o número de sites diferentes hospedados no mesmo servidor é significativamente alto.
Isso significa que, toda vez que alguém acessa seu website, o servidor de hospedagem disputa recursos com TODOS os sites hospedados no site, o que significa que normalmente leva mais de um segundo para começar a veicular seu website.
Agora, quando estamos falando sobre fazer um site, uma penalidade de um segundo antes de começarmos a fazer qualquer otimização é uma maneira terrível de começar.
Então, algumas recomendações:
Um dos maiores impactos que seu site pode ter em termos de tempo de carregamento geralmente vem das imagens hospedadas em seu site.
Você vai encontrar muitos blogs divulgando o valor de usar imagens em seu site e blog, e, claro, este é um excelente conselho.
As imagens são necessárias para dividir grandes blocos de texto e melhorar a legibilidade.
Quem também não ouviu falar da frase: "Uma imagem vale mais que mil palavras"
Sim, as imagens são vitais para o sucesso do seu site.
No entanto, eles têm uma desvantagem.
Imagens não otimizadas podem matar o tempo de carregamento do seu site.
Agora, em um mundo ideal, adotamos a abordagem recomendada de salvar cada arquivo em um formato amigável, otimizando imagens grandes e compactando-as para um tamanho que seja aceitável sem perder a qualidade.
No entanto, na realidade, simplesmente não temos tempo ou inclinação para passar por um processo de otimização para cada imagem.
Mas há uma solução. Automação.
Mais uma vez, CDNs vêm para o resgate. A compactação e a otimização de imagens normalmente são um recurso interno de um CDN.
Em essência, você cuida do seu negócio de criar um website de ótima aparência com imagens impressionantes, o CDN lidará com a compactação e otimização das imagens.
Este é outro assassino de velocidade.
Quando estamos apenas começando como web designers, nós gostamos de descobrir novos plugins e testá-los e instalá-los em nosso site, sem perceber qual será o impacto dos plugins.
Mesmo web designers estabelecidos tendem a cair nessa armadilha. O uso de dezenas de plugins para garantir que a funcionalidade exigida pelo cliente seja entregue tem seus efeitos colaterais.
Na realidade, cada plugin que você instala em seu site adiciona arquivos Javascript, arquivos CSS e requer mais desempenho do seu site.
Você verá isso na forma de muitas solicitações em sites de teste de desempenho e um tempo de carregamento muito longo.
Mais uma vez, algumas recomendações:
Embora um CDN não o ajude a decidir quais plug-ins manter e quais plug-ins despejar, um CDN pode realmente executar a compactação imediata e a minimização de scripts, para diminuir o tamanho total do conteúdo do site, e assim mais rápido.
A terceira e muito importante recomendação é a configuração do HTTP / 2 - não entraremos em muitos detalhes, porque já discutimos extensivamente o HTTP / 2, ambos nesse site e em outro lugar .
O HTTP / 2 foi escrito especificamente para otimizar o tempo de carregamento de sites, especialmente os sites que têm muitos recursos diferentes para servir.
A maioria dos serviços CDN permite que você ative rapidamente e facilmente o HTTP / 2 em seu site, dando ao seu site um aumento de velocidade instantâneo.
Mesmo que você tenha feito todas as otimizações acima, ainda há uma coisa que pode matar totalmente a velocidade do seu site.
como você conserta aquilo?
Ok, se você seguiu o nosso conselho, seu site agora deve ser significativamente mais rápido do que era antes.
Mas há uma coisa que pode matar a velocidade de carregamento do seu site.
Se o seu site é direcionado a um público local, sua solução é simples: escolha um bom serviço de hospedagem que seja o mais próximo fisicamente possível de seu local de destino.
No entanto, isso é mais difícil se o seu site estiver atendendo a um público internacional.
Você simplesmente não pode escolher um local de servidor que seja fisicamente próximo de todos os visitantes do seu site.
Você pode fazer a próxima melhor coisa e hospedar na localização do visitante, que é a mais popular, mas há uma segunda solução mais eficaz.
Um serviço CDN destina-se especificamente a corrigir este problema.
UMA Infra-estrutura da CDN é projetado especificamente para corrigir o problema que acabamos de descrever.
As CDNs têm uma rede de centenas de servidores em dezenas de locais em todo o mundo. Esses servidores chamados de servidores de borda ou de armazenamento em cache replicarão suas imagens e recursos estáticos, como arquivos Javascript e CSS, para esses locais.
Quando um usuário acessa seu site, os recursos pesados são servidos em um local o mais próximo possível do visitante.
Isso reduz significativamente o problema da distância e dá ao seu site uma vantagem muito significativa em termos de velocidade de carregamento.
O melhor de usar um CDN é que você pode aumentar a velocidade do seu site sem precisar pagar nada extra, especialmente se o site ainda estiver crescendo.
A maioria dos serviços de CDN oferece um plano gratuito, que fornecerá a funcionalidade essencial de armazenamento em cache que discutimos acima. Normalmente, além da otimização de conteúdo, você também terá um aumento na segurança do seu site, através dos mecanismos de segurança implementados pelas CDNs.
Conforme seu site cresce e as necessidades do site crescem, você poderá atualizar para um plano que atenda melhor às suas necessidades.
Existem algumas maneiras de configurar um CDN, isso depende principalmente do CDN real que você estará usando.
A primeira maneira de configurar um CDN é usando um plugin CDN. Ao configurar seu CDN, você receberá um URL que será o novo local das imagens estáticas do seu site.
O plug-in CDN irá reescrever a URL dos recursos estáticos, de modo que eles serão exibidos a partir do CDN.
https://www.example.com/images/logo-default.jpg
está agora reescrito como
https://cdn.example.com/images/logo-default.jpg
Você precisará realizar algumas pequenas alterações nas entradas de DNS de seu site, de modo que cdn.example.com seja resolvido como o URL fornecido pelo seu CDN.
Você pode usar o plug-in do CDN Enabler se estiver usando o serviço de regravação de URL, como KeyCDN (os autores deste plug-in), MaxCDN ou Incapsula.
Uma vez que você instalou este plugin, a única coisa que você precisa fazer é inserir o URL fornecido pelo seu serviço CDN, e você deve estar pronto para ir.
Outra maneira melhor de instalar um CDN é usando um proxy reverso.
Isso também requer pequenas alterações no seu DNS, que normalmente são específicas do CDN que você instalará.
Essa implementação é vantajosa porque remove uma carga significativa do seu servidor diretamente.
Como vimos acima, a instalação de um CDN não é tão proibitiva em termos de preço quanto se pode pensar. Além disso, o aumento de desempenho dado ao seu site será uma melhoria significativa da experiência do usuário.
Se você está procurando acelerar o seu site rapidamente, um CDN é um must-have.