Como melhorar o carregamento de seus sites em até 500% com 3 linhas de código

Imagine um script que junte todos os seus CSS e JavaScripts e os diminua com Minify e Gzip. A classe Site Speed Boost, em PHP, faz isso e muito mais.

Juntando-os, você faz menos requisições e as páginas abrirão mais rápido. Comprimindo-os então…

Código

No topo da página, cole:

require_once(‘class.compressor.php’);
$compressor = new compressor(‘css,javascript,page’);

No fim da página:

$compressor->finish();

Demonstração

Veja uma página sem compressão. Agora a página com compressão.

Um espetáculo pra você, que vai gastar menos banda, e pro usuário, que vai abrir suas páginas mais rápido! :D

Download

Baixar a classe site speed boost.

O que precisa

PHP 4 (ou PHP5 para compactação do JavaScript);
permitir que escrevam na pasta da classe.

Performance

O autor usou a extensão Yahoo Yslow e FireBug para testar.

Antes da compressão
Testando a performance sem compressão com o Yslow

Depois da compressão
Testando a performance com compressão com o Yslow

Opções avançadas

Veja as opções avançadas da classe na página oficial. É possível mudar a pasta dos arquivos e escolher se quer Gzip e/ou Minify.

Atualização: Baixe a versão mais nova pelo novo post.

Gostou desse post? Então assine o RSS Feed, Email ou siga-me no Twitter!

Artigos relacionados:

Postado em Dicas, WebDev | 21 comentários | January 22nd, 2008 | Twittar post

21 comentários em “Como melhorar o carregamento de seus sites em até 500% com 3 linhas de código”

on 22 Jan 2008 at 12:57 pm1Fernando

Cara, você já testou?

Responder
on 22 Jan 2008 at 1:19 pm2pedromenezes

Fernando, claro. ~~Dá uma olhada aqui~~. Tinha feito outra página pra testar, mas já apaguei.

Responder
on 22 Jan 2008 at 2:03 pm3Anderson

Fala Pedro, excelente dica.

Esse mesmo tipo de técnica está sendo utilizado no Rails 2.0, claro que não precisa fazer quase nada além de setar um atributo se você deseja utilizar isso ou não.

Abraços

Responder
on 22 Jan 2008 at 2:22 pm4pedromenezes

Anderson, no Rails deve ser bem ainda mais prático. Você inseriu isso nos códigos de inserir tags de JS/CSS?

Responder
on 22 Jan 2008 at 3:31 pm5Pedrotxp

Eu achei interessante, uso o wordpress, não sei bem como é que eu deveria instalar isso, exemplo, qual pasta devo colocar os arquivos etc. Se puder ajudar agradeceria.

Responder
on 22 Jan 2008 at 4:30 pm6Sergio Grigoletto

Olá, Pedro!

Excelente dica essa. Mas ela é tão boa, que merece um tutorial melhor explicando. Que tal?
Todos querem seu blogues mais ágeis, mas nem todos poderão usar se não conseguirem instalar.
Seria possível?

Responder
on 22 Jan 2008 at 4:31 pm7Sergio Grigoletto

Aborrecendo você de novo…

Veja o que consegui aqui:

http://www.clubeletras.net/blog/blog/o-plagio-de-textos-dos-blogues-os-scrapers/

Seria possível (tás com tempo?) de nos privilegiar com algo assim, melhor explicado?

Abs!

Responder
on 22 Jan 2008 at 9:28 pm8Aguinelo Pedroso

Howwww…. muito boa essa dica, eu fiz uma classe pra fazer isso e não consegui nem metade desse resultado, precisaria fazer muito teste pra chegar a isso….

Valew pela dica

Responder
on 23 Jan 2008 at 11:10 am9pedromenezes

Pedrotxp e Sergio, vou ver se faço um tutorial. ;)

Sergio, tô usando o RSS Footer. o/

Aguinelo, eu ia começar, hehe. Já que fizeram…

Responder
on 23 Jan 2008 at 1:42 pm10Felipe Veiga "Dent VII"

Fala Pedro,

Gostei do script, vou fazer uns testes no Veja Isso.
Lembrando que este link já está desatualizado, a versão mais nova está nos comentários.

Mas não entendi o porquê seu site não está usando ele. Why?

Responder
on 23 Jan 2008 at 1:52 pm11pedromenezes

Felipe, tentei de manhã, mas como os arquivos do theme são separados tô tendo problemas.

Vou atualizar o post com o novo link. Valeu pelo aviso. :)

Responder
on 23 Jan 2008 at 3:07 pm12ByCoimbra

gostaria de saber se da pra por esse script no blogspot ou entao um tutorial mais facil para wp msm

Responder
on 23 Jan 2008 at 6:06 pm13Criação de sites

Uso o algo semelhante, com cache e gzip aqui:
http://www.dicasparacomputador.com

Responder
on 24 Jan 2008 at 6:54 am14Paulo Lima

Ótima dica,

Só não entendi:

onde devo jogar os arquivos, e onde colocar esse código no caso do Wordpress, é no header, footer ?

Estou a fim de testar…

Fico no aguardo.

[]s

Responder
on 24 Jan 2008 at 12:16 pm15Sergio Grigoletto

Valeu Pedro!

Estou com seu feeds. Fico no aguardo do tuto.

Abs!

Responder
on 25 Jan 2008 at 9:39 am16pedromenezes

ByCoimbra, no blogspot não funciona.

Paulo e Sergio, o código só funcionou no WordPress do autor porque ele adaptou o theme.

Responder
on 26 Jan 2008 at 7:11 am17Rui

Oi!

Boa dica.

Só uma questão: o compress é suportado por todos os browsers?

Responder
on 29 Jan 2008 at 11:50 am18pedromenezes

Rui, IE4+, Opera4+, FireFox e até Lynx. :)

Responder
on 09 Mar 2008 at 1:11 pm19Marcos

Tambem voto para termos um tutorial mais completo. Não experiente em outras linguagens alem de html e scripts. Mas gostaria de colocar isso em uma pagina do meu site!

Responder
on 18 Mar 2008 at 10:27 am20Quality Score e como aumentar o Load Time do seu blog/ site » Leo Baiano the Blog

[...] fiquei sabendo da novidade me lembrei imediatamente de um post do Pedro Menezes mostrando como melhorar o carregamento de seus sites em até 500% com 3 linhas de código. A formula mágica consiste basicamente num script que comprimi o CSS e JavaScript do site [...]
on 18 Mar 2008 at 6:39 pm21Como turbinar o carregamento do blogue

[...] por Sergio em 18 Mar 2008 em 06:39 pm | Em: Blog Desde quando o Pedro Menezes informou ser possível melhorar o carregamento de blogues, fiquei interessado. Mas, quando [...]

Trackback URI | Assine o RSS