Igual no te lo has planteado siquiera, pero es importante que consideres si la velocidad de carga de tu web es lo suficientemente r√°pida.

Esto es algo que afecta a los visitantes y posibles clientes. Si tu web no carga r√°pido, se marchar√°n. Pero es que tambi√©n afecta a c√≥mo te ve Google, y a tu posici√≥n en los resultados de b√ļsqueda.

Te cuento más en detalle porqué es importante, cómo comprobar la velocidad de tu web, qué tiempo de carga es aceptable, y cómo mejorarlo.

¬ŅPor qu√© es importante el tiempo de carga de tu web?

Hay dos motivos principales: a la gente no les gusta esperar, y va a afectar a tu posicionamiento en google.

1 – Los visitantes no van a esperar

Est√° estudiado que los usuarios tienden a abandonar una web que tarda en cargar. Si alguien descubre tu web, por ejemplo en la b√ļsqueda de google, e intenta entrar… no va a esperar mucho antes de ir a mirar en otro lado.

2 РTe va a ser más difícil aparecer en Google

Adem√°s, el algoritmo de google tiene en cuenta los tiempos de carga a la hora de ordenar las posiciones de los resultados de b√ļsqueda. Ya que saben de alg√ļn modo, que en una p√°gina con un buen tiempo de carga es m√°s probable que el usuario encuentre lo que busca: la respuesta a su consulta lo antes posible.

Y si tu web es muy lenta, ese resultado no vas a ser t√ļ. ūüôĀ

Es por esto que la velocidad de carga web es un factor muy importante actualmente en SEO.

Aunque no lo creas, reducir el tiempo de carga, también te puede ayudar a aumentar las visitas a tu web.

¬ŅCu√°nto deber√≠a ser el tiempo de carga de tu web?

Se estima que el límite máximo serían unos 2 a 3 segundos de carga. Lo ideal serían menos de 2 segundos. Si tu web tarda mucho más en cargar, deberías revisarlo.

Yo intento mantener todas las webs que gestiono mías y de mis clientas en estos márgenes. Y te aseguro que se puede llegar a notar la diferencia.

Aquí puedes ver algunas de ellas que mantengo monitorizadas.

Ahora te contaré cómo puedes saber la velocidad de tu web.

¬ŅC√≥mo saber la velocidad de carga de tu web?

Si quieres medir cómo de rápida es tu página web, puedes utilizar las siguientes herramientas de test de velocidad, con las que podrás saber el tiempo de carga de tu web.

Herramientas para medir la velocidad de carga de tu web

Ya sólo con la información que te dan estas tres herramientas, y las indicaciones, tienes suficiente para mejorar la velocidad de tu web.

NOTA: Recuerda poner siempre la URL tal cual aparece en tu navegador. Si omites los https o www en caso de que tu web los tenga, dar√° un tiempo m√°s alto.

Pingdom

Pingdom РUna de las más sencillas y más completas, que te da el tiempo de carga de tu web, y una valoración general. El resto de información es algo técnica, pero investigando los datos, puedes determinar qué parte de la web es la que más está ralentizando.

Herramienta para medir la velocidad web - Pingdom

Pagespeed de Google

Speed Insights de Google – Te ofrece una «nota» para tu p√°gina y una serie de sugerencias. Aunque actualmente es bastante exigente, y es relativamente complicado sacar una buena nota. (A m√≠ me ha costado lo suyo).

Herramienta de Google para medir el tiempo de carga de la web - Google PageSpeed Insights

GTMetrix

GTmetrix Es otra herramienta que hace un análisis de la velocidad de carga de tu web. En esta se encuentran sugerencias bastante específicas y muy claras sobre las imágenes.

(Eso sí, al hacer el análisis desde Canadá, da un tiempo algo mayor).

Medir la velocidad de carga web con GTMetrix

¬ŅC√≥mo mejorar la velocidad de carga web WordPress?

Puedes aplicar distintas técnicas para hacer tu web WordPress más rápida. Algunas son muy sencillas y cualquiera puede aplicarlas. Otras son algo más complejas, y hay que tener cuidado al hacer cambios ya que se puede dejar la web inaccesible.

Te dejo algunas t√©cnicas para mejorar el tiempo de carga de tu web WordPress. Tambi√©n te indico una valoraci√≥n (F√°cil / Medio / Avanzado) seg√ļn la dificultad y posible riesgo para aplicarlas.

Recuerda siempre hacer copias de seguridad de tu web antes de instalar plugins o modificar nada.

¬ŅQu√© puedes hacer para optimizar la velocidad de tu web?

  • Optimizar im√°genes (F√°cil)
  • Instalar un plugin de Cach√© (F√°cil-Medio)
  • Activar carga diferida de im√°genes (Medio)
  • Reducir plugins (Medio-Avanzado)
  • Optimizar c√≥digo (Medio-Avanzado)
  • Configuraci√≥n t√©cnica de compresi√≥n y cach√© en htaccess (Avanzado)
  • Lanzarte a usar AMP (Avanzado)

Optimizar im√°genes (F√°cil)

En muchos casos el tiempo de carga de la web se debe a que las imágenes son demasiado grandes. NO subas nunca fotos directas de la web o de tu cámara de fotos. Siempre deberías reducirlas, y comprimirlas.

Hay plugins para WordPress como Smush que hacen esto autom√°ticamente. Sino, tendr√°s que utilizar un editor (Por ejemplo Gimp o incluso Paint).

También puedes comprimir las imágenes online en tinyPNG. Ahí sólo tienes que arrastrar la imagen, la comprime, y la descargas reducida.

Instalar un plugin de Caché (Fácil-Medio)

En WordPress puedes instalar un plugin para que tenga una copia «preparada» de cada p√°gina de tu web. Esto mejora el rendimiento notablemente.

Yo actualmente estoy usando el plugin WP Super Cache con buenos resultados. Es muy sencillo, y para activar la caché sólo hay que marcarle en activado y actualizar el estado.

Cómo activar la caché con WP Super Caché

Activar carga diferida de im√°genes (F√°cil-Medio)

Puedes utilizar un sistema de carga diferida de imágenes (Lazy Load) también con plugins. Esto hará que las imágenes no se carguen hasta que se vayan a mostrar en pantalla. Con esta técnica ganarás bastante tiempo también.

Puedes hacerlo, si usas Jetpack (aunque si puedes evitarlo mejor, ya que afecta bastante al rendimiento). Con las opciones de Ajustes > Rendimiento. > Activar carga diferido de im√°genes.

La opción de Acelerar el tiempo de carga de las imágenes también es interesante.

O sino, con plugins. Por ejemplo, A3 Lazy Load. Y verás cómo se nota.

Reducir n√ļmero de plugins (Medio- Avanzado)

Revisa si puedes prescindir de alguno. Piensa bien si son necesarios.

Para esto, está claro que debes saber para qué sirven todos los plugins que tiene tu web (sería importante que lo supieras).

En caso de que todos lo sean, y a√ļn necesites optimizar, hay opciones para optimizar y que se carguen en cada momento s√≥lo los que se necesiten. O aplicar algunos de los cambios por c√≥digo en vez de con plugins (Esto ya ser√≠a avanzado).

Optimizar código (Medio-Avanzado)

Hay cosas que se pueden / deben hacer a mano, pero también hay plugins que ayudan a optimizar el código para que se envíe de forma más eficiente al servidor.

En este caso, est√° por ejemplo el plugin Autoptimize. Aunque en algunos casos puede generar alg√ļn desajuste en la funcionalidad o en el dise√Īo que habr√≠a que intentar resolver.

Configuración htaccess (Avanzado)

Esto consiste en incluir algo de código en el fichero .htcaccess de tu web. Es una de las cosas que verás recomiendan las herramientas de test de velocidad web. Aunque obvio, es algo más delicado y que no debe hacerse a la ligera.

Siempre debes hacerlo conectado a tu servidor o por FTP para poder restaurar el fichero si algo falla, y hacer una copia de seguridad antes.

No voy a entrar en más detalles, porque es algo ya bastante complejo. Si te atreves, escríbeme y te paso el código que yo estoy usado.

Usar AMP (Avanzado)

Tampoco voy a entrar en mucho detalle. Sólo mencionarlo.

AMP es un sistema de carga r√°pida, con una web simplificada, pensado en m√≥viles. S√≥lo se abre cuando alguien accede a la web desde la b√ļsqueda de Google, y te puede hacer ganar posiciones en los resultados.

Yo lo he estado usando en mi blog y me supuso una gran subida en las visitas. Aunque dir√≠a que √ļltimamente se nota menos.

Revisar la velocidad de tu web con frecuencia

Tienes que tener en cuenta que casi cualquier cambio en tu web puede alterar la velocidad de carga. Tampoco es la misma velocidad para toda la web. Si en una entrada subes una imagen m√°s pesada, ser√° m√°s lenta.

También depende obvio del servidor, cuantas visitas tengas, y cómo de sobrecargado esté.


Ejemplo real: Optimizar una web

Aunque el tiempo de carga es algo que tuve bastante en cuenta desde el principio, no empecé a preocuparme de ello realmente hasta más adelante. Cuando empecé a ver una repercusión negativa.

Como te dec√≠a, es algo que vale la pena monitorizar. Por si algo que hagas en alg√ļn momento empeora los tiempos de carga.

En mi caso, llegó un punto en que en mi Blog Las Aventuras de Taisa había incluido tantos Plugins, (y veía que de primeras no podía prescindir de ninguno) que la velocidad de carga comenzó a resentirse. Y con ello las visitas y posiciones en google.

Así que tuve que meterme y profundizar en ello, para encontrar soluciones.

Cambio de tema y revisión en profundidad

Lo bueno y malo que tiene dedicarme al dise√Īo web, es que cuanto m√°s aprendo, m√°s quiero aplicar en mis propios proyectos. ūüėČ

A finales de Septiembre de 2018 me metí a hacer algunas mejoras en la web.

  • Cambi√© el tema, instalando un tema premium optimizado y preparado para blogs. Y con ello quit√© varios plugins.
  • Apliqu√© varias de las t√©cnicas anteriores, plugin de cach√©, reducci√≥n de im√°genes, y mejoras en el htaccess.

Como puedes ver, reduje el tiempo de carga como a la mitad.

Aunque ya tenía la web en unos 2 segundos de carga, como digo no paro. Durante el proceso de preparar esta entrada, he aplicado un par de cambios más, reduciendo drásticamente de nuevo el tiempo de carga.

  • He instalado un nuevo plugin para carga diferida de im√°genes. (Hab√≠a probado otros sistemas anteriormente que me dieron problemas)
  • Reduje el tama√Īo de algunas im√°genes de la portada.
  • Apliqu√© algunos cambios en c√≥digo.

Y con ello es con lo que he sacado los resultados que te mostraba al inicio cuando te hablaba de las herramientas para medir la velocidad de carga de la web. (Y te puedo decir que hasta hace poco los veía inalcanzables).

Si haces el test de velocidad con tu web, no te asustes con los resultados.

Fíjate sobre todo en el tiempo de carga. Y mira a ver qué puedes hacer para mejorarla, sin volverte loca.

¬ŅQuieres ayuda para que tu p√°gina wordpress sea m√°s r√°pida?


Echa un vistazo a los planes de mantenimiento web para WordPress y hagamos que tu p√°gina vuele. ūüėĀūüöÄ