He tenido muchas preguntas a lo largo de los años sobre por qué la puntuación de PageSpeed de Divi es siempre tan baja, especialmente para móviles. Fuera de la caja Divi generalmente puntuaciones OK, pero cada plugin que se agrega reduce la puntuación de 1-3 puntos. Tiendo a añadir un conjunto común de plugins para añadir características estándar a nuestros sitios que hace bajar la puntuación de velocidad general.

Prueba PageSpeed de Google

Afortunadamente, la puntuación de PageSpeed no es el fin de la métrica de velocidad del sitio. Yo lo considero más bien un diagnóstico que te permite saber qué debes ajustar en tu sitio. El tiempo real que se tarda en cargar una página es una medida más importante de la velocidad del sitio. Suelo remitir a la gente a webpagetest.org. Cuando utilizan esa herramienta, Divi suele obtener una puntuación bastante alta.

La forma más rápida y fácil de mejorar su puntuación es simplemente eliminar el contenido de su sitio. Las imágenes grandes, las animaciones, las ventanas emergentes, el rastreo y otras características comunes de la web reducen su puntuación debido al tiempo que se tarda en enviarlas al navegador de sus visitantes. Lamentablemente, no siempre es posible eliminar elementos sin cambiar la experiencia del sitio web y el mensaje que intenta transmitir.

El artículo de Elegant Theme sobre la velocidad del sitio hace un gran trabajo al cubrir la mayoría de los aspectos de la aceleración de Divi. Hay una gran cantidad de información allí, pero los pasos que he visto mejorar las puntuaciones más son:

1. Utilizar un alojamiento de calidad. Esta es una de las opciones más críticas que puede tener para la velocidad de su sitio. La mayoría de los sitios que he visto con problemas serios están usando un alojamiento compartido barato. Consigue un alojamiento dedicado para obtener la mejor experiencia.
2. Reformatea y reduce el tamaño de todas las imágenes para que se carguen más rápido sin perder resolución.
3. Utilice una técnica de LazyLoad para mostrar las imágenes más tarde en el proceso de carga de la página. Si has configurado tus imágenes correctamente, puedes cargar primero las partes de texto de tu sitio (HTML, CSS, JavaScript, etc.) mientras esperas a que se descarguen las imágenes. Las partes de texto de una página suelen ser más pequeñas y se cargan antes que las imágenes.
4. Utiliza una red de distribución de contenidos (CDN) como Cloudflare para mantener copias de tu sitio en diferentes lugares del mundo para acelerar los tiempos de carga en el lugar donde se encuentran los visitantes.
5. Minimice los archivos CSS y JavaScript seleccionados para reducir el tamaño de la página.
6. No hay una regla rígida para configurar la compresión de archivos, la ubicación de carga de archivos CSS/JavaScript y el aplazamiento de archivos, ya que los sitios se personalizan lo suficiente como para que una regla no funcione. Una buena configuración inicial es minimizar, mover al pie de página, y diferir todo excepto las hojas de estilo padre e hijo, el archivo principal de JQuery (jquery.js), y las fuentes. Después de eso, hay que experimentar un poco para conseguir la configuración correcta. Su artículo entra en más detalle sobre cómo hacer realmente estos cambios utilizando varias herramientas de optimización.

Para tratar de exprimir algunos puntos extra de PageSpeed, he encontrado algunos consejos más de velocidad de otras personas que funcionan bien para Divi. Estos consejos no son míos pero he encontrado que son relevantes para el tema Divi. Requieren que cambies el archivo functions.php de tu tema, así que asegúrate de tener acceso a él antes de seguir adelante.

• Asegúrate de cargar bien el tema hijo. Durante años lo he estado haciendo de forma incorrecta utilizando estilos en línea. Esta es la forma correcta de cargar un tema hijo y requiere menos de esas preciosas llamadas al servidor.
• Gutenberg. Si solo vas a utilizar el constructor de páginas Divi, no necesitas el editor Gutenberg de WordPress. Elimina las llamadas a él usando esta técnica.
• Dashicons y más. Este artículo tiene un montón de grandes consejos de optimización de la velocidad también. El consejo que siempre uso de él es el consejo #13 para eliminar la fuente Dashicons de WordPress del front end. Esos casi nunca son utilizados por mí cuando se ejecuta Divi. Si no usas un plugin, elimina las cadenas de consulta (#1) y desactiva los emoticonos (#3) a mano también.
• Carga tus fuentes localmente. Cargar las fuentes de Google desde el CDN de Google debería mejorar tu velocidad, pero PageSpeed te pone pegas por esto, ya que es otra llamada externa.

Con suerte, estos pasos te permitirán sacar esos últimos puntos de la puntuación de PageSpeed. Si necesitas ayuda para optimizar la velocidad de tu sitio, nuestro servicio de alojamiento es rápido y sabemos cómo optimizar sitios. Póngase en contacto con nosotros y háganos saber cómo podemos ayudar a acelerar su sitio.

Si desea saber más visite: redteca.com