Optimizar WordPress: Cómo Hacer Que Tu Web Cargue Más Rápido
Optimizar WordPress: Cómo Hacer Que Tu Web Cargue Más Rápido
Mejorar la velocidad de carga de tu web en WordPress es una de las cosas más importantes que deberías tener en cuenta, puede definirse como el tiempo que tarda una página 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 site 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 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. 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 una 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 en general. Y lo mejor de todo es que apenas te llevará una hora para ver los resultados.
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 computador. A partir de estas puntuaciones aumentar la velocidad de carga web será más complicado.
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, ¡felicidades!; tienes una velocidad de carga buena.
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 tu 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.
Plugins para mejorar la velocidad de tu sitio web
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.
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 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.
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.
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.
Para mejorar los tiempos de carga de tu web de WordPress te recomiendo olvidarte de aquellos plugins que pienses que son “cool” 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. 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
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. 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 o a esta otra.
Introduce la URL de tu web y si 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:
<IfModule mod_deflate.c>
# Compress HTML, CSS, JavaScript, Text, XML and fonts
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE font/opentype
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE image/x-icon
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/xml
# Remove browser bugs (only needed for really old browsers)
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
Header append Vary User-Agent
</IfModule>
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. 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.
Entérate también sobre estos temas relacionados:
 |