Websites em movimento – Projetando para smartphones e tablets

Usando muito mais por 75% destes consumidores on-line tendo entrada a smartphones e tablets, foi essencial de que seu website seja compativel com todos esses dispositivos para garantir que o visitante tenha uma base do clientes leal.

Outro fator crucial na impeto do seu publico movel e o tempo do carregamento da pagina do seu site. Abaixo, listei alguns pontos importantes que ajudarao o visitante a otimizar seu website para celular para melhorar isso. Estes 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 algumas das dicas de praticas recomendadas inferior, voce garantira que seu site seja carregado ainda mais rapidamente em navegadores do dispositivos moveis.

Este tamanho da imagem foi especialmente importante

Uma regra geral e restringir o uso por imagens em sites para celular este maximo possivel. Se 1 site simples de imagem criarsitepro.com.br livre puder ser usado, a experiencia do usuario e este tempo do carregamento da pagina seroada bastante aprimorados. Se as imagens tiverem de 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 um atraso significativo. Usando um evento do touchend em vez disso; voce tem a possibilidade de melhorar muito 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 Estilo

Abrindo scripts e folhas de visual que sao usados pelo site para dispositivos moveis e removendo todos estes caracteres e espacos indesejados, voce tem a possibilidade de otimizar este site para obter velocidades de download mais rapidas. Mais uma vez, ha varias ferramentas on-line que podem facilitar nessa tarefa; ajudando voce a sentir melhoramentos o cache movel e os epocas de download da pagina.

Alguns proprietarios por sitios reduzem este tempo por carregamento da pagina compactando arquivos. Pelo entanto, nem todos estes 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 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 varios foruns e blogs para ajudar o codificador de brotamento.

Cache otimizado

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

Recursos HTML incorporados

Se estes elementos do seu sitio nao estiverem armazenados em cache em seu dispositivo movel, nem a todos os momentos sera necessario acessa-los externamente. Em vez disso, eles podem ser incorporados pelo HTML. A unica desvantagem dessa solucao e de que ela pode levar a 1 tamanho do pagina maior. Ainda assim, a ajuda esta a mao com ferramentas on-line que permitem incorporar estes elementos ao HTML somente quando o armazenamento em cache nao ocorreu.

Reduza a analise de JavaScript

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

Otimizar ou remover redirecionamentos

Quando 1 sitio da area de producao e especialmente redirecionado para um sitio para dispositivos moveis, o processamento do servidor do lado do cliente aumenta este tempo do carregamento dos sites. Nos casos em que estes dois sitios estao em locais multiplos, isso geralmente e inevitavel e este sitio para dispositivos moveis devera leco em cache. Ainda assim, se os 2 sitios estiverem pelo exatamente servidor, e especialmente recomendavel abster o emprego por redirecionamentos e veicular o site diretamente para o 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.

Geef een reactie