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.

Última actualización el 28 febrero 2024 a las 12:03 . Advertimos que los precios aquí expuestos pueden haber variado entretanto. Toda la información sin garantía.

Deje una respuesta

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