Dois novos designs de sites cresceram recentemente em popularidade à medida que os profissionais de marketing procuram maneiras limpas e concisas de contar a história de sua empresa. O design de página única é, você adivinhou, um site que usa uma página da Web para exibir todo o conteúdo do site. A rolagem de paralaxe existe nos videogames há anos, mas está se tornando uma parte cada vez mais comum do recurso de rolagem de uma página da web. A rolagem de paralaxe usa vários planos de fundo que parecem se mover em velocidades diferentes para criar um efeito 3D. Muitas vezes, o design de página única e a rolagem Parallax são usados juntos.
É fácil entender por que as pessoas adoram sites que usam essas técnicas de design. Eles são atraentes e fáceis de seguir. No entanto, como todos os gráficos e texto estão em uma página e esses sites geralmente usam vídeo, eles também podem ser um pesadelo de desempenho se não forem otimizados corretamente.
Páginas lentas afundam sites
Como sabemos, os tempos de carregamento da página e o tempo de interação (TTI) são métricas importantes para acompanhar quando se trata de criar uma ótima experiência do usuário. O tempo ideal de carregamento da página ainda é inferior a três segundos; e os sites correm o risco de perder clientes e vendas. (Qual a velocidade de carregamento do seu site? Teste aqui). No entanto, os sites não estão fazendo um bom trabalho para atender a esse padrão da indústria, como indica uma pesquisa recente “Estado da União” da Radware. Na verdade, os tempos de carregamento da página continuam a ficar mais lentos.
Outro lado da criatividade
Web designers são criativos, mas agora eles também precisam ser criativos em termos de como eles lidam com o desempenho da web. Aqui estão três dicas para ter em mente ao criar sites de design de página única e rolagem Paralaxe:
- Lembre-se de que os efeitos de rede (pesquisa de DNS, latência, interações de rede integradas) têm um impacto significativo e crescente com base na geografia e no uso de elementos hospedados por terceiros.
- Utilize JavaScript e Flash, juntamente com HTML e CSS, para ajustar mais conteúdo em uma página sem aumentar substancialmente os tempos de carregamento.
- Use o carregamento lento para carregar apenas o conteúdo visível para o usuário imediatamente imediatamente. Enquanto o usuário estiver se envolvendo com esse conteúdo, carregue outro conteúdo para que o usuário não sofra interrupções ou tempo de espera. Técnicas de carregamento preguiçoso podem ser codificadas em seu site com JavaScript usando plugins.
- Use ferramentas de desempenho de site para testar o desempenho do seu site regularmente usando navegadores diferentes para garantir que as alterações de desempenho do site não afetem a experiência do usuário.
Os desenvolvedores de sites que mantêm a estética, bem como o desempenho em mente ao usar essas novas técnicas de web design colherão os frutos de um belo site que atende às expectativas do usuário para a velocidade de carregamento da página, bem como TTI.
