Porque o site esta lento? sera que é por causa do servidor?

[Williams Duarte 431]

Seu site já esta sendo indexado ou já existia um site antigo indexado

veja

 

e olhando esta página http://www.fazerbem.com.br/produtos.php?p=36 parece que ela já tem o tratamento básico de SEO, eu disse o básico. mas totalmente ultrapassado e errado. Se você mandar o link das busca para uma página separada, com o nome do produto no title, e na url por exemplo http://www.fazerbem.com.br/produto/36/nqi-power você já tira proveito dos botões compartilhar e indexação do Buscadores.

 

Seu site só tem uma porta de entrada com que você esta fazendo, os crawlers não encontrarão seus produtos e não os indexarão.

 

Resumindo sem prática de SEO o site pode estar bonito, mas não serve para nada neste novo cenário.

[cristianoolv 93]

Tem uma extenção para chrome do yahoo, YSlow, é bem bacaninha.

[Enrico Pereira 299]

 

A acessibilidade do conteúdo importa mais do que tudo. Pior do que um SEO ruim, do que um design ruim, do que uma performance ruim é ter um site "bugado", onde não é possível ler o conteúdo.

 

Eu sinceramente acho que o passo é reescrever tudo. Não há como melhorar de um nível tão ruim (me desculpe).

[mangakah 217]

Melhor você usar um framework especifico para web apps, com suporte a data-biding,etc. O AngularJS ou o EmberJS são os melhores disponíveis atualmente IMO.

[cristianoolv 93]

Procure sobre otimização de imagem para web, o fundo, era só dar uma texturizada nessa imagem, procure sobre CSS Sprites, a marcação só tem div e link pqp...favicon de 32x32 no maximo, e mais uma vez, não tenha medo de dar reflesh,não precisa de jquery, muito menos de 1000 plugiin para jquery, quando a ajax demora muito, da a impressão o pc deu pau...

 

Quando ao desgin em si. faça-o aberto e limpo.

[Enrico Pereira 299]

Na pior das hipóteses, use o Twitter Bootstrap ou o Foundation.

[Micilini Roll 49]

Olá pessoal melhorei:

 

• Comprimi tudo em gzip e mandei o cpanel comprimir
• comprimi todas as imagens para jpeg com tamanho maximo de 265x256
• melhorei o cache das paginas
• adicionei o comando : ob_start('ob_gzhandler');
• Alterações de compressao no .htaccess

 

e no fim consegui o seguinte resultado:

 

 

 

http://www.webpagetest.org/result/130728_MG_3WS1/

 

 

Mas o progressive jpeg's ainda recebi um F mas porque disso?? como melhorar?

Pude perceber que o site desta vez esta muito mas muito mais rapido do que antes:

 

www.fazerbem.com.br

[Enrico Pereira 299]

Por que 265x265 se você redimensiona para 160x160? Se a imagem será exibida como 160x160, redimensione para este exato tamanho, redimensionar no HTML não traz performance.

 

Não está tão rápido assim não, veja o PageSpeed: https://developers.google.com/speed/pagespeed/insights#url=www.fazerbem.com.br&mobile=false

[ESerra 744]

O produto: LIPO CAF está apresentando um erro ao ir para o pagseguro...

[Micilini Roll 49]

@ESERRA obg mano! é porcausa que pag seguro nao aceita virgulas!

 

@Enrico pereira: quando vc clica no produto (junto ao botao de pagar) a imagem maxima é de 256x256!

Mas pow pessoal daquele teste que o mangakah mostrou o link , com o novo que acabei de mostrar melhorou mais de 100%!

[cristianoolv 93]

Não tem o porque usar jquery nessa pagina, naveguei nela e não vi nada de extraordinario de explique sua utilização.
Leia sobre async e defer, pode lhes ser util.
Valide o css e o compresse*, faça o mesmo com o html, e compresse* o javascript tambem.

[Enrico Pereira 299]

Tenha ambas as imagens (as de 160x160 e 256x256) e carregue cada uma em seu lugar, lazy loading.

 

Você pode comprimir as imagens também => http://www.smushit.com/ysmush.it/

 

Lembre-se da lei da internet: você tem 2 segundos para convencer o cliente a fazer algo em seu site.

[Micilini Roll 49]

ok enrico quando coloco upload ele me retorna um arquivo zipado! ok as imagens do meu website estao sendo pegas atraves do banco de dados da seguinte maneira:

 

 

O nome do produto deve ser o mesmo nome da foto! -> chamo isso de orientação a nomes! ou seja no banco de dados nao o link do upload da foto

 

<img src="design/imagens_produtos/Optimum/WHEY PROTEIN.jpg" style="margin-right:40px; max-width:256px; max-height:256px;">

 

ok me diga como faço agora com o arquivo zipado?

[Enrico Pereira 299]

1º - Imagens não devem ficar no banco de dados.

2º - Não se usa espaços em nomes de imagens, por questões de SEO.

3º - CSS é em arquivo de estilos, não no HTML.

 

Que raios você está fazendo no upload haha? Não está muito compreensível o seu problema.

[mangakah 217]

1º - Imagens não devem ficar no banco de dados.

Why not, mister Enrico? AFAIK não há aumento significativo no consumo de recursos do servidor se BLOBs forem armazenados no banco de dados. Além disso, trás a vantagem de o filesystem ficar mais organizado, pois arquivos relacionados a conteúdo não estão presentes e também fica mais fácil fazer backup.

[Rogério Santana 172]

Com exceção do atendimento, nada nessa page funfa http://www.fazerbem.com.br/gauer.php

 

e o atendimento http://www.fazerbem.com.br/atendimento.php envia a mensagem com os campos em branco, ou pelo menos diz que envia.

[Enrico Pereira 299]

Why not, mister Enrico? AFAIK não há aumento significativo no consumo de recursos do servidor se BLOBs forem armazenados no banco de dados. Além disso, trás a vantagem de o filesystem ficar mais organizado, pois arquivos relacionados a conteúdo não estão presentes e também fica mais fácil fazer backup.

 

É uma questão longa: http://stackoverflow.com/a/561475 e http://stackoverflow.com/a/3751.

Há um tempo atrás um engenheiro do Facebook falou sobre isso: http://perspectives.mvdirona.com/2008/06/30/FacebookNeedleInAHaystackEfficientStorageOfBillionsOfPhotos.aspx

 

Database é para dados, não para imagens, principalmente quando o volume de imagens é grande.

 

[OFF-TOPIC]: Você recebeu esse site pronto já?

[Micilini Roll 49]

é claro que nao rogerio!! essa pagina é antiga vou ate tira-la do ar! pois bem pessoal vou explicar como as imagens estao:

 

 

No banco de dados há o nome da imagem que é:

 

 

BCAA POWER 30 CAPS

 

ela possue uma marca que no caso é:

 

 

Atlhetica

 

ai eu puxa a imagem da seguinte maneira:

 

1. Pega o nome da imagem do banco de dados armazena na variavel 'nome_produto'
2. Pega a marca no banco de dados e armazena a variavel 'marca'

Depois no src da imagem esta da seguinte forma:

 

 

/imagens_produtos/<? echo $marca ?>/<? echo $nome_produto ?>

 

Ou seja no sistema antigo no banco de dados eu colocava a url da imagem no campo do banco de dados e automaticamente no src da img somente colocava:

 

 

src="<? echo $caminho ?>"

 

entende agora! porque o nome dos produtos possuem espaços! pois o nome das imagens tambem possuem!

Você recebeu esse site pronto já?

 

nao fui eu que fiz tudo! :sick:

[Rogério Santana 172]

Me permita dar sugestões, já que foi você que fez:

 

- A imagem de fundo poderia fazer jus ao nome do site.

- Essa mistura de cores azul da logo, com azul escuro, com cinza escuro, com laranja, com acho que rosa do menu :no: :no: :cry: :cry: :cry: :cry: :cry: :cry:

- O nossa loja tá com erro de caracteres

- Tanto Css3 , pelo menos não vi condições para o IE8

- Faltaram as metas (description, author, keywords)

- Seu favicon tá 256 x 256 :no:

- Seu diretório de imagens está listável :no: :no: :no: :no: :no: (ponha um index.html vazio ou redirecione para um 404)

- Para mim o comprar é comprar mesmo, como tem um saiba mais o comprar tem que ir direto à compra. :thumbsup:

- O site não tem referência de nada, como tem uma loja física poderia usá-la para meios de confiança. :thumbsup:

- Os menus não parecem estar com o line-height para centralizarem da vertical

- O cinza de leitura tá muito claro (Contatos - Parceiros - * Saiba Mais)

- O Avaliar não funciona :no:

- O partilhar podia ser Url amigável

- O telefone que tem no Pagseguro não tem no site :no:

- A logo e o menutopo estão grande d+, o objetivo do site é vender os produtos, destaque-os.

- O corte* nos caracteres de descrição dos produtos na index (aparenta erros de pt-br) [ d - energ]

 

Desculpa aí. :thumbsup: :thumbsup: :thumbsup: :thumbsup: :grin: :grin: :grin: :grin: :assobiando: :assobiando: :assobiando: :assobiando:

São com essas avaliações que vamos aprendendo (eu fiz como cliente e como estudante de programação), incluindo as dos colegas acima

 

Já tá velhinho, mas pode ajudar, esse também , esse e esse aqui.

[mangakah 217]

Database é para dados, não para imagens, principalmente quando o volume de imagens é grande.

Database é para dados, inclusive dados binários.

 

Quando o volume de conteúdo é enorme, não há o que se discutir, filesystem é comprovadamente a melhor opção já que nessa situação a questão de benchmark tem um peso muito grande. Mas em estruturas pequenas eu creio que compensa sacrificar um pouco a performance em nome da praticidade de se ter controle total sobre como os arquivos são servidos e facilidade de backup. Se for necessário crescer, os arquivos podem ser facilmente cuspidos da base de dados para o filesystem.

 

@Micilini Roll: Espero que você não tenha se esquecido de gerar e armazenar o CRC do arquivo quando da inclusão no banco de dados...