Cinco dicas para deixar o carregamento do seu site mais rápido

Com objetivo de acelerar a entrega de conteúdo de sites, o Google anunciou a atualização do browser (Chrome) por meio de uma transcodificação automática de páginas web. Isso significa que a nova versão otimiza a abertura das páginas nos celulares priorizando informações.

O processo será aplicado somente nas páginas abertas a partir de resultados de busca do Google dentro do navegador padrão do Android ou do Chrome em celulares com Android 2.3 ou superior. Essa iniciativa é relevante, pois atende uma tendência de mercado: mobile. Entretanto, é importante que empresas que usam a internet em seus negócios garantam um bom desempenho utilizando esses tipos de solução.

Para isso, é importante recorrer a recursos que possibilitem que o site responda mais rapidamente e gere melhor experiência para o usuário. Nesse sentido, destacam-se as técnicas de Front-end Optimization (FEO), que otimizam a renderização (produto final de um processamento digital compilado) para acelerar o acesso.

Abaixo, seguem as principais delas:

1. Adaptive image compression, realiza a compressão de imagens, levando em consideração o tipo de conexão e o dispositivo, com objetivo de entregá-lo sem perda de qualidade, porém mais leve.

2. Domain Sharding, organiza as requisições de objetos em um website para serem entregues mais rapidamente aproveitando o paralelismo de processamento do browser.

3. On demand image loading, carrega imagens do website sob demanda, ou seja, as imagens serão carregadas de modo que fiquem no campo de visão do usuário. Sendo assim, somente parte do conteúdo fica visível e, conforme a tela rola, as imagens surgem. Essa técnica melhora a experiência de navegação, pois o usuário final não precisa esperar o carregamento de todo o conteúdo para começar a interagir com o site.

4. Minifying, arquivos JavaScript e CSS costumam ser grandes e lentos para carregamento em websites. O Minifying diminui a quantidade de bytes trafegados (eliminando espaços em branco, tabulações, quebras de linha e comentários que são desnecessários no seu processamento pelo browser) e, consequentemente, acelera a entrega para o usuário final.

5. Deferral, muitas vezes, os links para objetos 3rd party (sites de terceiros, como Facebook e Twitter por exemplo) trazem lentidão aos sites. Caso a referência para este objeto esteja no começo do código da página web, os objetos que venham posteriormente poderão ficar presos numa fila para serem carregados, prejudicando o carregamento do restante da página. Logo, a técnica de Deferral reposiciona o carregamento desses objetos para o final, tornando o carregamento da tela do usuário mais rápido e melhorando a experiência do usuário final.

As técnicas de aceleração da entrega de conteúdo na camada de apresentação, aplicáveis tanto para acesso mobile quanto desktop, são as mais procuradas/utilizadas, principalmente por e-commerces e portais de notícias. Dentre os motivos para isso, está o fato de otimizarem em até 50% o tempo de carregamento de seu website, consequentemente, na satisfação do usuário com a navegação e a conversão em vendas.

*Felipe Vilarinho é gerente de projetos na Exceda.