{"id":5846,"date":"2015-04-09T09:00:28","date_gmt":"2015-04-09T12:00:28","guid":{"rendered":"http:\/\/blogimpacta.com.br\/?p=5846"},"modified":"2015-04-09T09:00:28","modified_gmt":"2015-04-09T12:00:28","slug":"5-dicas-para-construir-um-site-mais-leve","status":"publish","type":"post","link":"https:\/\/www.impacta.com.br\/blog\/5-dicas-para-construir-um-site-mais-leve\/","title":{"rendered":"5 dicas para construir um site mais leve"},"content":{"rendered":"

Voc\u00ea sabia que o tempo de carregamento<\/strong> de um site pode levar o usu\u00e1rio\u00a0a desistir de acessar um determinado conte\u00fado? Isso significa a perda de um cliente em potencial. E se voc\u00ea ou seu cliente \u00e9 dono de um e-commerce, isso pode significar a perda imediata de uma venda.<\/span><\/p>\n

Se voc\u00ea acha que isto \u00e9 apenas uma informa\u00e7\u00e3o sem embasamento, a Exceda<\/span><\/a> realizou uma pesquisa\u00a0que confirmou isto. Segundo o estudo, 47% dos usu\u00e1rios desistem de navegar em um site se ele demorar mais que 2 segundos para carregar. E, al\u00e9m de ajudar voc\u00ea a prender a aten\u00e7\u00e3o da audi\u00eancia, um site mais r\u00e1pido melhora o ranqueamento da p\u00e1gina no algoritmo do Google<\/strong>.<\/span><\/p>\n

Desenvolver uma p\u00e1gina r\u00e1pida \u00e9 mais do que um detalhe, \u00e9, na verdade, um \u00f3timo neg\u00f3cio.<\/span><\/p>\n

Confira como deixar seu site mais leve e sua p\u00e1gina carregar mais r\u00e1pido<\/span><\/strong><\/h2>\n

\"Deixar<\/a><\/p>\n

1) Otimize o tamanho das imagens<\/strong><\/span><\/h2>\n

Primeiro, evite usar muitas imagens no seu site. Quanto mais voc\u00ea usar, mais vai demorar para carregar. E segundo, use imagens leves! <\/span><\/p>\n

O ideal \u00e9 elas terem at\u00e9 70Kb cada. Al\u00e9m das fotos\u00a0em excesso atrapalharem o carregamento do site, elas tamb\u00e9m podem poluir sua identidade visual e afastar o visitante. Nesse caso, menos \u00e9 sempre mais, nunca se esque\u00e7a disso.<\/span><\/p>\n

2) Use CSS Sprite em suas imagens<\/strong><\/span><\/h2>\n

Existe uma t\u00e9cnica na qual voc\u00ea agrupa v\u00e1rias imagens em uma s\u00f3 e, depois, usa o c\u00f3digo CSS<\/strong> para posicionar\u00a0e manipular o arquivo. <\/span><\/p>\n

Para isso, basta voc\u00ea editar o c\u00f3digo onde mostra o posicionamento da imagem. Este tipo de t\u00e9cnica deixa o site mais leve, pois, ao inv\u00e9s de carregar v\u00e1rias imagens, ele carrega apenas uma.<\/span><\/p>\n

3) Reduza o tamanho do seu c\u00f3digo<\/strong><\/span><\/h2>\n

Este item \u00e9 relacionado com programa\u00e7\u00e3o. Se voc\u00ea for programar seu pr\u00f3prio site, ent\u00e3o voc\u00ea j\u00e1 deve saber do que estou falando. Mas se voc\u00ea n\u00e3o entende, pe\u00e7a para quem estiver desenvolvendo seu site para usar um c\u00f3digo leve, sem espa\u00e7os em branco entre um c\u00f3digo e outro. <\/span><\/p>\n

Se voc\u00ea preferir, voc\u00ea pode reduzir estes espa\u00e7os com alguns programas espec\u00edficos como CleanCSS<\/span><\/a> e o YUI Compressor<\/span><\/a>.<\/span><\/p>\n

4) Evite subir v\u00eddeos direto no seu site<\/strong><\/span><\/h2>\n

Se voc\u00ea n\u00e3o tiver um servi\u00e7o de hospedagem muito (mas muito) bom,\u00a0prefira hospedar seu material audiovisual no YouTube<\/strong> e apenas incluir o frame do v\u00eddeo no seu site. Isso vai agilizar o carregamento da p\u00e1gina e, mais importante, do pr\u00f3prio v\u00eddeo.<\/span><\/p>\n

5) Leve seu site para o mobile<\/strong><\/span><\/h2>\n

3,6 bilh\u00f5es de pessoas no mundo acessam a internet via celular, segundo pesquisa da ag\u00eancia We Are Social<\/span><\/a>, e a tend\u00eancia deste n\u00famero \u00e9 aumentar em 50% at\u00e9 2016. Diante desta realidade \u00e9 preciso pensar na rapidez de carregamento do seu site n\u00e3o s\u00f3 para o computador ou tablets, mas tamb\u00e9m no acesso via mobile.<\/span><\/p>\n

Para isso, invista em um site responsivo que se ajuste de acordo com a tela que ele est\u00e1 sendo acessado. Um site constru\u00eddo para ser visualizado apenas em um computador, muito dificilmente vai carregar com rapidez em um celular.<\/span><\/p>\n

E ent\u00e3o, ainda tem d\u00favidas? Deixe um coment\u00e1rio!<\/span><\/p>\n

Decodificando o Desenvolvedor WEB. Baixe j\u00e1 o seu<\/a>!<\/strong><\/span><\/h2>\n

\"Fa\u00e7a<\/a><\/p>\n

O livro digital, al\u00e9m de explicar as principais fun\u00e7\u00f5es desse profissional, ainda abordar\u00e1 o processo de desenvolver, explicando como \u00e9 o dia a dia. O e-book gratuito ainda te mostrar\u00e1\u00a0 quais ferramentas e quais as principais habilidades que um desenvolvedor web precisa ter para construir uma carreira de sucesso.<\/span><\/p>\n

Ser\u00e3o abordados ainda pontos como as possibilidades de atua\u00e7\u00e3o, carreira e oportunidades em um mercado cada vez mais aberto e crescente na tecnologia.<\/span><\/p>\n

E a\u00ed,<\/strong> quer saber mais a vida e profiss\u00e3o de um desenvolvedor? Ent\u00e3o, fa\u00e7a j\u00e1 o download <\/a>de seu e-book gratuito!<\/strong><\/span><\/p>\n

<\/i>Love<\/span>0<\/span><\/span><\/a> <\/i> <\/i>