Acelera la carga de tu web controlando lity.css GDPR Cookie Compliance

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.

(1 votos, promedio: 5) Valora este artículo para ayudar a mejorar la calidad del blog

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!

Sobre el autor

12 comentarios en “Acelera la carga de tu web controlando lity.css GDPR Cookie Compliance”

  1. Probado y funciona muy bien!! Mejora los resultados en Lighthouse, PageSpeed y GTmetrix.
    @fernandot disfruta una helada y michelada cerveza de parte mia!! GRACIAS

  2. 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!!!!

  3. 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?

  4. 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

    1. 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 😉

  5. Ignacio Durán

    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?

  6. 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!

Deja un comentario

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

Información base sobre privacidad:
  • Responsable: Fernando Tellado ([email protected])
  • Fin del tratamiento: Moderación de comentarios para evitar spam
  • Legitimación: Tu consentimiento
  • Comunicación de los datos: No se comunicarán los datos a terceros salvo por obligación legal
  • Derechos: Acceso, rectificación, portabilidad, olvido

 

Ir arriba Ir al contenido