Mejorar la velocidad de carga de tu web en WordPress es una de las cosas más importantes que deberías tener en cuenta. Así que a este artículo tanto si acabas de empezar en el mundo del blogging como si ya llevas un tiempo con tu blog.
La velocidad de carga de una web es uno de los factores más importantes para el posicionamiento SEO y puede definirse como el tiempo que tarda una página de tu blog en mostrarse completamente desde que un usuario hace una petición al navegador.
La verdad sobre por qué es tan importante la velocidad de carga de tu web es porque está demostrado que el tiempo de carga influye en tus visitas de forma directa. Cuanto menos tiempo tarde tu blog en cargar, más posibilidades tienes de que ese usuario se quede en tu web y navegue por tu sitio.
Y no hablo solo de que a los usuarios no les gusta esperar más de 4 segundos para que cargue una web. Sino que aumentar la velocidad de carga de una web mejora el posicionamiento en los buscadores.
Y, como consecuencia de esto, aumentarán las visitas y conversiones de tu sitio web.
Así que si quieres aparecer en Google más te vale optimizar WordPress para tener una buena velocidad de carga web.
Una web o un blog con los tiempos de carga demasiado extensos supondrá perder horas y horas de trabajo con contenidos de calidad si nadie llega a verlos por cansarse de esperar.
Y como ya sabes que soy un apasionado del SEO, no podría no serlo de la optimización de WordPress y la aceleración de los tiempos para que cargue a velocidades de vértigo.
Si no sabes optimizar la carga de WordPress estoy seguro de que tendrás una web lenta ya que de por sí WordPress puede ralentizar los tiempos de carga.
Pero para solucionarlo en este artículo quiero contarte cómo optimizar WordPress para mejorar los tiempos de carga de tu web.
Si tienes un blog o web con WordPress no te pierdas nada de lo que te cuente porque te voy a contar todo sobre cómo mejorar la velocidad de carga de una pagina o sitio web. Y lo mejor de todo es que apenas te llevará una hora para ver los resultados.
¡Vamos a ello!
Contenidos del Post
Cómo saber la velocidad de carga de una web
Empecemos por el principio.
Antes de saber cómo aumentar la velocidad de carga de páginas web habrá que hacer un test de velocidad web, ¿no?
Pues bien, esta tarea es bastante sencilla y por suerte encontrarás diferentes formas y plataformas para realizar un test de velocidad online de tu sitio web.
A continuación te dejo con las 3 mejores herramientas para medir la velocidad de carga de una web.
PageSpeed Insights de Google
Si la optimización y velocidad de carga de una web es uno de los principales puntos donde la gran G pone su punto de mira, ¿cómo no iba a contar con una herramienta para medirlo?
El test de velocidad de Google no te muestra el tiempo de carga de una web en segundos. Te muestra diferentes puntuaciones comprendidas entre el 0 y el 100.
Te encontrarás con dos pestañas: Móvil y Ordenador.
En cada pestaña te mostrará la puntuación de la web y la experiencia de usuario en la pestaña de Móvil.
Aunque este test de velocidad web no mide la velocidad de tu página web en tiempo, las puntuaciones sí que las tienes que tener muy en cuenta. Además también te da diferentes consejos para mejorar la velocidad y optimizar WordPress.
Fíjate en que es una aplicación del propio Google así que yo si fuera tú tendría mucho aprecio a esta herramienta para saber cómo tener más velocidad en tu web.
Como regla general, una web más o menos optimizada suele rondar entre una puntuación de 60 y 75 para móvil y de 70 a 85 en la pestaña de ordenador. A partir de estas puntuaciones aumentar la velocidad de carga web será más complicado.
No obstante, aquí puedes ver muy bien explicado cómo conseguir el 100/100 en Google Pagespeed Insights.
Para que te hagas una idea, actualmente yo tengo una puntuación de 73 en la pestaña de Móvil y un 89 en la de Ordenador pero hay que tener en cuenta que mi WordPress está bastante optimizado.
Sigue leyendo si tú también quieres reducir el tiempo de carga de una página web.
Conoce el tiempo de carga de una web con Pingdom
Pingdom es un Website speed test muy sencillo de utilizar.
Solo tienes que introducir la url e indicar desde dónde quieres que se realice el test.
Si tu web tarda menos de 2 segundos en cargar, enhorabuena; tienes una velocidad de carga buena.
Como puedes ver en la siguiente captura, no solo te muestra el tiempo de carga. También puedes ver el grado de optimización, el tamaño de tu web o qué porcentaje de webs son más lentas que la tuya.
Si miras un poco más abajo en esta misma web podrás ver un completo análisis de velocidad de carga de la web y algunos errores que hayan ocurrido.
En mi opinión es la web externa a Google que más fielmente detecta la velocidad de carga de mi web.
GTmetrix, compara la velocidad de carga de varias web
Esta herramienta es muy útil para comparar la velocidad de carga web entre varios sitios.
GTmetrix hace prácticamente lo mismo que Pingdom; un análisis de la velocidad de tu web con puntuaciones y tiempos de carga en cascada.
Si comparamos los tiempos entre pingdom y gtmetrix puedes comprobar que no son iguales. En GTmetrix siempre se te mostrarán tiempos algo más elevados.
Pero mientras esté por debajo de 3 segundos estaría más o menos bien.
La ventaja de esta aplicación es que puedes ver y analizar la velocidad de carga de varias web a la vez (ojo a este dato porque es muy útil para comparar tu web con las de la competencia).
Así podrás ver si tu web está a la altura de la competencia o necesitas mejorar la velocidad de carga de tu web.
Por supuesto, también te mostrará en la parte diferentes recomendaciones para reducir el tiempo de carga web.
Cómo mejorar la velocidad de carga de una web de WordPress
Bien, ahora ya sabes la velocidad de navegación de tu web. Llega el momento de ponerse manos a la obra para disminuir el tiempo de carga de una web, ¿preparad@?
Te voy a contar los principales puntos que debes tener en cuenta para acelerar tu WordPress al máximo.
Algunos de estos apartados ya los hemos tratado en el blog así que para no hacer el artículo demasiado largo haré menciones a otros artículos. Además estoy seguro de que muchos puntos los desconocías.
[thrive_leads id=’1399′]
Hosting de calidad
¿Qué voy a decir de esto que no se haya dicho ya?
Quizás te parezca poco importante pero déjame decirte que la mayor parte de velocidad de carga de una web depende de su hosting.
Y esto es así.
De nada te servirá optimizar al máximo la velocidad de carga con el resto de puntos si no tienes un hosting lo suficientemente bueno. Y déjame decirte que ninguno es gratuito.
Pero para hacerte las cosas más fáciles tengo dos buenas noticias: en este blog te explico todo para tener un buen hosting y además tengo un descuento especial para ti de uno de los mejores.
Los artículos donde te explico todo son:
- La guía para elegir el mejor hosting para WordPress
- Comparativa entre los dos mejores hosting en español: Raiola Networks y Webempresa
Y no te olvides del descuento. En este caso es un descuento del 10 % en el hosting de Raiola Networks. También puedes verlo en la barra lateral del blog.
Con todo lo explicado aquí estoy seguro de que este punto estará más que solucionado.
Pasemos al siguiente.
Plugins para mejorar la velocidad de tu sitio web
Si no lo has hecho ya, te recomiendo que te leas este artículo con los mejores plugins gratuitos para WordPress. Ahí también explico algunos plugins imprescindibles para la optimización de los tiempos de carga de WordPress.
WP Smush
Este plugin para WordPress es el líder para optimizar el peso de una web reduciendo el tamaño de las imágenes.
No me voy a extener en su explicación ya que lo encontrarás en el artículo que te he dejado antes.
Utiliza el lazy load
Lazy Load es un plugin muy liviano y sencillo que se encarga de cargar las imágenes según vas haciendo «scroll» hacia abajo con la rueda del ratón.
Muy útil para no cargar todas las imágenes a la vez, reduciendo así los tiempos de carga de forma considerable.
Necesitas un plugin de cache
Esto es vital y aún me sorprende ver web que no utilizan uno de estos plugins.
Los sistemas de cache consisten en proporcionar una copia de la web a los visitantes de forma que no se tenga que procesar y cargar todo el código de la página cada vez que alguien la visite. Y, como consecuencia, se consigue aumentar la velocidad de carga de una web.
Si tú aún no utilizas ninguno te recomiendo W3 Total Cache o WP Super Cache. Ambos son muy buenos y notarás cómo mejora la velocidad de tu web solo con utilizarlos.
Comprime el JavaScript, HTML y CSS con Autoptimize
El plugin para WordPress Autoptimize es el único que no incluí en el artículo que te puse. El resto puedes verlos más en detalle ahí.
Este plugin es muy sencillo de utilizar y mejora los tiempos de carga optimizando de forma automática la extensión de los archivos HTML, CSS y JavaScript.
Y digo de forma automática porque es supersencillo de utilizar.
Instálalo en tu WordPress, actívalo y en los ajustes marca la casilla para optimizar el HTML, CSS y JavaScript.
Además, con este plugin solucionarás uno de los problemas más comunes que suelen aparecer en el test de velocidad web de Google PageSpeed Insights.
Muy fácil, ¿no te parece?
Ten todo actualizado
Por supuesto esto no podía faltar.
Las actualizaciones son muy importantes puesto que corrigen problemas. Entre ellos disminuyen los tiempos de carga de WordPress.
Eso sí, antes de realizar cualquier actualización es muy pero que muy importante que hagas una copia de seguridad de tu sitio web.
No suele ser muy común pero, ¿a que te gustaría tener una copia de seguridad por si alguna actualización falla y te destroza la web?
Pues eso. Si no quieres tener problemas es imprescindible tener copias de seguridad.
Los backups lo puedes conseguir de dos formas: con un buen hosting que te las haga (lo puedes ver en los artículos que puse en el apartado del hosting), o con un plugin que te las cree.
Estos plugins también los puedes encontrar en el artículo que te cité al principio del apartado de plugins; pero como sé que no te gusta volver hacia atrás, te lo dejo aquí.
Actualiza todo: WordPress, los plugins y por supuesto, la plantilla. Esto me lleva al siguiente punto.
Utiliza una plantilla adecuada
Esto es una obviedad.
No te debes centrar en una plantilla muy cargada o con demasiadas funciones que al final no utilizarás.
Como este punto da para un artículo entero, hace unas semanas me adelanté para que tuvieras este apartado más que cubierto.
Aquí puedes leer estos dos artículos sobre las plantillas de WordPress:
Usa un diseño minimalista
A la hora de diseñar tu web es importante elegir un diseño de carga rápida evitando utilizar elementos que saturen la carga de la web.
El objetivo del diseño web no se centra únicamente en hacer una web muy bonita y vistosa. Sino que debe ser una web adaptada lo máximo posible a la usabilidad del visitante.
Se trata de hacer sencillo la accesibilidad a los contenidos de la web de manera elegante y estética.
Es por ello que un diseño minimalista (sin descuidar la estética) es otro punto fundamental para mejorar la velocidad de carga de una web.
Es solo un ejemplo pero sin ir más lejos, en esta misma web puedes ver un ejemplo de lo que sería un diseño minimalista:
- Navegabilidad clara con un menú a la vista.
- Sin imágenes o colores en el fondo.
- Plantilla adaptada a todos los dispositivos con código HTML y CSS actualizado y optimizado.
- Sin sobrecarga de imágenes, animaciones, sliders o publicidad.
No abuses de los plugins
Tan importante es utilizar plugins para acelerar tu WordPress como no utilizar demasiados plugins.
Sé que la cosa es difícil puesto que muchos plugins nos parecen imprescindibles y muchos nos solucionan bastantes tareas.
En muchos lados recomiendan no tener más de 10 plugins pero he de decirte que esto es bastante exagerado.
Puedes tener 20 o 30 plugins y tener una velocidad de carga muy buena. Solo tienes que saber elegirlos.
Ahora mismo yo tengo 26 plugins funcionando y los tiempos de carga son bastante reducidos aunque se podría mejorar la carga web si me librara de algún plugin.
Para mejorar los tiempos de carga de tu web de WordPress te recomiendo olvidarte de aquellos plugins que pienses que molan y que te ayudan con funciones que en realidad no utilizas apenas.
Y si quieres saber qué plugins son los que más recursos consumen y los que hacen que tu web vaya más lenta te recomiendo el plugin P3.
Sí, recomiendo limitar el uso de plugins instalando otro plugin.
Este plugin se encarga de analizar tu página web para ver la rapidez con la que cargan los diferentes plugins. Una vez finalizado el análisis verás qué plugins son los que más recursos gastan y podrás deshacerte de ellos o utilizar otros que hagan la misma función y consuman menos.
Lo bueno de este plugin es que no lo necesitas siempre, y por ello una vez realizado su análisis puedes borrarlo perfectamente que no pasará nada.
Optimiza las imágenes
De este tema ya hemos hablado largo y tendido en este blog.
Puedes ver el artículo completo sobre la optimización de imágenes aquí. De hecho, optimizar las imágenes es un punto crucial para mejorar la carga web.
Básicamente se trata de reducir al máximo las imágenes que subimos a nuestro WordPress. Las imágenes son lo que más tarda en cargar así que de esta forma conseguimos que consuman lo mínimo posible y la velocidad de carga web de las imágenes mejore.
Activa la compresión Gzip
Este es un elemento poco conocido de los blogs. Lo que hace este sistema es comprimir todos tus documentos para posteriormente mostrarlos en tu página de forma más rápida.
Es muy probable que tu hosting ya te proporcione esta opción por lo que lo primero es saber si efectivamente tienes activo este compresor. Para comprobarlo accede a esta herramienta.
Introduce la URL de tu web y si en la sección “web page compressed?” aparece “Yes” no tienes que hacer nada. En caso contrario te muestro como activar el compresor.
Hay dos formas de activar esta compresión en tu blog. Una es a través del fichero .htaccess que está ubicado en el directorio raíz donde está instalado tu blog. Si usas CPanel los pasos a seguir son los siguientes:
- Entra en la carpeta “administrador de archivos”
- Selecciona el directorio Web Root (public_html/www)
- Dentro de la carpeta public_html encontrarás el fichero .htaccess
- Abres el fichero y copias este código:
# BEGIN GZIP <ifmodule mod_deflate.c> AddOutputFilterByType DEFLATE text/text text/html text/ plain text/xml text/css application/x-javascript application/javascript </ifmodule> # END GZIP
La otra forma de activar la compresión Gzip es a través de las opciones de WordPress.
Para acceder a esta pantalla escribe en tu navegador “www.nombredetublog.com/wp-admin/options.php”
Busca la palabra Gzip. Encontrarás un campo con el número 0. Cámbialo por 1 y guarda los cambios. Este segundo método es menos fiable por lo que te recomiendo que tu mismo lo pruebes.
Limpia la papelera, el SPAM y la base de datos
Este punto solo es recomendable para webs que llevan bastante tiempo. Si no es tu caso puedes ahorrarte este plugin por el momento.
El plugin se llama WP Optimize y se encarga de eliminar todos los comentarios spam y las revisiones de tus entradas que ya no necesitas.
Tanto los comentarios spam como todas las revisiones que vayas haciendo en las entradas de tu WordPress se almacenan en la base de datos por lo que con el paso del tiempo tu web se irá haciendo más lenta.
La solución está en ese plugin.
Otra cosa muy importante que debes hacer es limpiar la papelera de tu wordpress de forma periódica.
Usa una CDN
Y te preguntarás: ¿Qué es una CDN?
Una CDN (Content Delivery Network) es una red de ordenadores en diferentes ubicaciones del mundo que se encarga de almacenar y compartir a quien lo solicite los archivos y contenido de un servidor que no necesiten actualizarse continuamente.
El concepto consiste en disminur la distancia entre el cliente que solicita los contenidos (por ejemplo un usuario que quiere acceder a una web) y el servidor. Esto es, si un usuario quiere acceder a nuestra web desde latinoamérica, los tiempos de carga serán mucho menores si usamos una CDN puesto que no solicitará los archivos directamente al servidor central, sino a la CDN.
De esta forma se optimiza al máximo la velocidad de carga de una web desde distinta ubicaciones de todo el mundo.
Además, casi todas las CDN permiten paralelizar las descargas de los archivos de una web de forma que se consigue mejorar la velocidad de carga.
La mayoría de las CDN son de pago pero te recomiendo la que yo utilizo que es gratuita: Cloudflare. Además, aquí tienes una guía completa para configurarlo.
Esta CDN además de ser gratis es una de las más utilizadas y fiables así que no tengas miedo en utilizarla. Notarás la diferencia.
Si aún tienes dudas sobre qué es una CDN aquí te dejo un enlace hacia la Wikipedia.
Y para terminar…
Con estas más de 2 700 palabras acaba este artículo sobre cómo mejorar la velocidad de WordPress.
En este artículo me he centrado en mejorar la velocidad de wordpress de una forma fácil y rápida para todo el mundo.
Algo más avanzado sería modificar el archivo .htaccess pero eso lo veremos en otro artículo. Así que si quieres aprender a optimizar por ti mismo la velocidad de tu web suscríbete al blog para no perderte nada.
Y si prefieres que yo mismo te ayude a mejorar la velocidad de carga de tu página web no dudes en contactar conmigo.
Mis recomendaciones son centrarse en lo primordial: elegir un buen hosting, tener una plantilla optimizada y un diseño minimalista.
Ahora es tu turno:
- ¿Has aplicado los trucos que te he contado para optimizar la carga de WordPress?
- ¿Conoces algún truco sobre cómo acelerar tu web en WordPress que no haya contado?
- No dudes en preguntar cualquier duda y compartir si te ha sido de ayuda.
¡Nos leemos!
La última vez que revise Autoptimize estaba desactualizado y daba problemas con la versión nueva de wordpress pero al parecer lo han corregido.
A mí no me ha dado ningún problema y lo llevo utilizando bastante tiempo.
Saludos!