Como desactivar las animaciones en Divi

El constructor Divi es uno de los más famosos de WordPress en cuando a maquetación ya que es muy fácil de usar e intuitivo.

Pero como no todo es perfecto, el tema de Divi tiene unas lindas animaciones de entrada para las secciones que vienen activas por defecto el cual es un defecto.

¿Por qué es un problema las animaciones de entrada en Divi?

¡Cuando hablamos de optimización cada milisegundo cuenta! y las animaciones de de Divi que se ven al abrir cualquiera de las páginas, aunque son muy bonitas, le están aumentando 1 segundo más de carga a la web.

Por lo tanto lo mejor es desactivarlas.

El código para desactivar las animaciones de Divi es muy simple, solo se debe agregar el siguiente CSS ya sea en el tema hijo, personalizar o en algún plugins de CSS que sea de su preferencia.

.et_pb_section, .et_pb_section *{
	animation:none !important;
}

En nuestro caso lo agregamos a un tema hijo quedando de la siguiente manera:

desactivar animaciones en Divi con el tema hijo

¿Por qué es importante desactivar las animaciones en Divi?

Como dice el dicho una imagen dice más que mil palabra, en este caso mostramos 2 imágenes, el antes y el después.

Antes de desactivar inhabilitar y comprimir las imágenes

Es importante aclarar que la siguiente web ya estaba bien configurada con el cache antes de desactivar las animaciones y comprimir imágenes.

antes de desactivar las animaciones y comprimir imágenes

Después de desactivar las animaciones en Divi y comprimir las imágenes

Como resultado se nota no solo en la parte donde el performance subió al 88%, la diferencia más importante está en Speed Visualization donde se aprecia claramente la diferencia del tiempo de carga.

Con esto deberíamos tener en cuenta que no debemos agregar animaciones al inicio en nuestras webs si queremos que las mismas carguen rápido.

Deja un comentario

Soportescreen tag