Abaixo, explicamos em detalhes por que o Criador de Sites do UOL HOST \u00e9 o mais r\u00e1pido do mercado.<\/p>\n
Para come\u00e7ar, \u00e9 importante que voc\u00ea conhe\u00e7a o\u00a0Google PageSpeed Insights<\/a>, uma ferramenta muito popular e \u00fatil para medir a velocidade de um site.<\/p>\n Elementos fundamentais para o resultado no Google PageSpeed<\/p>\n Antes de falar de coisas espec\u00edficas, sobre como o\u00a0Criador de Sites<\/a>\u00a0age no que diz respeito \u00e0 velocidade do site, vamos dar um passo atr\u00e1s e explicar como funciona o Google PageSpeed. S\u00e3o tr\u00eas os pontos principais que afetam o resultado de PageSpeed:<\/p>\n Tempo de resposta do servidor\u00a0\u2013 \u00c9 o tempo que o navegador espera o servidor mandar a p\u00e1gina. No caso do Criador de Sites, o servidor gera uma p\u00e1gina espec\u00edfica para o dispositivo que a pediu, com widgets din\u00e2micos, para que o c\u00f3digo no servidor e os recursos estejam otimizados.<\/p>\n<\/li>\n<\/ul>\n Otimizando imagens\u00a0\u2013 Para reduzir o tr\u00e1fego na rede, as imagens em um website devem:<\/p>\n Atender o tamanho exigido (n\u00e3o faz sentido mandar uma imagem 1080\u00d71920 pixels para uma caixa pequena, que pede 50×50 pixels)<\/p>\n Passar por um algoritmo de redu\u00e7\u00e3o de tamanho sem perdas \u2013 s\u00e3o eles que reduzem o tamanho da imagem sem diminuir a qualidade.<\/li>\n Minifica\u00e7\u00e3o do CSS e do JavaScript\u00a0\u2013 Para reduzir o tr\u00e1fego na rede, stylesheets e o c\u00f3digo JavaScript podem ter seus pesos diminu\u00eddos sensivelmente se passarem por um processo de minifica\u00e7\u00e3o. Ele remove itens desnecess\u00e1rios no c\u00f3digo (como espa\u00e7os, coment\u00e1rios, quebras de linha etc.), substitui nomes por outros mais curtos, entre outras a\u00e7\u00f5es. O resultado \u00e9 ileg\u00edvel para olhos humanos, mas para os navegadores acaba funcionando bem melhor do que anteriormente.<\/p>\n<\/li>\n Redu\u00e7\u00e3o de tamanho e cacheamento do navegador\u00a0\u2013 Recursos como o HTML, JavaScript, stylesheets CSS, imagens SVG e outros possuem seu tamanho drasticamente reduzido (zipado) no servidor. Os navegadores podem descompactar esses arquivos para que eles sejam mostrados adequadamente. Esse processo reduz o tamanho de arquivo (e, consequentemente, o tr\u00e1fego na rede) consideravelmente. Al\u00e9m disso, o navegador pode fazer o cacheamento dos recursos localmente, como com JavaScript, imagens e stylesheets, ent\u00e3o, se j\u00e1 os encontrou, n\u00e3o precisa baixar esses itens novamente para as p\u00e1ginas internas.<\/p>\n<\/li>\n Render blocking de CSS e de JavaScript\u00a0\u2013 O navegador precisa esperar pelos scripts e stylesheets e aplic\u00e1-los antes de poder apresentar a p\u00e1gina. Esse ponto \u00e9, de longe, o mais complicado e praticamente todos construtores de websites enfrentam problemas neste tema. Quanto mais recursos dedicados para fazer o render blocking, pior \u00e9 o resultado da velocidade de um website.<\/p>\n<\/li>\n<\/ul>\n Os nossos resultados<\/p>\n Para testar como a nossa plataforma funciona, criamos um site usando um template de restaurante sem adicionar ou remover qualquer conte\u00fado. Ent\u00e3o, analisamos o site no PageSpeed. Seguem os resultados:<\/p>\n Desktop: 98\/100<\/p>\n Mobile: 98\/100<\/p>\n Os n\u00fameros podem parecer ruins, mas s\u00e3o bastante s\u00f3lidos. E isso vai ficar claro ao compararmos os resultados das plataformas das outras empresas logo abaixo.<\/p>\n Vamos analisar esses n\u00fameros:<\/p>\n Os principais respons\u00e1veis pelos n\u00fameros foram os scripts e stylesheets que atrasaram o processo de renderiza\u00e7\u00e3o da p\u00e1gina.<\/p>\n<\/li>\n Outro problema que tivemos: as imagens n\u00e3o foram bem reduzidas. E isso acontece em raz\u00e3o de o criador de sites UOL HOST usar imagens intercaladas, o que gera um pequeno aumento de arquivo, mas faz as imagens aparecer gradualmente na tela. Tamb\u00e9m apresentamos imagens que ficariam bonitas em uma tela retina, ent\u00e3o o seu tamanho \u00e9 um pouco maior que o necess\u00e1rio.<\/p>\n<\/li>\n Alguns recursos externos (Facebook, Google Maps, Google Analytics etc.) t\u00eam um pequeno tempo de cacheamento.<\/p>\n<\/li>\n<\/ul>\n Compara\u00e7\u00e3o – Outros construtores de website<\/p>\n O pr\u00f3ximo passo foi visitar diversos construtores de websites e criar um site usando um dos templates de restaurantes dispon\u00edveis. Pegamos, ent\u00e3o, o site gerado (sem adicionar nada extra manualmente) e testamos com o PageSpeed.<\/p>\n Wix \u2013 Desktop: 77, Mobile: 69.<\/p>\n Weebly \u2013 Desktop: 85, Mobile: 69 (Vale destacar que esse template quase n\u00e3o tem conte\u00fado).<\/p>\n Squarespace \u2013 Desktop: 72, Mobile: 36.<\/p>\n Os resultados do\u00a0Criador de Sites do UOL Meu Neg\u00f3cio<\/a>\u00a0foram superiores aos dos concorrentes. Obviamente, o resultado de um site pode mudar em todos os construtores, uma vez que voc\u00ea adiciona conte\u00fado dentro deles, mas, na maior parte dos casos, os templates j\u00e1 possuem bastante conte\u00fado e podem ser vistos como uma representa\u00e7\u00e3o justa de um site com conte\u00fado.<\/p>\n Compara\u00e7\u00e3o \u2013 Sites populares<\/p>\n Para ter ainda mais um ponto de refer\u00eancia, confira os resultados de v\u00e1rios dos sites com mais tr\u00e1fego da internet:<\/p>\n Amazon.com: Desktop: 84, Mobile: 45.<\/p>\n Yahoo.com: Desktop: 86, Mobile: 66.<\/p>\n Wikip\u00e9dia.org: Desktop: 85, Mobile: 66.<\/p>\n Ebay.com: Desktop: 82, Mobile: 42.<\/p>\n Craigslist.org: Desktop: 67, Mobile: 48.<\/p>\n YouTube.com: Desktop: 73, Mobile: 63.<\/p>\n Novamente, o resultado obtido em nossa ferramenta \u00e9 melhor que o de todos os outros sites, especialmente em mobile.<\/p>\n Como conquistamos a primeira coloca\u00e7\u00e3o<\/p>\n Como voc\u00eas puderam ver, os resultados do\u00a0Criador de Sites do UOL Meu Neg\u00f3cio<\/a>\u00a0foram melhores tanto em desktop quanto em mobile ante todos os outros construtores de websites que testamos. Nem sempre foi assim. Se o teste fosse feito seis meses atr\u00e1s, o nosso resultado no mobile estaria ao redor de 50, enquanto os n\u00fameros no desktop ficariam ao redor de 70.<\/p>\n A melhoria atual dos resultados aconteceu por come\u00e7armos a investir em:<\/p>\n Imagens otimizadas\u00a0\u2013 As nossas imagens, e qualquer imagem que voc\u00ea subir para os nossos sites, passam por um processo que gera um n\u00famero de imagens de tamanhos diferentes (para ser usada conforme necess\u00e1rio) e as reduz de tamanho sem perder qualidade.<\/p>\n<\/li>\n Tempo de resposta dos servidores\u00a0\u2013 Os sites hospedados conosco s\u00e3o atendidos rapidamente. Escrevemos o nosso c\u00f3digo e desenhamos a nossa infraestrutura especificamente para que isso aconte\u00e7a.<\/p>\n<\/li>\n Minifica\u00e7\u00e3o, redu\u00e7\u00e3o de tamanho e cacheamento no navegador \u2013 Os recursos do UOL\u00a0Meu Neg\u00f3cio s\u00e3o oferecidos aos internautas da maneira apropriada, depois de serem minificados, terem seus tamanhos reduzidos e depois de avisar ao navegador que ele pode armazen\u00e1-los por um longo per\u00edodo.<\/p>\n<\/li>\n Render blocking de scripts e de stylesheets\u00a0\u2013 Esses s\u00e3o reduzidos ao menor tamanho que podemos, enquanto fazemos outros ser ass\u00edncronos ou enviamos outros para o corpo.<\/p>\n<\/li>\n CDN\u00a0\u2013 As imagens e v\u00e1rios dos stylesheets s\u00e3o enviados dos servidores mais pr\u00f3ximos da localiza\u00e7\u00e3o f\u00edsica do internauta (isso, na verdade, n\u00e3o afeta o resultado do PageSpeed, mas sim a velocidade de carregamento do site).<\/p>\n<\/li>\n Automa\u00e7\u00e3o\u00a0\u2013 Testamos o nosso resultado todas as noites em um processo automatizado para garantir que n\u00e3o estamos com os nossos n\u00fameros piorando por conta de alguma mudan\u00e7a feita no produto.<\/p>\n<\/li>\n<\/ul>\n Como voc\u00ea \u00e9 capaz de afetar o resultado do seu site<\/p>\n Se o seu site foi constru\u00eddo utilizando o\u00a0Criador de Sites do UOL Meu Neg\u00f3cio<\/a>, j\u00e1 tomamos conta de tudo para voc\u00ea. As coisas que voc\u00ea ainda pode fazer que s\u00e3o capazes de afetar negativamente o seu resultado s\u00e3o:<\/p>\n Adicionar links diretos para imagens externas que n\u00e3o foram otimizadas\u00a0\u2013 Para resolver isso, apenas fa\u00e7a o upload das imagens para o seu site e cuidamos de todo o processo de otimiza\u00e7\u00e3o de imagens para voc\u00ea.<\/p>\n<\/li>\n Adicionar links diretos para arquivos externos de CSS\/Javascript que n\u00e3o foram otimizados e\/ou atrasar a renderiza\u00e7\u00e3o da p\u00e1gina\u00a0\u2013 Voc\u00ea deve evitar isso como puder, mas se voc\u00ea precisar adicionar o seu pr\u00f3prio script ou stylesheet:<\/p>\n<\/li>\n<\/ul>\n Fa\u00e7a a minifica\u00e7\u00e3o.<\/p>\n<\/li>\n Coloque-os reduzidos com os cabe\u00e7alhos de cache.<\/p>\n<\/li>\n Coloque no corpo ou carregue de maneira ass\u00edncrona (se poss\u00edvel).<\/p>\n<\/li>\n<\/ol>\n Concluindo<\/p>\n No UOL HOST, encaramos a velocidade de carregamento de um site da forma mais s\u00e9ria do mercado. Usamos o PageSpeed para garantir que os nossos sites sejam constru\u00eddos da maneira mais veloz poss\u00edvel e investimos tempo e esfor\u00e7o em melhorar esse resultado (e ainda mais tempo para garantir que esses n\u00fameros continuem bons).<\/p>\n O resultado em mobile pode parecer baixo em uma primeira impress\u00e3o, mas, como voc\u00ea viu, \u00e9 um resultado bem positivo e melhor do que o dos nossos concorrentes e dos maiores sites na internet.<\/p>\n Sinta-se convidado a testar qualquer site em\u00a0PageSpeed Insights<\/a>, especialmente aquelas p\u00e1ginas que voc\u00ea criou usando outros construtores.<\/p>\n Fique atento, ainda, ao fato de que o PageSpeed tamb\u00e9m oferece alguns indicadores de experi\u00eancia de uso em ambiente m\u00f3vel, no qual o Criador de Sites do UOL HOST tem o resultado perfeito de 100, mas isso \u00e9 assunto para um outro texto.<\/p>\n\n
\n
\n
\n![\"\"](\"https:\/\/uolhost.uol.com.br\/blog\/wp-content\/uploads\/2020\/04\/banner_uolmn_lojavirtuol_academia.gif\")
<\/a><\/p>\n\n
\n
\n