Compactar Codigo-Fonte

501 views
Skip to first unread message

Leonay Cronemberger

unread,
Jun 25, 2013, 8:24:48 AM6/25/13
to php-b...@googlegroups.com
Ola pessoal, Bom dia.....

Bom num sei o certo ao nome que se da para isso, mais visualizando alguns codigos-fonte dos site vi diferença entre eles, e gostaria da saber se alguém já fez ele com o PHP...

EX: na UOL tá organizado.

<!DOCTYPE html>

<html class="no-js <!--[if lt IE 7 ]>ie6<![endif]--><!--[if IE 7 ]>ie7<![endif]--><!--[if IE 8 ]>ie8<![endif]--><!--[if (gte IE 9)|!(IE)]><![endif]-->" lang="en">
   <head>
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
	<title>UOL Notícias: As notícias e imagens mais importantes de Política, Cotidiano e Internacional em tempo real - UOL Notícias</title>
	<meta name="description" content="Acompanhe no UOL Not&iacute;cias reportagens, fotos e v&iacute;deos sobre mundo, pol&iacute;tica, economia, tecnologia, educa&ccedil;&atilde;o, ci&ecirc;ncia, sa&uacute;de e cotidiano" />
	<meta name="robots" content="noodp, noydir" />
	<meta name="google-site-verification" content="uPoEEmwsmGUXmhtQSbPK1DFcI9TNUZB19rqvpshC4vw" />
	<link rel="shortcut icon" href="http://home.img.uol.com.br/favicon.ico" type="image/x-icon" />
        <link rel="apple-touch-icon" href="http://home.img.uol.com.br/icon-touch.png" type="image/x-icon" />
<meta name="application-name" content="UOL Notícias" />
<meta name="msapplication-tooltip" content="UOL Notícias: As notícias e imagens mais importantes de Política, Cotidiano e Internacional em tempo real - UOL Notícias" />         
<meta name="msapplication-starturl" content="http://noticias.uol.com.br/" />
<meta name="msapplication-navbutton-color" content="#297ACC" />
<meta name="msapplication-task" content="name=Bate-papo UOL;action-uri=http://batepapo.uol.com.br/; icon-uri=http://home.img.uol.com.br/favicon.ico; window=self" />
<meta name="msapplication-task" content="name=Email;action-uri=http://email.uol.com.br/; icon-uri=http://home.img.uol.com.br/favicon.ico; window=self" />
<meta name="msapplication-task" content="name=UOL Notícias - Notícias;action-uri=http://noticias.uol.com.br/noticias/; icon-uri=http://home.img.uol.com.br/favicon.ico; window=self" />
<meta name="msapplication-task" content="name=UOL Notícias - Fotos;action-uri=http://noticias.uol.com.br/fotos/; icon-uri=http://home.img.uol.com.br/favicon.ico; window=self" />
<meta name="msapplication-task" content="name=UOL Notícias - Vídeos;action-uri=http://noticias.uol.com.br/videos/; icon-uri=http://home.img.uol.com.br/favicon.ico; window=self" />


ja no da GLOBO fica numa linha so:

<!DOCTYPE html>

<!--[if IE]><![endif]--><html><head><meta charset="utf-8" /><meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /><title>globo.com - Absolutamente tudo sobre notícias, esportes e entretenimento</title><meta name="google-site-verification" content="BKmmuVQac1JM6sKlj3IoXQvffyIRJvJfbicMouA2a88" /><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" /><meta property="og:title" content="globo.com - Absolutamente tudo sobre notícias, esportes e entretenimento"/><meta property="og:type" content="website"/><meta property="og:url" content="http://www.globo.com/"/><meta property="og:image" content="http://s.glbimg.com/en/ho/static/globocom2012/img/gcom_marca_og.jpg"/><meta property="og:site_name" content="globo.com"/><meta property="og:description" content="Só na globo.com você encontra tudo sobre o conteúdo e marcas das Organizações Globo. O melhor acervo de vídeos online sobre entretenimento, esportes e jornalismo do Brasil."/><meta property="fb:page_id" content="224969370851736" /><meta name="description" content="Só na globo.com você encontra tudo sobre o conteúdo e marcas das Organizações Globo. O melhor acervo de vídeos online sobre entretenimento, esportes e jornalismo do Brasil."/><meta name="keywords" content="Notícias, Entretenimento, Esporte, Tecnologia, Portal, Conteúdo, Rede Globo, TV Globo, Vídeos, Televisão"/><meta name="application-name" content="Globo.com"/><meta name="msapplication-TileColor" content="#0669DE"/><meta name="msapplication-TileImage" content="http://s.glbimg.com/en/ho/static/globocom2012/img/globo-win-tile.png"/><link rel="canonical" href="http://www.globo.com/" /><link rel="shortcut icon" href="http://s.glbimg.com/en/ho/static/globocom2012/img/favicon.png" type="image/ico" /><link rel="apple-touch-icon-precomposed" sizes="57x57" href="http://s.glbimg.com/en/ho/static/touchphone/img/apple-touch-icon-iphone.png" /><link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://s.glbimg.com/en/ho/static/touchphone/img/apple-touch-icon-ipad.png" /><link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://s.glbimg.com/en/ho/static/touchphone/img/apple-touch-icon-iphone-retina.png" /><link rel="stylesheet" href="http://s.glbimg.com/en/ho/static/CACHE/css/082e66513a97.css" type="text/css" media="screen" /><link type="text/css" rel="stylesheet" media="screen" href="http://s.glbimg.com/en/ho/o/home/desktop/ajustes29.css" /><!--[if lt IE 10]><script type="text/javascript" src="http://s.glbimg.com/en/ho/static/CACHE/js/d783f8b1c48f.js"></script><![endif]--><script type="text/javascript" src="http://s.glbimg.com/en/ho/static/CACHE/js/2c08dc1b8056.js"></script></head><!--[if lt IE 7 ]><body class="ie ie6"><![endif]--><!--[if IE 7 ]><body class="ie ie7"><![endif]--><!--[if IE 8 ]><body class="ie ie8"><![endif]--><!--[if gt IE 8]><body class="ie ie9gt"><![endif]--><!--[if !IE]><!--><body><!--<![endif]--><script type="text/javascript">

Cassiano Ricardo Mourão

unread,
Jun 25, 2013, 8:32:56 AM6/25/13
to php-b...@googlegroups.com
html beautifier, dá uma olhada



--
Você está recebendo esta mensagem porque se inscreveu no grupo "php-brasil" dos Grupos do Google.
Para cancelar a inscrição neste grupo e parar de receber seus e-mails, envie um e-mail para php-brasil+...@googlegroups.com.
Para postar neste grupo, envie um e-mail para php-b...@googlegroups.com.
Visite este grupo em http://groups.google.com/group/php-brasil.
Para obter mais opções, acesse https://groups.google.com/groups/opt_out.
 
 

Gihovani Demétrio

unread,
Jun 25, 2013, 8:50:55 AM6/25/13
to php-b...@googlegroups.com
Leonay 


Acredito que seja isso que você procure.

Gihovani Demétrio

unread,
Jun 25, 2013, 8:53:37 AM6/25/13
to php-b...@googlegroups.com

Leonay

unread,
Jun 25, 2013, 8:58:41 AM6/25/13
to php-b...@googlegroups.com
BLz, mais me tira uma duvida: No Notepad++  tem como eu Remover Espaços e EOL desnecessários, assim ele fica tudo numa linha só, mais fica muito trabalhoso na hora da edição, isso pode ser feito de forma global automática via programação?


Sem mais,

Atenciosamente,
Helionay Cronemberger Araújo
+55 (86) 9930-9668 <tim/>
+55 (86) 9534-4754 <claro/>

Cassiano Ricardo Mourão

unread,
Jun 25, 2013, 9:03:42 AM6/25/13
to php-b...@googlegroups.com
vc ja viu o link que o cara postou? ja googlou por html beautifier?
ja googlou por css compressor, css compactor, html compresso, html compactor?
 
procura primeiro, que estamos falando exatamente disso.

Leonay

unread,
Jun 25, 2013, 9:10:55 AM6/25/13
to php-b...@googlegroups.com
Desculpe-me Cassiano, nao tinha visto as outra postagem, tinha visto apenas as sua..


Sem mais,

Atenciosamente,
Helionay Cronemberger Araújo
+55 (86) 9930-9668 <tim/>
+55 (86) 9534-4754 <claro/>



Cassiano Ricardo Mourão

unread,
Jun 25, 2013, 9:20:32 AM6/25/13
to php-b...@googlegroups.com
beleza

Matheus Ferreira Machado

unread,
Jun 26, 2013, 8:17:17 AM6/26/13
to php-b...@googlegroups.com
Eu uso em minhas aplicações:
layout
<?php ob_start(); ?>
CONTEUDO
<?php
$data = ob_get_contents();
ob_clean();
echo utf8_encode(preg_replace(array('/<!--(.*)-->/Uis', '/\>[^\S ]+/s', '/[^\S ]+\</s', '/(\s)+/s'), array('', '>', '<', '\\1'), utf8_decode($data)));
ob_end_flush();
?>

Remove até os comentários <!-- -->
Abraços,
Matheus Ferreira Machado
about.me/matheusdev

Matheus Ferreira Machado

unread,
Jun 26, 2013, 8:30:06 AM6/26/13
to php-b...@googlegroups.com
echo utf8_encode(preg_replace(array('/<!--(.*)-->/Uis', '/\/\*.*\*\//Uis', '/\>[^\S ]+/s', '/[^\S ]+\</s', '/(\s)+/s'), array('', '', '>', '<', '\\1'), utf8_decode($data)));

Retira também os comentários em javascript/css do html.

Leonay

unread,
Jun 26, 2013, 10:14:31 AM6/26/13
to php-b...@googlegroups.com
Cara isso mesmo que estava procurando... Valeu pela força de todos. =)


Sem mais,

Atenciosamente,
Helionay Cronemberger Araújo
+55 (86) 9930-9668 <tim/>
+55 (86) 9534-4754 <claro/>



Eduardo Kraus

unread,
Jun 26, 2013, 8:24:46 PM6/26/13
to php-brasil



Em 25 de junho de 2013 09:24, Leonay Cronemberger <lho...@gmail.com> escreveu:

Cleonilson Vieira

unread,
Jun 26, 2013, 9:53:58 PM6/26/13
to php-b...@googlegroups.com
Olá..ja fiz o mesmo com codigos javascript, porem me pergunto o real intuito disso..rsrs..ganho de performance ? vlw. 

Eduardo Kraus

unread,
Jun 27, 2013, 2:27:50 AM6/27/13
to php-brasil
Diminuir o tempo total que o site demora para abrir.

Olhe, por exemplo, o meu site http://www.cidadedesaobonifacio.com.br/ que apliquei tudo que eu conheço de compactação e até estou usando o WEBP do Google... Chegar o máximo possível assim: https://developers.google.com/speed/pagespeed/insights#url=www.cidadedesaobonifacio.com.br&mobile=false

Kinn Coelho Julião

unread,
Jun 27, 2013, 3:07:26 PM6/27/13
to php-b...@googlegroups.com
Recomendo ainda dar uma olhada em compressão GZIP.
ele não comprime de forma literal o HTML, mas sim o pacote...
relacionado a CSS e JS, eu recomendo dar uma olhada no https://github.com/kriswallsmith/assetic

tecnico kaio

unread,
Jun 27, 2013, 3:16:04 PM6/27/13
to php-b...@googlegroups.com
Galera, por exemplo, em determinadas aplicações o uso da função ob_  não pode consumir um pouco mais de memória do servidor, ou exceder o limite ?

Eduardo Kraus

unread,
Jun 27, 2013, 4:51:37 PM6/27/13
to php-brasil
Sim, consome memória porque fica todo o HTML guardado dentro da memória aguardando o término da execução do script. Agora não sei responder se esta memória se soma na memória limite de processamento do PHP ou é memória do apache que é usada.




Matheus Ferreira Machado

unread,
Jun 27, 2013, 5:40:19 PM6/27/13
to php-b...@googlegroups.com
Eduardo, eu uso algo parecido com o que você postou no seu blog para os css e js (com zf2), eu compacto eles e guardo no cache (apc) teve uma melhora de desempenho, pouca, mas teve.. :)

Eduardo Kraus

unread,
Jun 27, 2013, 9:22:53 PM6/27/13
to php-brasil
Guadar no APC? Como?



Matheus Ferreira Machado

unread,
Jun 28, 2013, 8:32:03 AM6/28/13
to php-b...@googlegroups.com
$cache = StorageFactory::factory(array(
                    'adapter' => array(
                        'name' => 'apc',
                        'options' => array(        
                            'ttl' => 180, // tempo de validade do cache
                        ),
                    ),
                    'plugins' => array(
                        'exception_handler' => array('throw_exceptions' => false),
                        'Serializer'    
                    )    
                ));
$cache->addItem($fileName,  $buffer);
$fileName seria o nome do js ou css
e o $buffer seria o nome do js ou css compactado..

Leonay

unread,
Jun 28, 2013, 9:41:01 AM6/28/13
to php-b...@googlegroups.com
Eduardo você fez alguma outra forma além de comprime e do gzip?


Sem mais,

Atenciosamente,
Helionay Cronemberger Araújo
+55 (86) 9930-9668 <tim/>
+55 (86) 9534-4754 <claro/>



Reply all
Reply to author
Forward
0 new messages