Pagespeed: combine_css con WordPress

Si usas WordPress con mod_pagespeed o ngx_pagespeed y usas el filtro combine_css, notarás que no pasa nada. ¿Qué hacer?

La razón de los problemas: El módulo Pagespeed no considera las inclusiones de CSS que tienen diferentes identificaciones. WordPress establece el nombre del CSS como ID durante la integración, al final se ve así

link rel='hoja de estilo'. id='wp-pagenavi-css' href='/wp-content/plugins/wp-pagenavi/pagenavi-css.css?ver=2.70' type='text/css' media='all'/

La solución es quitar la identificación y el valor correspondiente. Para ello, puede utilizar una función correspondiente en el functions.php del tema:

function remove_style_id($link) {
        devuelve preg_replace("/id='.*-css'/", "", $link);
}
añadir_filtro('style_loader_tag', 'remove_style_id');

El fondo: el filtro style_loader_tag contiene la integración, la función remove_style_id no hace nada más que eliminar los valores de identificación en la salida final de la integración CSS en WordPress. El "problema" existe desde hace tiempo, en Codecentric.de esta solución ya se introdujo en 2011 descrito.

En definitiva, al final, con el funcionamiento combine_css el plugin de WordPress W3TC: el cacheo es resuelto directamente por Nginx a través del microcacheo, todas las demás optimizaciones de la página son hechas por Módulo Pagespeed en el servidor web. Este blog funciona con una configuración apropiada y por lo tanto logra muy buenos valores de índice de velocidad.

Deje un comentario

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

es_ESEspañol
Ir arriba