¡Hola!

En primer lugar, lea este artículo: https://onlinemediamasters.com/perfmatters-settings/

entonces, lee esto: https://www.elegantthemes.com/blog/divi-resources/divi-speed-optimization

prueba, compara y al final mira este vídeo de YouTube (de más de 2 horas de duración):

...y por último - este artículo es interesante también - de nuevo sobre el rendimiento de Divi: https://onlinemediamasters.com/divi-slow-loading-website/

Buena suerte.

Saludos, Mik

El uso de Perfmatters con el Divi puede mejorar enormemente el rendimiento.

Sin embargo, hay algunas funciones que deben configurarse con cuidado para evitar conflictos.

Aquí están mis pensamientos + ajustes:

1. Marco modular dinámico

• Para qué sirve: Carga sólo los módulos Divi utilizados en la página, reduciendo el bloat.
• Conflicto potencial: Ninguna. Perfmatters no dispone de una función similar.
• Recomendación: Habilite esto en Divi para una mejor eficiencia.

2. CSS dinámico

• Para qué sirve: Genera y carga dinámicamente sólo el CSS necesario para la página.
• Conflicto potencial: Ninguna. Perfmatters no interfiere con la carga de CSS específica de Divi.
• Recomendación: Habilitar CSS dinámico en Divi.

3. Iconos dinámicos

• Para qué sirve: Carga sólo las fuentes de iconos utilizadas en la página.
• Conflicto potencial: Ninguno. Perfmatters no gestiona el comportamiento de las fuentes de los iconos.
• Recomendación: Habilítelo en Divi para minimizar las cargas de fuentes de iconos.

4. Cargar hoja de estilos dinámica en línea

• Para qué sirve: Carga estilos dinámicos en línea en lugar de utilizar hojas de estilo externas.
• Conflicto potencial: Ninguno. Perfmatters no maneja directamente estilos en línea.
• Recomendación: Pruebe esta opción. Puede mejorar el rendimiento para CSS pequeños, pero podría perjudicarlo si los estilos en línea son extensos.

5. CSS crítico

• Para qué sirve: Genera y carga CSS crítico para el contenido de la mitad superior de la página.
• Conflicto potencial: Ninguno. Perfmatters no genera CSS crítico.
• Recomendación: Habilítalo en Divi para un renderizado más rápido.

6. Altura crítica del umbral

• Para qué sirve: Establece la altura de la ventana gráfica para la generación de CSS crítico.
• Conflicto potencial: Ninguna.
• Recomendación: Ajuste esta configuración según sea necesario en función de su diseño. No se solapa con Perfmatters.

7. Bibliotecas dinámicas JavaScript

• Para qué sirve: Carga sólo las librerías JavaScript necesarias.
• Conflicto potencial: El gestor de scripts de Perfmatters puede entrar en conflicto si desactiva manualmente las mismas bibliotecas.
• Recomendación: Habilítelo en Divi, pero evite el control manual de scripts en Perfmatters a menos que sea necesario.

8. Desactivar WordPress Emojis (todavía se cargan en el sistema operativo y el navegador)

• Para qué sirve: Evita que WordPress cargue scripts y estilos relacionados con emoji.
• Conflicto potencial: Perfmatters ofrece la misma opción.
• Recomendación: Utilice esta opción en Divi o Perfmatters, pero no en ambos.

9. Aplazar el bloque CSS de Gutenberg

• Para qué sirve: Aplaza la carga del bloque CSS de Gutenberg.
• Conflicto potencial: Perfmatters también puede aplazar Gutenberg CSS.
• Recomendación: Utilice esta opción en Divi o Perfmatters, no en ambos.

10. Mejorar la carga de Google Fonts

• Para qué sirve: Optimiza la carga de Google Fonts combinando o aplazando las solicitudes.
• Conflicto potencial: Perfmatters ofrece una optimización similar de Google Fonts.
• Recomendación: Use esto en Divi o Perfmatters. Pruebe ambos para ver cuál funciona mejor.

11. Aplazar jQuery y jQuery Migrate

• Para qué sirve: Aplaza la carga de jQuery y su script de migración.
• Conflicto potencial: Perfmatters ofrece una función similar.
• Recomendación: Use esto en Divi o Perfmatters, pero no en ambos. Pruébalo con cuidado, ya que diferir jQuery puede causar problemas de compatibilidad con plugins o scripts personalizados.

Recomendaciones generales:

• Utilice las funciones superpuestas en Divi o Perfmatters, no en ambos.
• Prueba, prueba, prueba: Utiliza herramientas como Google PageSpeed Insights o GTmetrix para controlar el rendimiento.
• ¡¡¡Y LO MÁS IMPORTANTE!!! Utilice el Gestor de Script de Perfmatters: Proporciona un control preciso sobre los scripts y los estilos, ¡algo que Divi no ofrece!

Salud, madb 🙂