Cómo reducir el tiempo de carga del sitio web de WordPress: de 6,3 segundos a 2 segundos

Transcripción del vídeo

Este video lo guiará a través del proceso que usamos en Sagapixel para reducir el tiempo de carga de un sitio web de unos seis segundos a algo que es un poco más aceptable. Con suerte vamos a terminar en el rango de dos a tres segundos para este sitio web.

Este método utilizará todos los complementos gratuitos. Están justo en el repositorio de WordPress, y voy a explicar lo que hace cada uno de ellos mientras lo uso. Saltemos a ello. Este es el informe de GTMetrix para un sitio web que hicimos hace unos meses que realmente no ha sido optimizado.

De hecho, voy a ir al front-end del sitio, también voy a usar mi navegador, así que vamos a ir a la red y voy a hacer una actualización completa. Estoy en una Mac. Mantendré presionada la tecla Mayús y presionaré Actualizar para borrar el caché, y es lento. Sí, esa cosa tardó seis segundos en llegar al primer byte.

Eso es bastante ridículo, y no vamos a permitir que el sitio web de un cliente se quede ahí y tarde tanto en llegar al primer byte. Ahora, el servidor en sí es probablemente un factor. Sé que están en alojamiento GoDaddy de muy baja calidad, pero definitivamente podemos acelerar esto, así que durante los próximos 10 minutos más o menos lo haremos.

Primero voy a iniciar sesión en esta cosa, y vamos a pasar a los complementos. Lo primero que debe activarse es esta minificación de velocidad rápida. Minify de velocidad rápida combinará muchos de los activos que se están cargando, así que lo primero, creo que esto tiene un SSL instalado, así que voy a configurarlo para forzar el SSL.

No voy a comprobar eso. Eso no suele ser un gran problema. No quiero deshabilitar la fusión de fuentes de Google. No quiero conservar el orden de los archivos CSS. Quiero alinear el CSS tanto en el encabezado como en el pie de página. La razón por la que estoy revisando esta configuración es que trabajamos principalmente con Elementor, y sé que esta configuración no hará que nada se rompa.

Mientras usa Minify de velocidad rápida, si rompe algo, probablemente estará en Chrome, así que asegúrese de que después de haber realizado todas sus configuraciones y de haber cerrado sesión en el sitio web, encienda con Chrome y asegúrese de no eliminar ninguna de sus hojas de estilo.

Muy bien, no voy a desactivar nada. Se ve bien aquí, así que lo guardaré y volveré a ejecutar las métricas de Gt. Haber hecho eso probablemente debería reducir parte del tiempo de carga en este sitio. Sin embargo, es probable que gran parte siga siendo el servidor.

Bien, eso lo redujo un poco más de un segundo. Sin embargo, aún no hemos terminado. El siguiente complemento que vamos a instalar es... en este sitio, tenemos el optimizador de imágenes de píxeles cortos. Parece que nunca se activó, por lo que es posible que tengamos que optimizar algunas de las imágenes.

Sin embargo, en realidad no voy a usar ese. Voy a instalar otro complemento que hemos adoptado recientemente que se ocupará de un montón de cosas que deben solucionarse, incluida la optimización de la imagen, por lo que tenemos que volver a optimizar.

Bien, ve a la configuración, y lo primero que vamos a hacer es ir a la memoria caché. Voy a habilitar el almacenamiento en caché de la página. También me aseguraré de no tener un complemento de almacenamiento en caché ya activo aquí, que no es el caso. Bien. Y voy a habilitar el almacenamiento en caché de la página.

Lo siguiente que voy a hacer es pasar a la precarga y voy a activar este precargador programado. Creo que vamos a hacer esto una vez al día. Guárdelo, lo ejecutaré ahora, y esto comenzará a precargar todas las URL, tal como puede leer aquí, se activará para volver a optimizar, almacenar en caché el sitio web visitando las páginas para precargarlas para que la primera vez que un visitante humano los quiera, el sitio no tendrá que generar todo.

Tendremos que darle un minuto. Lo siguiente que voy a hacer es pasar a las imágenes y, de ahora en adelante, configuraremos esto para que comprima automáticamente las imágenes recién agregadas. Esto va a hacer esto conectándose a WP Smush. Si no desea usar esto, podemos desmarcarlo, y diré que, en términos generales, el píxel corto es probablemente el mejor cuando se trata de manejar la optimización de imágenes.

Todo este proceso de precargar las páginas en realidad toma un poco. Sabes, solo estamos en la página 17 de 30. Lo siguiente que vamos a ver mientras se ejecuta es esto de aquí. Vamos a ver la base de datos, y tenemos estas opciones para optimizar las tablas de la base de datos, limpiar las revisiones posteriores, por lo que esto realmente limpiará la base de datos y permitirá que se ejecute mucho más rápido, pero realmente quiero enfatizar que se va a deshacer de cosas.

Entonces, si es así, si existe alguna posibilidad de que desee restaurar una publicación anterior, restaure una página anterior a la forma en que solía hacerse en un momento, al ejecutar estas optimizaciones va a borrar todas esas versiones antiguas de todo, por lo que probablemente desee hacer una copia de seguridad de su sitio web antes de hacer algo en la base de datos.

Sé que tenemos una copia de seguridad de esto. Tampoco voy a hacerlo mientras ejecutamos la precarga, pero parece que ya se ha solucionado, así que vamos aquí. Voy a ejecutar todas estas optimizaciones. Aquí tenemos 1.200 revisiones de publicaciones que ahora están eliminadas.

Va a tomar un tiempo para que pase por esto, a veces. Este es un sitio web bastante pequeño, por lo que realmente no tomó demasiado, pero ejecutemos esto una vez más, veamos qué ha hecho. Muy bien, ahora hemos bajado a 2,6 segundos desde el principio, ¿qué fue? Más de 6 segundos antes de que empezáramos.

El próximo que voy a agregar va a ser una carga perezosa. Lazy loading, allá vamos, lazy load de WP Rock es la que yo uso. Súper fácil de configurar. Simplemente haga clic en él, actívelo, vaya a la configuración y solo marcaremos algunas casillas aquí.

Imágenes, I-fotogramas. No voy a hacer los videos de YouTube en miniatura. Guardar cambios. Bueno. Ahora, el último paso, de verdad, creo que optimizar... no nos vamos a quedar sentados mientras optimizamos toda la biblioteca, pero optimizar las imágenes para esto será el último paso para lograrlo.

Creo que probablemente vamos a reducir esto a unos 2,5 segundos si terminamos usando imágenes demasiado grandes y el sitio. Espero que esto haya sido útil. Hacer que un sitio de WordPress se cargue de manera rápida no es realmente tan difícil.

Creo que también muchas de las críticas a los creadores de páginas visuales, como WP Bakery, en este caso Elementor, Divi, son injustificadas, porque hay muchas cosas que puedes hacer para que estos sitios web se carguen rápidamente incluso con un creador de páginas visuales.

Si esto fue útil, asegúrese de dejar un comentario y si está interesado en aprender sobre SEO y WordPress, asegúrese de suscribirse a nuestro canal. Gracias.