Muchos de los que nos dedicamos al desarrollo web, no deseamos compartir (o dejarlo fácil) con otras personas nuestro trabajo de maqueta; y ésto es entendible debido a que nos ha tomado tiempo (soy culpable, también he «pirateado» estructuras!).

Hoy, voy a enseñarles cómo ofuscar el código fuente del HTML que mostramos en el navegador web, gracias a un tutorial de un blog amigo, ¿para qué reinventar la rueda?. Ojo, que ésto también nos serviría para mejorar la carga de la página (ofuscamos y ganamos unos puntitos en SEO).

Ofuscar código html

Lo que debemos hacer, es agregar el siguiente código en el inicio del documento (la primera línea) php de la página que queremos ofuscar. Ojo, que debe ser un archivo php.

<?php ob_start("comprimir_pagina"); ?>

Y luego éste código al finalizar el documento (sí sí!, la última línea del mismo archivo).

<?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) {

    $search = array(
        '/\>[^\S ]+/s',     // elimina espacios en blanco después de las etiquetas, excepto el espacio
        '/[^\S ]+\</s',     // elimina en blanco antes de las etiquetas, excepto el espacio
        '/(\s)+/s',         // Acortar múltiples secuencias de espacios en blanco.
        '/<!--(.|\s)*?-->/' // Borrar comentarios html
    );

    $replace = array(
        '>',
        '<',
        '\\1',
        ''
    );

    $buffer = preg_replace($search, $replace, $buffer);

    return $buffer;
   }
?>

Como vemos, ya está comentado (gracias icodeart :)) y podemos entenderlo fácilmente. Con ésto, ya tendríamos nuestro código html ofuscado y como mencionaba, una carga más rápida del archivo.

Es necesario mencionar, que el código es libre para todos 🙂Te gustó el post?

* Imágenes y código tomados de iCodeArt 🙂

Williams Azabache Sarmiento

Que puedo decir...