Transcripción de video
Este video lo guiará a través del proceso que usamos en Sagapixel para reducir el tiempo de carga de un sitio web de aproximadamente seis segundos a algo que es un poco más aceptable. Esperemos que terminemos en el rango de dos a tres segundos para este sitio web.
Este método usará todos los complementos gratuitos. Están bien en el repositorio de WordPress, y voy a explicar lo que cada uno de ellos está haciendo como lo estoy usando. Vamos a saltar a eso. Este es el informe GTMetrix para un sitio web que hicimos hace unos meses que realmente no ha sido optimizado.
Voy a ir a la parte delantera del sitio, también usaremos mi navegador, por lo que vamos a ir a la red y voy a hacer una actualización difícil. Estoy en una Mac. Voy a mantener el cambio y presionar actualizado, así que va a despejar el caché, y es lento. Sí, esa cosa tuvo un tiempo para el primer byte de seis segundos.
Eso es bastante ridículo, y no vamos a dejar que un sitio web de un cliente se sienta allí y tome tanto tiempo para el primer byte. Ahora, el servidor en sí es probablemente un factor. Sé que están en el alojamiento de GoDaddy de muy baja calidad, pero definitivamente podemos acelerar esto, así que durante los próximos 10 minutos más o menos lo haremos. Lo primero que debe activarse es esta velocidad de velocidad rápida. La velocidad rápida Minify combinará muchos de los activos que se están cargando, así que a primera hora, creo que esto tiene un SSL instalado, por lo que voy a configurar esto para forzar el SSL.
First I’m going to log into this thing, and we’re going to go over to the plugins. First thing that needs to be activated is this fast velocity minify. Fast velocity minify is going to combine a lot of the assets that are being loaded, so first thing, I believe this does have an SSL installed, so I’m going to set this thing to force the SSL.
No voy a verificar eso. Eso no suele ser un gran problema. No quiero deshabilitar la fusión de Google Fonts. No quiero preservar el orden de los archivos CSS. Quiero en línea el CSS tanto en el encabezado como en el pie de página. La razón por la que estoy revisando estos ajustes es que trabajamos principalmente con Elementor, y sé que estas configuraciones no van a causar nada que se rompa.
Mientras usa la velocidad de velocidad rápida, si está rompiendo algo, probablemente va a estar en Chrome, así que asegúrese de que después de que haya hecho todos sus configuraciones y haya registrado el sitio web, se logra a Chrome y se asegurará de que no mate a Chrome. Hojas.
Muy bien, no voy a deshabilitar nada. Se ve bien aquí, así que voy a guardar eso, y voy a volver a ejecutar las métricas GT. Simplemente haber hecho eso probablemente debería derribar parte del tiempo de carga en este sitio. Sin embargo, mucho de esto todavía es el servidor.
Ok, eso lo derribó un poco más de un segundo. Sin embargo, aún no hemos terminado. El próximo 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 esa. Voy a instalar otro complemento que hemos adoptado recientemente que se encargará de un montón de cosas que deben cuidarse, incluida la optimización de imágenes, por lo que tenemos que volver a optimizar.
Bien, así que baja 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í, lo cual no. Bien. Y voy a habilitar el almacenamiento en caché de la página.
Lo siguiente que voy a hacer es ir a la precarga y voy a activar este precargado programado. Creo que vamos a hacer esto una vez al día. Guárdelo, y lo voy a ejecutar ahora, y esto comenzará a precargar todas las URL, al igual que puede leer aquí, lo real se activará para volver a optimizar, para almacenar en caché el sitio web visitando páginas para precargarlas para que la primera vez que un visitante humano quiera que el sitio no tenga que generar todo. || 255
We’ll have to give that a minute. Next thing I’m going to do is go over to the images, and from now on we’re going to set this thing to automatically compress newly added images. This is going to do this by connecting to WP Smush. If you don’t want to use this, we can uncheck this, and I will say that short pixel generally speaking is probably the best when it comes to handling image optimization.
Todo este proceso de precarga de las páginas en realidad toma un poco. Sabes, solo estamos en la página 17 de 30. Lo siguiente a lo que vamos a ir mientras se ejecuta es esto aquí. Vamos a analizar la base de datos, y tenemos estas opciones para optimizar las tablas de la base de datos, limpiar las revisiones de publicaciones, 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 va a deshacerse de las cosas. Punto, 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 a la base de datos.
So, if you have, if there’s any possibility that you’re going to want to restore an old post, restore an old page back to the way it used to be done at one point, by running these optimizations you’re going to erase all of those old versions of everything, so you probably want to back up your website before you’re doing anything to the database.
Sé que tenemos una copia de seguridad de esto. Tampoco voy a hacerlo mientras ejecutamos la precarga, pero parece que eso se ha solucionado, así que vamos aquí. Voy a ejecutar todas estas optimizaciones. Aquí tenemos 1,200 revisiones post ahora eliminadas.
Va a tomar un tiempo para pasar por esto, a veces. Este es un sitio web bastante pequeño, por lo que realmente no tomó demasiado, pero ejecutemos esta vez más, vea lo que se hace. Muy bien, ahora hemos bajado a 2.6 segundos desde todo el camino, lo que fue, más de 6 segundos antes de comenzar.
El siguiente que voy a agregar será una carga perezosa. Carga perezosa, ahí vamos, la carga perezosa de WP Rock es la que uso. Súper fácil de configurar. Simplemente haga clic en él, active, vaya a la configuración y simplemente veremos algunas casillas aquí.
Imágenes, I-Frames. No voy a hacer los videos de YouTube por miniatura. Guardar cambios. Bueno. Ahora, el último paso, realmente, creo que la optimización ... no nos vamos a sentar aquí mientras optimizamos toda la biblioteca, pero optimizar las imágenes para esto será el último paso para realmente reducir esto.
Creo que probablemente vamos a reducir esto a unos 2.5 segundos si terminamos usando alguna imagen que fuera demasiado grande y el sitio. Espero que esto haya sido útil. Realmente obtener un sitio web WordPress para cargar de manera rápida no es realmente tan difícil.
Creo que también muchas de las críticas de los constructores de páginas visuales, como WP Bakery, en este elemento de caso, el elemento de caso, Divi, no están justificados, porque hay muchas cosas que pueden hacer para llevar estos sitios web a cargar rápidamente con una página visual Builder. 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.
If this was helpful, please make sure you leave a comment and if you’re interested in learning about SEO and WordPress make sure you subscribe to our channel. Thanks.
