[DICA] Velocidade do site
Enviado: 23 Out 2010, 12:48
bom, vou fala um pouco sobre a questão da velocidade e como proceder para que o site fica mais leve
1. Intro
a Google utiliza a velocidade de carregamento das páginas para rankeamento, ou seja, site com tema mais pesado, perde o rank
2. intro
o tempo de carregamento do site pode tbm causar rejeição entre os clientes, pode ser um template bem maneiro e tal, mais o que conta sempre para o comercio eletronico são: velocidade, sites praticos e facil de mexer e localizar o conteudo e ate mesmo uma compra rapida,
veja bem, os maiores sites de vendas do brasil são americana e shoptime, com desing simples e facil, porem, rapidos
Optmizando :
1 css:
o css em si, já é uma forma de reduzir o tamanho do site, mais, pode reduzir mais o que já vem com o opencart
primeiro, sempre junta todos os css em uma só folha
copie todo css do catalog/view/javascript/jquery/thickbox/thickbox.css
e cole no final do catalog/view/theme/default/stylesheet/stylesheet.css
isso irá reduzir 2 forma, o tamanho somado dos 2 arquivo e a requisição do HTTP (quanto menos requisição HTTP o site tiver, será mais rapido a leitura dos navegadores, indepedendo do tamanho)
após isso, vamos reduzir mais um pouco o css
utilize o site http://www.cleancss.com a opção de compreção: highest, (isso reduzirá os caracteres desescessario, como as quebras de linha(enter) e comentarios)
2. Utilize CSS sprites
sprites são varias img numa só, reduzindo o tamanho tbm das img e da requisição HTTP
nao entendeu ?
um exemplo:
utilize o site http://csssprites.com/ para geras suas sprites
3. Utilize o Gzip
gzip é como se fosse um zip ou rar, o site fica em gzip no sevidor, e quando chama, o navegador deszipa e imprime o conteudo
veja:
para utilizar vai em admin > sistema > configuração > sevidor e marce a opção 9
para testa e ver o quanto o site ta comprimido, utilize o site http://www.gidnetwork.com/tools/gzip-test.php
4. Utilize a livraria da google para ajax
uma solução que a google teve que ta tendo cada vez mais usuario utilizando isto
o jquery é um unico codigo em javascript, mais pq carregalo toda vez diferente pra cada site? pq cada vez que as info entra no seu navegador, as info fica gravada no cache, para abrir mais rapido a cada visita
então, a gogle disponibiliza os codigo para nos usalo,
na head.tpl
encontre:
5. crie um subdomino apenas para as img
quando cria um subdomino apanas para as img, as config do site avisa o navegador, e o navegador vai ler aquele HTTP de modo diferente
vcs ja deve ter visto quando um site ta carregando e aparece carregando "img.dominio.com" e "dominio.com" ao mesmo tempo
para fazer isto, crie um subdomino no painel do seu host,
vai no arquivo do opencart, config.php e mude o link do HTTP da img
dpois copie a pasta inteira "image" do opencart para o subdomino que criou
essas são algumas dicas pra otimizar seu site, da pra fazer mais coisas pra diminuir o tamanho total do site, só da uma procurada na google
1. Intro
a Google utiliza a velocidade de carregamento das páginas para rankeamento, ou seja, site com tema mais pesado, perde o rank
2. intro
o tempo de carregamento do site pode tbm causar rejeição entre os clientes, pode ser um template bem maneiro e tal, mais o que conta sempre para o comercio eletronico são: velocidade, sites praticos e facil de mexer e localizar o conteudo e ate mesmo uma compra rapida,
veja bem, os maiores sites de vendas do brasil são americana e shoptime, com desing simples e facil, porem, rapidos
Optmizando :
1 css:
o css em si, já é uma forma de reduzir o tamanho do site, mais, pode reduzir mais o que já vem com o opencart
primeiro, sempre junta todos os css em uma só folha
copie todo css do catalog/view/javascript/jquery/thickbox/thickbox.css
e cole no final do catalog/view/theme/default/stylesheet/stylesheet.css
isso irá reduzir 2 forma, o tamanho somado dos 2 arquivo e a requisição do HTTP (quanto menos requisição HTTP o site tiver, será mais rapido a leitura dos navegadores, indepedendo do tamanho)
após isso, vamos reduzir mais um pouco o css
utilize o site http://www.cleancss.com a opção de compreção: highest, (isso reduzirá os caracteres desescessario, como as quebras de linha(enter) e comentarios)
2. Utilize CSS sprites
sprites são varias img numa só, reduzindo o tamanho tbm das img e da requisição HTTP
nao entendeu ?
um exemplo:
utilize o site http://csssprites.com/ para geras suas sprites
3. Utilize o Gzip
gzip é como se fosse um zip ou rar, o site fica em gzip no sevidor, e quando chama, o navegador deszipa e imprime o conteudo
veja:
para utilizar vai em admin > sistema > configuração > sevidor e marce a opção 9
para testa e ver o quanto o site ta comprimido, utilize o site http://www.gidnetwork.com/tools/gzip-test.php
4. Utilize a livraria da google para ajax
uma solução que a google teve que ta tendo cada vez mais usuario utilizando isto
o jquery é um unico codigo em javascript, mais pq carregalo toda vez diferente pra cada site? pq cada vez que as info entra no seu navegador, as info fica gravada no cache, para abrir mais rapido a cada visita
então, a gogle disponibiliza os codigo para nos usalo,
na head.tpl
encontre:
Código: Selecionar todos
e substitua para
<script type="text/javascript" src="catalog/view/javascript/jquery/jquery-1.3.2.min.js"></script>
Código: Selecionar todos
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
5. crie um subdomino apenas para as img
quando cria um subdomino apanas para as img, as config do site avisa o navegador, e o navegador vai ler aquele HTTP de modo diferente
vcs ja deve ter visto quando um site ta carregando e aparece carregando "img.dominio.com" e "dominio.com" ao mesmo tempo
para fazer isto, crie um subdomino no painel do seu host,
vai no arquivo do opencart, config.php e mude o link do HTTP da img
dpois copie a pasta inteira "image" do opencart para o subdomino que criou
essas são algumas dicas pra otimizar seu site, da pra fazer mais coisas pra diminuir o tamanho total do site, só da uma procurada na google