Websites em movimento – Projetando para smartphones e tablets

Home / NEWS FROM THE SEA / Websites em movimento – Projetando para smartphones e tablets

Websites em movimento – Projetando para smartphones e tablets

Usando ainda mais de 75% destes consumidores on-line tendo acesso a smartphones e tablets, foi essencial 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 movele este tempo por carregamento da pagina do seu sitio. Abaixo, listei alguns pontos importantes que ajudarao voce a otimizar seu website para celular para aumentar a qualidade isso. Os sites por 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 de imagens em sites para celular o maximo possivel. Se um site chocho por imagem livre puder ser usado, a experiencia do usuario e este tempo por carregamento da pagina serao bastante aprimorados. Se as imagens tiverem que ser incluidas, use uma de 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 um evento do touchend em vez disso; voce pode melhorar bastante a usabilidade. Os eventos de finalizacao sao acionados quando 1 usuario tira o dedo da superficie da tela e reduz o delongado.

Scripts Abridge e Folhas por Finesse

Abrindo scripts e folhas de estilo que sao usados no site para dispositivos moveis e removendo todos os caracteres e espacos indesejados, voce tem a possibilidade de otimizar o site para obter velocidades de download mais rapidas. Mais uma vez, andam varias ferramentas on-line de que podem auxiliar nessa reforma; ajudando voce a aumentar a qualidade o cache movel e os epocas de download da pagina.

Quaisquer proprietarios do sitiosreduzem o tempo por carregamento da pagina compactando arquivos. No entanto, nunca todos os navegadores conseguem armazenar esses arquivos corretamente.

HTML5 e CSS3

Este CSS3 e o HTML5 oferecem novos recursos leves e elementos estruturais de que permitem tempos de download muito ainda mais rapidos para sites moveis. Eles permitem que estes designers apliquem facilmente sombras, animacoes e cantos arredondados de artigo / caixa. A comunidade online produziu muitas paginas de documentacao para cobrir HTML5 e CSS3 e ha varios foruns e blogs para ajudar o codificador do brotamento.

Cache otimizado

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

Recursos HTML incorporados

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

Diminua a analise do JavaScript

Os epocas de carregamento podem ser significativamente aumentados quando o dispositivo movel esta analisando o aviso 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 1 site da area do producao e especialmente redirecionado para 1 site para dispositivos moveis, o processamento do servidor do lado do cliente eleva este tempo do carregamento dos sites. Nos casos em de que estes 2 sitios estao em locais multiplos, isso geralmente e especialmente inevitavel e o sitio para dispositivos moveis deve ser colocado em cache. Ainda assim, se estes dois sitios estiverem pelo mesmo servidor, e especialmente recomendavel impedir o uso do redirecionamentos e veicular o sitio diretamente para este usuario. Ao exibir um link pelo sitio para celular para seu sitio primario, o visitante pode impedir que seus visitantes tenham uma espera frustrante.

Recent Posts