Paloma Foart | Web-Site em toda parte – Projetando para smartphones e tablets
16808
single,single-post,postid-16808,single-format-standard,ajax_fade,page_not_loaded,,qode-theme-ver-7.5,wpb-js-composer js-comp-ver-4.5.3,vc_responsive
 

Web-Site em toda parte – Projetando para smartphones e tablets

21 ago Web-Site em toda parte – Projetando para smartphones e tablets

Usando ainda mais de 75% destes consumidores on-line tendo entrada a smartphones e tablets, e especialmente importante de que seu website mesmo que compativel usando todos esses dispositivos para garantir que voce tenha uma base por clientes leal.

Outro fator crucial na expansao 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 melhorar 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 algumas das dicas de praticas recomendadas inferior, voce garantira que seu site mesmo que carregado muito mais rapidamente em navegadores por dispositivos moveis.

O tamanho da imagem e essencial

Uma regra geral e restringir o uso do imagens em sites para celular o maximo permitido. Se um site simples por imagem livre puder ser usado, a experiencia do usuario e o tempo de carregamento da pagina seroada bastante aprimorados. Se as imagens tiverem de que ser incluidas, use uma das 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 por touchend em vez disso; voce pode melhorar demasiado a usabilidade. Os eventos de finalizacao sao acionados quando 1 usuario tira o dedo da superficie da tela e reduz o atraso.

Scripts Abridge e Folhas por Finesse

Abrindo scripts e folhas de visual que sao usados pelo site para dispositivos moveis e removendo todos estes caracteres e espacos indesejados, voce pode otimizar este site para obter velocidades de download como criar site de vendas mais rapidas. Mais uma vez, ha varias ferramentas on-line que podem ajudar nessa tarefa; ajudando o visitante a melhorar o cache movel e os tempos de download da pagina.

Certos proprietarios do sites reduzem este tempo do carregamento da pagina compactando arquivos. No entanto, nunca todos os navegadores conseguem armazenar esses arquivos corretamente.

HTML5 e CSS3

O CSS3 e o HTML5 oferecem novos recursos leves e elementos estruturais 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 dar HTML5 e CSS3 e ha muitos foruns e blogs para ajudar este codificador por brotamento.

Cache otimizado

Ao contrario do armazenamento em cache do navegador de desktop, os dispositivos moveis nao podem armazenar uma enorme quantidade do 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 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 estes elementos do seu site nao estiverem armazenados em cache no seu dispositivo movel, nem em algum momento sera necessario acessa-los externamente. Em vez disso, eles podem ser incorporados no HTML. A unica desvantagem dessa solucao e de que ela pode levar a um tamanho por pagina maior. Ainda assim, a ajuda esta a mao usando ferramentas on-line 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 o dispositivo movel esta analisando o aviso JavaScript. Ao reduzir a quantidade de tags de que ele precisa analisar, os tempos por carregamento do site serao bastante aprimorados.

Otimizar ou remover redirecionamentos

Quando um site da superficie de producao foi redirecionado para um sitio para dispositivos moveis, este processamento do servidor do lado do cliente eleva este tempo de carregamento dos sitios. Nos casos em de que estes 2 sitios estao em locais diferentes, isso usualmente foi inevitavel e o site para dispositivos moveis deve ser colocado em cache. No entanto, se estes dois sites estiverem no precisamente servidor, e especialmente recomendavel abster o uso do redirecionamentos e veicular este sitio diretamente para este usuario. Ao exibir um link no sitio para celular para seu sitio principal, o visitante tem a possibilidade de impedir de que seus visitantes tenham uma espera frustrante.

No Comments

Sorry, the comment form is closed at this time.