Bufa Webmaster » comprimir http://www.bufa.es Recursos web en español Tue, 31 Jan 2012 23:47:29 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Comprimir código fuente html con PHP http://www.bufa.es/comprimir-codigo-html-php/ http://www.bufa.es/comprimir-codigo-html-php/#comments Sun, 16 May 2010 16:29:17 +0000 Jorge Maiden http://www.bufa.es/?p=378 Vamos a ver una función en php muy interesante si queremos reducir el peso de nuestras páginas web, eliminando espacios en blanco innecesarios en nuestro código html final. Quedándonos nuestro código fuente final limpio de espacios en blanco innecesarios, tabulaciones, etc…

En la función se utilizan expresiones irregulares, pero debemos tener cuidado con ella ya que consumen bastantes recursos en el servidor, pero si las utilizamos por ejemplo para para subir el contenido bienen muy bien.

<?php
//habilitamos el uso de búferes de salida
ob_start('comprimir_pagina');
?>
<html>
<head>
<title>Mi web</title>
</head>

<body>

    <div>
        Realizamos un par de tabulaciones
    </div>

</body>
</html>
<?php
// Una vez que el búfer almacena nuestro contenido utilizamos "ob_end_flush" para usarlo y deshabilitar el búfer
ob_end_flush();
// Función para eliminar todos los espacios en blanco
function comprimir_pagina($buffer) {
    $busca = array('/\>[^\S ]+/s','/[^\S ]+\</s','/(\s)+/s');
    $reemplaza = array('>','<','\\1');
    return preg_replace($busca, $reemplaza, $buffer);
}
?>

Resultado del código fuente final:


Realizamos un par de tabulaciones


[/cc]

]]> http://www.bufa.es/comprimir-codigo-html-php/feed/ 1 Comprimir CSS online con CSScompressor http://www.bufa.es/csscompressor/ http://www.bufa.es/csscompressor/#comments Mon, 10 May 2010 21:07:09 +0000 Jorge Maiden http://www.bufa.es/?p=356 Hay páginas web con tantos archivos CSS pueden llegar a utilizar una gran cantidad de ancho de banda del servidor, relentizanzo la carga de nuestra web. CSScompresor es una herramienta online con la que podemos reducir el tamaño de cualquier archivo CSS mediante la eliminación de los comentarios, sangría y mucho más.

Y lo mejor es que el nivel de compresión puede ser configurado a nuestro gusto manualmente.

http://www.csscompressor.com/

]]> http://www.bufa.es/csscompressor/feed/ 0 Comprimir archivos javascript http://www.bufa.es/comprimir-archivos-javascript/ http://www.bufa.es/comprimir-archivos-javascript/#comments Thu, 06 May 2010 23:01:01 +0000 Jorge Maiden http://www.bufa.es/?p=346 Actualmente los desarrolladores web utilizamos gran cantidad de código javascript en nuestros proyectos. Insertamos primero la libreria jQuery, Prototype, Mootools… y después insertamos los plugins o scripts necesarios… acumulando varios archivos JS en el documento. Todo este código no hace más que incrementar el peso de nuestra web.

Es muy importante optimizar al máximo el tamaño de estos scripts para reducir el proceso de descarga y ejecución de los mismos.

1º. Debemos intentar siempre usar los mínimos archivos javascript en el documento. Lo ideal sería poder usar 1-2 javascript. Por ejemplo cargariamos el jquery, y luego en otro archivo JS incluiriamos todos los plugins que necesitemos o nuestros scripts.

2º. Eliminar los caracteres innecesarios (espacios, saltos de linea y tabulaciones) del código para reducir su tamaño y de esta forma mejorar los tiempos de carga de la página.

3º. Comprimir los archivos javascript utilizando alguna herramienta como os comento más adelante. Con esta técnica se reduce el tiempo de respuesta en aproximadamente un 70%.

—

Existe una herramienta de Google, Closure Compiler que nos permite minimizar el código Javascript, así como analizar y eliminar el código no utilizado, reescribirlo y, por último, minimizarlo. Con esta herramienta podemos reducir el peso de nuestro JS en un 70%.

http://code.google.com/intl/es/closure/compiler/

]]> http://www.bufa.es/comprimir-archivos-javascript/feed/ 1