WordPress: minimización de HTML para Google PageSpeed

compress-html

Una cosa simple que se puede hacer para mejorar la velocidad de carga de la páginas de WordPress es la minimización del HTML y luego implementar un sistema de cache. En este tutorial vamos a enseñar una manera simple de minimizar el código de HTML.

Hook de asistencia

Primero tenemos que añadir un hook de asistencia, esto es para sólo afectar las páginas frontales y no afectar la area administrativa.

add_action( 'init', 'add_compress_html_hook' );

El Hook

Ahora nos aseguramos que el hook sólo corra en la area frontal.

function add_compress_html_hook(){
  if( is_admin( ) )
    return;

  add_action( 'template_redirect', 'compress_html_markup', 1 );
}

Compression

Finalmente añadimos las funciones de compression.

function html_minify_buffer( $html ){

  //remove comments
   $html = preg_replace('/<!--(?!\s*(?:\[if [^\]]+]|<!|>))(?:(?!-->).)*--&gt;/s', '', $html);
  $html = preg_replace('/&gt;\s+&lt;', $html);

  return $html;
}

function compress_html_markup( ){
  ob_start( 'html_minify_buffer' );
}

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *