Skip to content

Websites em movimento – Projetando para dispositivos moveis

Websites em movimento – Projetando para dispositivos moveis

Com mais do 75% dos consumidores on-line tendo entrada a smartphones e tablets, foi especialmente importante de que seu website mesmo que compativel usando todos esses dispositivos para garantir que o visitante tenha uma base do clientes leal.

Outro fator crucial na expansao do seu publico movel e o tempo do carregamento da pagina do seu site. Abaixo, listei alguns pontos importantes de que ajudarao o visitante a otimizar seu website para celular para aumentar a qualidade isso. Os sites do desktop desfrutam de uma enorme vantagem sobre seus equivalentes moveis em relacao aos epocas de carregamento da pagina. Os pontos abaixo descrevem alguns desses problemas: Ao implementar varias das dicas de praticas recomendadas abaixo, voce garantira que seu site seja carregado mais rapidamente em navegadores por dispositivos moveis.

Este tamanho da imagem e especialmente importante

Uma usualmente e restringir o uso do imagens em sites para celular este maximo permitido. Se 1 site chocho de imagem livre puder ser utilizado, a experiencia do usuario e o tempo por carregamento da pagina seroada bastante aprimorados. Se as imagens tiverem que ser incluidas, use uma das muitas ferramentas gratuitas disponiveis na net para reduzir este tamanho do arquivo.

Toque em Eventos e nao clique

Quando alguem clica em um botao usando um dispositivo movel, passa por 1 atraso significativo. Usando 1 evento por touchend em vez disso; voce pode melhorar bastante a usabilidade. Os eventos de finalizacao sao acionados quando um usuario tira o dedo da superficie da tela e reduz o atraso.

Scripts Abridge e Folhas por Finesse

Abrindo scripts e folhas de finesse que sao usados no site para dispositivos moveis e removendo todos estes caracteres e espacos indesejados, voce pode otimizar este site para obter velocidades de download criar site gratis e hospedagem gratis mais rapidas. Mais uma vez, andam varias ferramentas on-line de que podem auxiliar nessa reforma; ajudando o visitante a melhorar o cache movel e os epocas de download da pagina.

Alguns proprietarios do sitios reduzem o tempo do carregamento da pagina compactando arquivos. No entanto, nem todos estes navegadores conseguem armazenar esses arquivos corretamente.

HTML5 e CSS3

O CSS3 e o HTML5 oferecem novos recursos leves e elementos estruturais de que permitem prazos de download muito mais rapidos para sites moveis. Eles permitem que os designers apliquem facilmente sombras, animacoes e cantos arredondados de texto / caixa. A comunidade online produziu muitas paginas de documentacao para cobrir HTML5 e CSS3 e ha alguns foruns e blogs para ajudar este codificador de brotamento.

Cache otimizado

Diferente do armazenamento em cache do navegador de desktop, os dispositivos moveis nao podem armazenar uma colossal quantidade do informacoes. Isso afeta a velocidade usando que uma pagina pode ser baixada e pode vir a impedir de que os utilizadores carreguem seu site. Esse problema foi resolvido pelo uso do aplicativo HTML5 Web Storage sendo instalado nos navegadores moveis ainda mais usados. Varios desses dispositivos usam recursos de cache de memoria local que evitam solicitacoes desnecessarias do servidor da web.

Recursos HTML imbutidos

Se estes elementos do seu sitio nao estiverem armazenados em cache em seu dispositivo movel, nem sempre sera preciso acessa-los externamente. Em vez disso, eles podem ser incorporados pelo HTML. A unica desvantagem dessa solucao e que ela pode induzir a um tamanho de pagina elevado. No entanto, a ajuda esta a mao com ferramentas on-line que permitem incorporar os elementos ao HTML somente quando o armazenamento em cache nao ocorreu.

Reduza a estudo do JavaScript

Os tempos de carregamento podem ser significativamente aumentados quando este dispositivo movel esta analisando o lei JavaScript. Ao reduzir a quantidade de tags de que ele precisa analisar, os tempos de carregamento do site serao bastante aprimorados.

Otimizar ou remover redirecionamentos

Quando um site da superficie do trabalho foi redirecionado para 1 sitio para dispositivos moveis, este processamento do servidor do lado do cliente eleva este tempo do carregamento destes sites. Nos casos em de que estes 2 sitios estao em locais diferentes, isso usualmente e inevitavel e o sitio para dispositivos moveis devera leco em cache. Ainda assim, se os dois sites estiverem pelo mesmo servidor, foi recomendavel abster o uso de redirecionamentos e veicular este site diretamente para este usuario. Ao exibir um link no sitio para celular para seu sitio primario, voce pode vir a impedir de que seus visitantes tenham uma espera frustrante.