Inicio > WPO WordPress > Cómo optimizar Elementor en WordPress

Cómo optimizar Elementor en WordPress

Optimizar Elementor

Te voy a explicar cómo optimizar Elementor en WordPress.

Aunque es un builder que va mejorando su rendimiento, hay que optimizarlo igualmente, porque carga mucho CSS y JavaScript

Yo ya no uso Elementor, pero sí que he enseñado a optimizarlo a mis alumnos y se puede mejorar el rendimiento de Elementor para conseguir una web rápida.

astra elementor
pagespeed jose elementor
pagespeed eugenio elementor

Plugins para optimizar Elementor

Aunque hay muchos plugins para optimizar Elementor, prefiero plugins especializados en la optimización y no depender del hosting o herramientas de terceros.

Los plugins para optimizar Elementor que uso son WP Rocket, Perfmatters e Imagify.

Cómo optimizar Elementor en WordPress

Elige un hosting adecuado para Elementor

Elementor necesita un hosting de calidad, puesto que necesita bastantes recursos.

Desde una localización adecuada, discos SSD, compresión GZIP, versión, memoria y tiempo de ejecución de PHP adecuados y más.

Revisa mi guía del mejor hosting para WordPress.

Optimiza los recursos de Elementor

Aunque no consume recursos para tirar la web, puede que si lo hagan el tema o los plugins con los que se use.

Por eso, veo muchas webs en las que Elementor no carga y no es culpa de este, es que no se optimizan los recursos.

Lo ideal es desactivar Elementor en los tipos de contenido que no se usan, además de desactivar los colores por defecto y que use los del tema.

Hay optimizar el heartbeat o latido de WordPres y el cron o programador de tareas.

El primero se hace con el plugin Perfmatters y el segundo dependiendo del hosting.

Cachea Elementor

La caché convierte las páginas PHP + base de datos, en páginas HTML estáticas mucho más rápidas.

Hay plugins de caché tan sencillo como activar y listo, como WP Rocket.

Aunque dependiendo del tipo de web, puede que haga falta optimizar cómo se ejecuta esa caché.

Optimiza las imágenes de Elementor

La optimización de imágenes es algo básico en toda optimización.

Hay que reducir el peso, convertir las imágenes a formatos más ligeros como WebP y aplicar carga diferida o Lazy load, para que sólo se carguen cuando el usuario llega a ellas.

Revisa mi guía de optimizar imágenes en WordPress.

Optimiza las fuentes de Elementor

Una de las peores cosas que tiene Elementor es las fuentes que usa.

Puede que se esté usando fuentes personalizadas en cada uno de los textos, lo que aumenta el número de estas.

Lo ideal es configurar las fuentes en el tema y que Elementor use las fuentes predeterminadas.

Además, recomiendo no usar sus fuentes de iconos y sustituirlos por iconos SVG.

Optimiza el CSS de Elementor

Elementor carga mucho CSS y hay que optimizarlo.

Hay que minimizar el código, para que se elimine lo que sólo sirve a nivel desarrollo.

Y por último, optimizar la entrega de CSS, eliminando el CSS que no se use en cada URL y ya depende del plugin que se use.

Si haces esto, no hace falta la combinación de CSS y es más, es algo que ya no se necesita en casi ninguna web.

Para optimizar los scripts también recomiendo WP Rocket.

Pero hay que tener cuidado al optimizarlo, porque puede romper el diseño de la web y explico cómo solucionarlo en mi libro WPO para WordPress o en WPOptimizers si también quieres tener soporte personalizado y aprender más sobre WordPress.

Optimiza el JavaScript de Elementor

Elementor carga bastante JavaScript y se optimiza de forma parecida al CSS.

Lo primero es minificar el JavaScript, para que ocupe lo mínimo posible.

Después, activar la carga diferida de JavaScript, para que este no bloquee el navegador.

Sobre la combinación, puede ser recomendable, pero sólo si la web carga pocos scripts.

De lo contrario, se creará un archivo JavaScript combinado pesado y será peor que dejarlos sin combinar.

Usa un CDN con Elementor

Si tu web tiene público de otros países, es recomendable usar un CDN.

Un CDN o red de distribución de contenido, cargará los archivos estáticos de Elementor desde la localización más cercana al usuario.

Aunque Cloudflare es gratis, yo uso y recomiendo BunnyCDN.

Optimiza tu Elementor

Las tareas son similares a las de optimizar WordPress, pero dependiendo de la web, puede hacer falta hacer ajustes especiales.

Espero que te sea de utilidad.