Cómo optimizar Elementor para obtener una alta puntuación en PageSpeed

¡Hola, querido lector! Una vez más, estoy aquí para brindarte una sencilla guía sobre cómo obtener una alta puntuación en PageSpeed utilizando Elementor, el popular constructor visual de WordPress.

Los 25 pasos para optimizar Elementor en términos de WPO

1. Optimiza los iconos de Elementor En general, los iconos pueden afectar el rendimiento de tu página web. Elementor ofrece una opción para convertir los iconos de Font Awesome en SVG, lo cual reduce su tamaño y mejora la velocidad de carga.
   
2. Utiliza tus propios iconos en Elementor En lugar de utilizar los iconos predeterminados, puedes subir tus propios iconos en formato .svg. Esto reduce la dependencia de fuentes externas y mejora el rendimiento de tu página web.
   
3. Elimina los Dashicons Los Dashicons son otra fuente de iconos que se cargan en tu página web. Eliminarlos puede reducir el peso de la página y mejorar la velocidad de carga.
   
4. Asegúrate de utilizar el tamaño adecuado de las imágenes Es importante ajustar el tamaño de las imágenes para que se muestren correctamente en diferentes dispositivos. Elementor no ofrece esta funcionalidad de forma nativa, pero puedes utilizar complementos como Dynamic Visibility for Elementor para mostrar imágenes con tamaños adecuados según el dispositivo.
   
5. Elige un hosting de calidad Contar con un hosting de calidad es fundamental para garantizar un buen rendimiento de tu sitio web. Considera optar por un servidor LiteSpeed en lugar de Apache o Nginx, ya que puede mejorar la velocidad de carga.
   
6. Utiliza un plugin de caché para Elementor Los plugins de caché son útiles para optimizar la entrega de archivos y mejorar el rendimiento de tu sitio web. Recomiendo utilizar WP Rocket, un plugin de caché popular que ofrece opciones específicas para Elementor.
   
7. Minimiza y optimiza el HTML, CSS y JS Utiliza herramientas como WP Rocket para minimizar y optimizar el código HTML, CSS y JS de tu sitio web. Esto reduce el tamaño de los archivos y mejora la velocidad de carga.
   
8. Desactiva el LazyLoad nativo de WordPress y activa el de WP Rocket Desactiva la carga diferida de imágenes nativa de WordPress y utiliza la opción de LazyLoad de WP Rocket. Esto optimiza la carga de imágenes y mejora la velocidad de carga de tu página web.
   
9. Genera un CSS crítico específico por URL Genera un CSS crítico específico para la sección visible al cargar una URL. Esto mejora la experiencia de usuario y cumple con las Core Web Vitals de Google. Puedes utilizar la función de generación de CSS crítico de WP Rocket para esto.
   
10. No utilices Elementor en todas las páginas Evalúa qué páginas realmente necesitan Elementor y evita utilizarlo en aquellas donde el diseño no sea tan relevante. Desactivar Elementor en páginas innecesarias puede mejorar el rendimiento general del sitio.
    
11. Aumenta la memoria asignada a WordPress y PHP Incrementa la memoria asignada a WordPress y PHP para evitar problemas de rendimiento. Puedes hacerlo modificando el archivo wp-config.php y ajustando los límites de memoria.
    
12. Limpia regularmente tu base de datos Elimina los borradores, páginas en la papelera y otros elementos innecesarios de tu base de datos. Utiliza herramientas como WP Rocket o plugins especializados en limpieza de base de datos para realizar esta tarea de forma regular.
    
13. Elimina los componentes JS y CSS no utilizados Identifica y elimina cualquier componente de Elementor que no estés utilizando en tu sitio web. Esto reduce la carga de recursos y mejora el rendimiento general.
    
14. Optimiza el HTML de Elementor Utiliza las opciones de optimización HTML de Elementor para mejorar el rendimiento. Estas opciones eliminan capas DIV innecesarias y mejoran la estructura del código.
    
15. No te excedas con los complementos Evita instalar demasiados complementos de Elementor, ya que pueden afectar el rendimiento de tu sitio web. Utiliza solo los complementos que realmente necesites.
    
16. Utiliza complementos modulares Si decides utilizar complementos, elige aquellos que sean modulares. Esto te permite cargar solo los módulos necesarios y evitar la carga innecesaria de recursosadicionales.
    
17. Utiliza una CDN Implementa una CDN (Red de Distribución de Contenido) para mejorar la velocidad de carga de tu sitio web. Una CDN distribuye tus archivos estáticos en servidores ubicados estratégicamente en todo el mundo, acelerando su entrega a los usuarios.
    
18. Optimiza tus imágenes Reduce el tamaño de tus imágenes y optimízalas para web. Utiliza herramientas de compresión de imágenes y considera utilizar el formato WebP para obtener archivos más livianos sin comprometer la calidad visual.
    
19. Optimiza las fuentes de Google Si utilizas fuentes de Google en tu sitio web, optimízalas para mejorar el rendimiento. Limita el número de fuentes y considera alojarlas de forma local en tu servidor en lugar de hacer una solicitud externa a los servidores de Google.
    
20. Optimiza las integraciones de terceros Si utilizas integraciones de terceros como Google AdSense, Google Analytics o videos de YouTube, optimízalas para minimizar su impacto en el rendimiento. Carga scripts de forma diferida, utiliza LazyLoad y considera alojar los archivos de forma local cuando sea posible.
    
21. Aloja localmente el código de Google Analytics en Elementor Si solo utilizas Google Analytics en Elementor, aloja el código de seguimiento de forma local en tu servidor para reducir las solicitudes externas. Puedes hacerlo utilizando complementos como Perfmatters.
    
22. Aprovecha el Preload, Prefetch y Preconnect Utiliza las técnicas de precarga, prefetch y preconexión para mejorar el rendimiento de tu sitio web. Estas técnicas ayudan a anticipar las solicitudes de recursos y establecer conexiones tempranas con servidores externos, optimizando la carga de tu página.
    
23. Optimiza el código de Google AdSense en Elementor Si utilizas Google AdSense en Elementor, optimiza el código para mejorar el rendimiento. Utiliza técnicas de precarga de peticiones DNS y considera utilizar complementos de caché para optimizar su carga.
    
24. Considera utilizar el tema «ASTRA» .El tema «ASTRA» es una opción liviana y minimalista que complementa perfectamente el constructor visual. Al ser un tema ligero, evita la duplicidad de funcionalidades y mejora el rendimiento general.
    
25. Elimina los scripts, estilos y fragmentos de carrito de WooCommerce si no los utilizas Si no utilizas una tienda online desarrollada con WooCommerce, elimina los scripts, estilos y fragmentos de carrito innecesarios para mejorar el rendimiento de tu sitio web.