Cómo acelerar un director o sitio web de mercado creado con HivePress

Hoy en día, la velocidad de carga del sitio web y el rendimiento general es crucial para una buena experiencia de usuario y para los motores de búsqueda. Recientemente, Google ha anunciado que comenzará a medir los vitales de la web principales, como los puntajes de estabilidad visual y los tiempos de carga de páginas, para que los sitios web determinen si calificarán para un aumento en la señal de clasificación. Además, las páginas con un tiempo de carga más largo tienden a tener tasas de rechazo más altas y un tiempo promedio más bajo en la página. En este tutorial, explicaremos cómo aumentar el rendimiento de su sitio vertiginalmente configurando el caché, optimizando los estilos y los scripts, así como la optimización del contenido de los medios. Utilizaremos el complemento de caché de Litespeed, una solución todo en uno para acelerar el sitio web, con muchas herramientas y funciones para que su sitio sea rápido.
Para fines de prueba, utilizaremos un sitio web de Director de WordPress creado con HivePress y algunas extensiones junto con su tema de HIVE predeterminado. Sin embargo, si su sitio no está construido con el complemento HivePress, puede seguir los mismos pasos para cualquier otro sitio web de WordPress. Así que comencemos con la instalación de Litespeed Cache. Instalación de Litespeed Cache primero, debe instalar el complemento de caché de Litespeed. Puede hacerlo fácilmente desde el tablero de WordPress, accediendo a la sección del complemento> Agregar nuevo. Encuéntralo a través de la barra de búsqueda y continúe instalándolo. Cuando se complete la instalación, haga clic en el botón “Activación” para activar el complemento.
Una vez instalado y activado, puede comenzar a optimizar su sitio. Primero pasemos por la configuración básica de memoria de caché. Optimización de caché Para ajustar la configuración básica de la memoria de caché, explore el caché de Litespeed> caché. Hay muchas secciones diferentes en esta página, pero solo pasaremos por la configuración más importante. Configuración de caché Aquí, recomendamos cálidamente que deshabilite la caché para usuarios conectados y solicitudes de API. Esto es necesario para que el complemento HivePress funcione correctamente. Una vez que active o desactive ninguna opción, no olvide guardar los cambios. Navegue a la sección del objeto y verifique si los objetos de los objetos están disponibles en su sitio. La prueba de conexión debe mostrarse como “pasado”. Si es así, puede activar el caché de objetos, y esto mejorará drásticamente el rendimiento del sitio web memorizando la base de datos de la base de datos en el caché. No debe haber problemas al pasar la prueba de conexión si su sitio se basa en el servidor OpenLiTePeed o su proveedor de alojamiento acepta el almacenamiento de caché.

El caché del navegador eventualmente explorará la sección del navegador de caché y se asegurará de que esté activada. Esto almacenará todo el contenido estático en caché, como los estilos, scripts e imágenes del usuario.

Optimización de la página El siguiente paso es navegar por el caché de LitaSpeed> Optimización de la página para optimizar estilos, scripts y fuentes. Optimización de CSS para comenzar con la sección Configuración de CSS. Aquí le recomendamos que active la configuración de minimización de .CSS Minify y CSS Combine. Si activa esta opción, todos los espacios en blanco adicionales, los nuevos caracteres de línea y otros datos innecesarios o redundantes se eliminarán automáticamente de los archivos CSS sin afectar los estilos del sitio. de la web.

CSS Combine-by activándolo, todos los archivos CSS individuales se combinarán en un solo archivo CSS. De esta manera, el navegador envía una solicitud de archivo único en lugar de solicitar cada archivo CSS separado, reduciendo el número de solicitudes HTTP.
Optimización de las fuentes Si su sitio usa las fuentes de Google, hay algunas opciones para optimizar la carga de fuentes. En la misma configuración de CSS de sección, puede ejecutar y establecer la opción Opción de optimización para cambiar, de modo que la fuente alternativa se use para mostrar el texto hasta que la fuente personalizada esté completamente descargada.
Una vez que establezca la opción de cambio, vaya a la sección de optimización de la misma página y active la opción de carga de fuentes de Google Asincron para cargar las fuentes de Google mientras se reproduce la página. Optimización de JS ahora para ir a la sección JS Configuración para optimizar los archivos JavaScript. Aquí le recomendamos que siga los mismos pasos que para la configuración de CSS. Simplemente active las opciones JS Minify y JS Combine para que los archivos JS también se reduzcan y se unan en un solo archivo. También existe la opción de carga JS diferida que realmente puede marcar la diferencia. Después de activar esta configuración, los scripts se cargarán en segundo plano, mientras que el navegador reproduce la apariencia y los estilos de la página. Los scripts a menudo son “más pesados” que HTML, de modo que la carga y ejecución de los scripts que no son necesarios para reproducir la página inicial se pueden posponer y cargar más tarde. Permita que los visitantes usen el sitio casi de inmediato. Después de verificar esta opción, asegúrese de que el sitio frontal no esté interrumpido porque algunos scripts pueden requerir carga antes de que se represente la página.

Optimización de medios Finalmente, debe optimizar su contenido multimedia. Debido a que las imágenes a menudo representan aproximadamente la mitad del tamaño de una página web, convertir todas las imágenes en formato web (que es en promedio un 30% más bajo que otros formatos) puede mejorar significativamente la velocidad de carga de la página. En la configuración de la optimización de imágenes> Cache> Optimización>, puede convertir las imágenes de su sitio en Frump Activate creando Setts Creations WebP y imagen de reemplazo.


Después de verificar estas opciones, explore la sección del resumen de optimización de imágenes para obtener la tecla de dominio y optimice las imágenes haciendo clic en el botón “Enviar optimización” hasta que la puntuación de optimización de imágenes alcance el 100%. También si hay incorporación en su sitio web (por ejemplo, , videos de YouTube, publicaciones o tweets de Instagram), es mejor cargar el contenido incorporado cuando los usuarios se ejecutan, no durante la página inicial. Esto hará que la primera página se muestre mucho más rápido y reducirá el uso de la memoria del navegador.
Navegue el caché de Litespeed> Optimización de la página> Configuración de medios y active la opción de carga de carga de perezoso.

La siguiente conclusión es una captura de pantalla de los resultados de Google PageSpeed ​​en dispositivos móviles y escritorio después de que hayamos optimizado el rendimiento del sitio siguiendo los pasos en este tutorial.
¡Eso es todo! Si ha creado su director o sitio del mercado VIVRESS (o cualquier otra solución basada en WordPress), puede seguir los mismos pasos para configurar el almacenamiento de caché, optimizar estilos, scripts y fuentes, así como contenido de medios, como ser imágenes o incorporación . Como resultado, obtendrá una puntuación alta en Google PageSpeed ​​(mejorando así su clasificación SEO) y mejorará la experiencia general del usuario de su sitio.

Además, no dude en verificar los siguientes elementos:
Los mejores complementos de WordPress

Temas populares de Director de WordPress

Errores en la creación de un sitio web de WordPress List