En este post aprenderás cómo optimizar WordPress al 100% esta SÚPER GUÍA para hacer volar tu web en un 200%. ¡ENTRA!
INICIAMOS:
Bienvenidos a un nuevo post.
Hoy en día la velicidad de carga de tu web es un factor DEMASIADO importante. ¿Para qué? Mirad:
- Hay un estudio que indica que si la web no carga en unos 4 segundos, te abandona y se va en busca de otra web.
- Google ha lanzado un comunicado oficial, en el cual relata que la velocidad de carga será un factor de posicionamiento IMPORTANTE para la web.
Entonces, ¿deseas optimizar WordPress para que cargue en en el menor tiempo posible, o no?
Me imagino que sí, entonces sin más que decir, ¡vamos a la acción!
Índice del artículo
GUÍA paso a paso: Cómo optimizar WordPress y mejorar su velocidad en 200%
Dividiremos esta tremanda guía en varias secciones, asegúrate de tener un tarro de café porque la cosa se va a poner SÚPER divertida tanto para mi como para ti. ¡EMPECEMOS!
Realizar un testeo de la velocidad actual
Antes de empezar a optimizar WordPress, primero debemos realizar una prueba de la velicidad de la web, para después ver qué tal resultó.
Accede a GTMetrix, una web que nos ayudará en esta tarea y toma el test de velocidad. El resultado que te dé, guárdalo, porque ese número va a disminuir.
Instalar CloudFlare CDN
Un CDN distribuye tu contenido por distintos servidores de todo el mundo. De esta manera, lograremos conseguir lo siguiente:
- Que nuestro servidor no cargue con el peso de responder a todas las solicitudes enviadas.
- Que la web se sirva más rápido, ya que el el servidor más cercano a la petición responderá a esa solicitud.
Mira este siguiente GIF para que entiendas muy bien a lo que me refiero:
¿Lo ves? Mejora mucho la velocidad. Para que puedas configurar CloudFlare, hemos escrito un artículo a parte que te ayudará a comprender mejor este proceso: Cómo configurar CloudFlare CDN.
Cuando acabes de configurar CloudFlare CDN, vamos al siguiente paso.
Instalar plugins de WordPress para mejorar la velocidad de carga
La siguiente parte de esta guía, es instalar los plugins necesarios para poder optimizar WordPress todavía mejor. ¡Sigue el listado!
Fast Velocity Minify
Este plugin WordPress te ayudará muchísimo en mejorar la carga de archivos estáticos, como lo es: JavaScript y CSS.
Instálalo y actívalo. Una vez hecho esto, te mostraré las configuraciones que le hemos dado a este plugin.
Si logras notar, el plugin se divide en «mini secciones» dentro del menú «Settings». Así tenemos configurado este plugin para esta web:
- Admin Toolbar: deseleccionada la opción.
- Troubleshooring: deseleccionado.
- URL options: tenemos puesta la opción «Use dynamic ‘//’ protocol».
- HTML options y Font options nada marcado.
- CSS Options: Marcadas las opciónes «Preserve the order of CSS files», «Inline all header CSS files» y «Inline all footer CSS files».
- JavaScript Options todo desactivado.
- Render-blocking JS: Activadas las primeras 2 opciones: «Enable defer parsing […]» y «Enable defer of JS […]».
- Todo lo demás no lo toques.
Lazy Load
Otro problema de carga es que las imágenes de todo tu artículo o sitio se cargan en primer plano, cosa que alenta todavía más la web. ¿Cómo solucionamos esto? ¡Bualá!
Lazy Load lo que hace es que todas las imágenes las cargue en segundo plano, y mientras el usuario se va desplazando por la web, éstas se van cargando.
¡Te aseguro que esto te bajará todavía más ese score que te dio GTMetrix!
Sólo tienes que instalarlo y activarlo, ningún ajuste más.
Optimizador IO
Otro problema demasiado grave es que no optimizamos las imágenes de nuestra web, y a la hora de cargarlas, resulta mucho peso, y por lo tanto: tiempo de carga de la web.
Este plugin es cortesía de las personas de WebEmpresa, quienes crearon el MEJOR plugin para optimizar imágenes WordPress: Optimizador IO.
No lo encontrarás en el repositorio de WordPress, por lo que deberás acceder a su web para descargarlo. Pincha sobre este botón para acceder a ese preciado plugin:
Descargar pluginDescargar Optimizador.io
En la web, te pedirá que llenes un formulario. El plugin se te hará llegar a tu correo. Cuando lo instales, prosigue con lo siguiente:
1.- En las opciones de tu WordPress, haz clic en «optimizador.io» (recuerda que las opciones de admin están en la parte izquierda de tu panel).
2.- Posteriormente, baja hasta encontrar el botón «OPTIMIZAR TODAS LAS IMÁGENES».
3.- Se mandarán a planificación. Si tienes muchas imágenes, esto tardará decenas de minutos, incluso horas, así que ten paciencia.
4.- Mientras tanto, ve al menú «Opciones» del plugin, y marca las casillas «Autoptimizar», «Backup imágenes originales», «Optimizar Thumbnails» y «Mostrar banner».
Guarda los cambios y LISTO.
¿Por qué no incluyes un plugin de caché?
Estamos por terminar esta guía sobre cómo optimizar WordPress al 100%, pero falta esta pregunta por contestar.
Esta guía está por terminar, y te preguntarás: ¿por qué no incluíste un plugin de caché en la web? Bueno, respondo a continuación:
Si configuraste correctamente CloudFlare CDN como se detalló en nuestro artículo, CloudFlare automáticamente tiene una cache MUY PODEROSA.
La razón por la que no incluí un plugin de caché (a parte de que CloudFlare ya la tiene), es porque hemos tenido problemas de errores 500 por tener 2 caché al mismo tiempo: CloudFlare y algún plugin para WordPress.
Anteriormente teníamos el plugin llamado «WP Super Cache», y lo eliminamos por los motivos mencionados anteriormente, pero quizá nosotros estemos mal, quizá sea otra cosa que tengamos.
En fin, si deseas testearlo por tu cuenta, te dejo este vídeo para configurar WP Super Cache:
¡Realiza el nuevo test de velocidad!
Falta el último paso de esta guía para optimizar WordPress: ¡Ver cuánto hemos mejorado!
Realiza el nuevo test en GTMetrix. ¿Mejoraste? De una escala del 1 al 10… ¿cuánto?
Antes de concluir este post, me gustaría decirte que somos apasionados del WordPress. Redactamos contenido interesante para nuestra audiencia. ¡Por favor, visítanos!
De igual forma, si eres programador, tenemos muchas cosas interesantes qué contarte en nuestra sección de programadores.
¿Pudiste optimizar WordPress con éxito? ¿Cuánto tiempo tuviste de mejora? ¡Compártenos tus resultados en la caja de comentarios!
Nos vemos en una nueva entrega de post.