Web-Site em toda parte – Projetando para dispositivos moveis

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

Outro fator crucial na impeto 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 por desktop desfrutam de uma enorme vantagem sobre seus equivalentes moveis em relacao aos tempos de carregamento da pagina. Os pontos abaixo descrevem alguns desses problemas: Ao implementar algumas das dicas de praticas recomendadas abaixo, voce garantira que seu site seja carregado mais rapidamente em navegadores por dispositivos moveis.

O tamanho da imagem e especialmente importante

Uma regra geral e restringir o uso do imagens em sites para celular o maximo permitido. Se 1 site chocho de imagem livre puder ser usado, a experiencia do usuario e este tempo do carregamento da pagina serao bastante aprimorados. Se as imagens tiverem de que ser incluidas, use uma das muitas ferramentas gratuitas apresentados na net para reduzir este 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 1 evento do touchend em vez disso; voce pode melhorar muito 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 finesse que sao usados pelo site para dispositivos moveis e removendo todos os caracteres e espacos indesejados, voce pode vir a otimizar este site para obter velocidades de download mais rapidas. Mais uma vez, existem varias ferramentas on-line de que podem ajudar nessa reforma; ajudando o visitante a sentir melhoramentos o cache movel e os tempos de download da pagina.

Alguns proprietarios por sitios reduzem o tempo do carregamento da pagina compactando arquivos. Pelo entanto, nunca 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 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 por brotamento.

Cache otimizado

Ao contrario do armazenamento em cache do browser de desktop, os dispositivos moveis nao podem armazenar uma enorme quantidade do informacoes. Isso afeta a velocidade usando que uma pagina tem a possibilidade de ser baixada e pode impedir 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. Muitos desses dispositivos usam recursos de cache de memoria local que evitam solicitacoes desnecessarias do servidor da web.

Recursos HTML imbutidos

Se os elementos do seu site nao estiverem armazenados em cache no seu dispositivo movel, nem sempre 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 um tamanho por pagina elevado. No entanto, o auxilio esta a mao usando ferramentas em linha que permitem incorporar estes elementos ao HTML apenas quando o armazenamento em cache nao ocorreu.

Diminua a analise do JavaScript

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

Otimizar ou remover redirecionamentos

Quando um site da superficie do trabalho foi redirecionado para um sitio para dispositivos moveis, o processamento do servidor do lado do cliente eleva este tempo por carregamento dos sites. Nos quadros em de que os dois sites estao em locais diferentes, isso usualmente e especialmente inevitavel e o site para dispositivos moveis deve ser colocado em cache. Ainda assim, se os dois sitios estiverem no mesmo servidor, e especialmente recomendavel evitar o uso de redirecionamentos e veicular o site diretamente para o usuario. Ao exibir um link pelo sitio para celular para seu sitio primario, voce tem a possibilidade de impedir que seus visitantes tenham uma espera frustrante.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée.

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>