Cómo optimizar la configuración de Elementor para un mejor rendimiento

1. Instale Elementor y configure los ajustes

Después de instalar Elementor, vaya a "establecer" y configurado adecuadamente:

  • Ficha GeneralSeleccione los tipos de entrada para los que desea utilizar Elementor. Si algunos tipos de entrada personalizados (CPT) no requieren Elementor, desactiva la compatibilidad con ellos.
  • Ficha AvanzadoSe recomienda configurar el método de impresión CSS como "archivo externo". Si es posible, intente almacenar las fuentes localmente y desactive la compatibilidad con Google Fonts. Si necesita utilizar fuentes de Google, seleccione "conmutador (telecomunicaciones)"para cargar.
  • Pestaña FuncionesActivar funciones necesarias y desactivar las no utilizadas. Útil para optimizar la salida DOM, la carga de recursos, etc.
Image[1] - Cómo optimizar los ajustes de Elementor para un mejor rendimiento - Photonflux.com | Servicio profesional de reparación de WordPress, alcance global, respuesta rápida

2. Optimizar los widgets con el Gestor de elementos

Imagen [2] - Cómo optimizar los ajustes de Elementor para un mejor rendimiento - Photonflux.com | Servicio profesional de reparación de WordPress, alcance global, respuesta rápida

La función Gestor de elementos de Elementor muestra todos los widgets disponibles, incluidos los widgets de otros plugins. Puedes ver cuántas veces se ha utilizado cada widget, para que puedas decidir qué widgets menos utilizados desactivar.

Imagen [3] - Cómo optimizar los ajustes de Elementor para un mejor rendimiento - Photonflux.com | Servicio profesional de reparación de WordPress, alcance global, respuesta rápida

3. Fuentes e iconos cargados localmente

La mejor solución es cargar las fuentes y los iconos localmente y precargarlos en la primera pantalla. Después de añadir fuentes e iconos personalizados, es posible desactivar la carga por defecto de fuentes e iconos. Para ello, añade el siguiente código al archivo functions.php para desactivar los iconos nativos de Elementor Eicons::

add_action('wp_enqueue_scripts', 'disable_eicons', 11);
function disable_eicons() {
    wp_dequeue_style('elementor-icons'); function disable_eicons('wp_enqueue_scripts'); function disable_eicons()
    wp_deregister_style('elementor-icons');
}

4. Optimizar el diseño

El diseño de Elementor se compone de secciones, columnas y widgets, y cuantos más elementos haya, más peticiones habrá. Aquí tienes algunas sugerencias de optimización:

  • Reduzca al mínimo el número de secciones, columnas y widgets.
  • Utilice widgets "Imagen + Texto" en lugar de widgets separados.
  • Establezca fuentes y colores utilizando estilos globales.
  • Utiliza la función de carga diferida para los vídeos.

5. Optimización de cabeceras y pies de página

La cabecera se encuentra en la primera pantalla, y es útil para los indicadores de velocidadtener el mayor impacto. Intente utilizar HTML responder cantando CSS Construya la cabecera. Los pies de página, las barras laterales y otros elementos globales deben seguir la misma lógica.

6. Uso de plug-ins de optimización y almacenamiento en caché

Imagen [4] - Cómo optimizar los ajustes de Elementor para un mejor rendimiento - Photonflux.com | Servicio profesional de reparación de WordPress, alcance global, respuesta rápida

Los plugins de optimización y almacenamiento en caché son esenciales para los sitios web basados en Elementor. Recomendado WP MeteorPlugins como Flying Press y Perfmatters pueden mejorar drásticamente la velocidad de su sitio web.

7. Limitar los complementos de Elementor

Imagen [5] - Cómo optimizar la configuración de Elementor para mejorar el rendimiento - Photonflux.com | Servicio profesional de reparación de WordPress, alcance global, respuesta rápida

Prueba y comprueba cuidadosamente la funcionalidad de los plugins de Elementor antes de instalarlos, eligiendo plugins que no sobrecarguen el sitio y que sean realmente necesarios. Evita instalar plugins enteros solo para usar unos pocos widgets y evitar conflictos entre plugins.

Resumen:

A la hora de optimizar el rendimiento de tu sitio web Elementor, es necesario realizar los ajustes adecuados tras la instalación, como seleccionar los tipos de post compatibles, utilizar métodos de impresión CSS con métodos de archivos externos, almacenar fuentes localmente y optimizar la salida DOM y la carga de recursos, entre otras funciones. Además, la optimización de widgets con el Gestor de elementos, la carga local de fuentes e iconos, la optimización de diseños, el uso de plugins de optimización y almacenamiento en caché y la restricción de complementos de Elementor pueden mejorar drásticamente la velocidad de carga y el rendimiento general de tu sitio.


Contacte con nosotros
¿No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de pequeñas empresas
Servicio de atención al cliente WeChat
Servicio de atención al cliente WeChat
Tel: 020-2206-9892
QQ咨询:1025174874
(iii) Correo electrónico: info@361sale.com
Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres
© Declaración de reproducción
Este artículo fue escrito por: xiesong
EL FIN
Si le gusta, apóyela.
felicitaciones0 compartir (alegrías, beneficios, privilegios, etc.) con los demás
comentarios compra de sofás

Por favor, inicie sesión para enviar un comentario

    Sin comentarios