Website em movimento – Projetando para dispositivos moveis

Usando muito mais de 75% dos consumidores em linha tendo acesso a smartphones e tablets, foi essencial que seu website mesmo que compativel com todos esses dispositivos para garantir de que voce tenha uma base por 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 de que ajudarao o visitante a otimizar seu website para celular para aumentar a qualidade isso. Os sites de 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 ainda mais rapidamente em navegadores por dispositivos moveis.

Este tamanho da imagem e especialmente importante

Uma usualmente e restringir o uso por imagens em sites para celular o maximo possivel. Se 1 site simples por 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 de muitas ferramentas gratuitas apresentados na net para reduzir o tamanho do arquivo.

Toque em Eventos e nao clique

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

Scripts Abridge e Folhas de Estilo

Abrindo scripts e folhas de visual que sao usados no site para dispositivos moveis e removendo todos os caracteres e espacos indesejados, voce pode vir a otimizar o site para obter velocidades de download mais rapidas. Mais uma vez, existem varias ferramentas on-line que podem auxiliar nessa tarefa; ajudando o visitante a aumentar a qualidade o cache movel e os tempos de download da pagina.

Quaisquer proprietarios do sites reduzem este tempo de 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 epocas de download muito muito 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 dar HTML5 e CSS3 e ha varios foruns e blogs para ajudar este codificador do brotamento.

Cache otimizado

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

Recursos HTML incorporados

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

Diminua a analise por JavaScript

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

Otimizar ou remover redirecionamentos

Quando 1 site da superficie por trabalho e redirecionado para 1 sitio para dispositivos moveis, este processamento do servidor do lado do cliente permite o tempo por carregamento destes sites. Nos quadros em que estes 2 sitios estao em locais variados, isso geralmente e especialmente inevitavel e o site para dispositivos moveis devera leco em cache. No entanto, se os dois sitios estiverem pelo exatamente servidor, e especialmente recomendavel abster o uso por redirecionamentos e veicular este site diretamente para o usuario. Ao exibir 1 link pelo site para celular para seu site principal, o visitante pode vir a impedir de que seus visitantes tenham uma espera frustrante.