Web-Site em movimento – Projetando para smartphones e tablets

Com muito mais do 75% dos consumidores on-line tendo acesso a smartphones e tablets, e especialmente essencial de que seu website seja compativel usando todos esses dispositivos para garantir de que o visitante possua uma base por clientes leal.

Outro fator crucial na expansao do seu publico movel e este tempo do 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. Estes sites do desktop desfrutam de uma enorme vantagem sobre seus equivalentes moveis em relacao aos prazos 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 mais rapidamente em navegadores do dispositivos moveis.

O tamanho da imagem foi importante

Uma usualmente e restringir o uso por imagens em sites para celular este maximo possivel. Se um site simples do imagem livre puder ser utilizado, 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 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 1 atraso significativo. Usando um evento de touchend em vez disso; voce pode melhorar demasiado a usabilidade. Os eventos de finalizacao sao acionados quando um usuario tira o dedo da superficie da tela e diminui o atraso.

Scripts Abridge e Folhas de Estilo

Abrindo scripts e folhas de finesse 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 que podem facilitar nessa tarefa; ajudando voce a aumentar a qualidade o cache movel e os tempos de download da pagina.

Alguns proprietarios do sitios reduzem este tempo de carregamento da pagina compactando arquivos. Pelo entanto, nunca 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 epocas 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 dar HTML5 e CSS3 e ha muitos 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 grande quantidade por informacoes. Isso afeta a velocidade com que uma pagina tem a possibilidade de ser baixada e pode impedir de que os usuarios carreguem seu site. Esse problema foi resolvido pelo uso do aplicativo HTML5 Web Storage sendo instalado nos navegadores moveis muito mais usados. Varios desses dispositivos usam recursos de cache de memoria local que evitam solicitacoes desnecessarias do servidor da web.

Recursos HTML incorporados

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

Diminua a analise de JavaScript

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

Otimizar ou remover redirecionamentos

Quando 1 sitio da superficie por manejorefregatrafego foi redirecionado para um site para dispositivos moveis, este processamento do servidor do lado do cliente eleva o tempo do carregamento destes sitios. Nos quadros em de que os dois sitios estao em locais diferentes, isso geralmente foi inevitavel e este sitio para dispositivos moveis devera lacaio em cache. No entanto, se estes dois sites estiverem pelo exatamente servidor, foi recomendavel abster o emprego do redirecionamentos e veicular este site diretamente para o usuario. Ao exibir um link pelo sitio para celular para seu site primario, voce tem a possibilidade de impedir que seus visitantes tenham uma espera frustrante.

0 commenti

Lascia un Commento

Want to join the discussion?
Feel free to contribute!

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *