Nota importante: En las versiones actuales del plugin ya no existe lity.css así que no hay que optimizar nada en este sentido.
Aunque han anunciado que en próximas versiones dejarán de usar lity.css, la realidad es que ahora mismo el mejor plugin de cookies y cumplimiento de RGPD que hay, GDPR Cookie Compliance, utiliza Lity, lo que ralentiza en ocasiones bastante la velocidad de las webs, en ocasiones hasta 8 o 9 segundos.
Y esto es debido a que el plugin carga Lity desde las siguientes rutas, con la peculiaridad de que no se pueden – en principio – aplazar su carga, ni comprimir, ni nada:
/plugins/gdpr-cookie-compliance/dist/scripts/lity.js /plugins/gdpr-cookie-compliance/dist/styles/lity.css
Eso sí, de momento, los mismos autores del plugin recomiendan utilizar un par de acciones que, añadidas al archivo functions.php del tema activo o a tu plugin de personalizaciones, pueden mejorar bastante los tiempos de carga de tu web, a pesar de Lity.
Son estas líneas:
/* Optimizar la carga de lity.css del plugin de GDPR */ add_action( 'gdpr_enqueue_lity_nojs', '__return_false' ); add_action( 'gdpr_cc_prevent_ajax_script_inject', '__return_true' );
Una vez guardes los cambios podrás comprobar que mejoran tanto los tiempos de carga de tu web como la puntuación en Lighthouse, en mi caso hasta 6 puntos más, pasando de 91 a 97 de indicador de Performance.
Con este método, comprobarás que lity.css pasa a ser un recurso realmente ligero, que apenas afecta a la velocidad de tu web.
¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!
AVISO: Esta publicación hace 3 años o más que no se actualiza. Si es un código o un plugin podría no funcionar en las últimas versiones de WordPress, y si es una noticia podría estar ya obsoleta. Luego no digas que no te hemos avisado. ¡Ah! ¿te sirvió?, pues entonces nada :-)
Hola Fernando:
Funciona perfecto el método. He ganado un segundo en velocidad.
Muchas gracias por todo tu trabajo y por analizar mi web en «Destripando WEB,s.»
Un saludo
Esteban
Probado y funciona muy bien!! Mejora los resultados en Lighthouse, PageSpeed y GTmetrix.
@fernandot disfruta una helada y michelada cerveza de parte mia!! GRACIAS
Ummm, qué rica y fresquita 😀
Buenos días Fernando,
Ante todo gracias por tus publicaciones, las leo a menudo y sigo los consejos.
Voy a instalar GDPR Cookie Compliance, las líneas de código las puedo insertar mediante el plugin code snippet?.
Muchas gracias y buen fin de semana!!!!
Sí, sin problemas
Fernando muchas gracias por esta información de gran valor. Tengo una duda de novato: tan solo hay que copiar y pegar esas líneas en cualquier parte del archivo functions.php?
O por el contrario en alguna línea en concreto?
Para evitar mezclas de códigos siempre acostumbra a meterlos al final del archivo 🙂
Super útil siempre, como decías que habían prometido optimizarlo he hablado con el soporte técnico del plugin y me han dicho que ya lo han mejorado en las últimas versiones, aún así probaré a ver si mejora el rendimiento.
Gracias
Sí que ponía en los readme de las últimas versiones que habían mejorado la carga pero no decía nada específico de esto. La verdad es que no he probado si en las nuevas versiones ya no carga el lity.css. Avisa si ves novedades 😉
Fernando, los creadores de este plugin ya se cargaron lo del lity.css aunque tu fix nos vino muy bien a todos, pero quería preguntarte una cosa sobre este plugin… la ventana popin tarda uno o dos segundos en salir una vez cargada la página, lo que retrasa todo en core vitals…. ¿hay forma de que salga instantánea?
Hola! Buenas tardes, me ha surgido una ligera duda al respecto. ¿El código debo añadirlo en functions.php del tema padre o hijo?
Muchas gracias por el aporte!
Siempre del hijo. Si lo añades al del padre y lo actualizas se perderá todo lo que le añadas