Cómo mejorar la velocidad de mi página web - TigerSite Whatsapp

Cómo mejorar la velocidad de mi página web

febrero 26, 2020

En la búsqueda del posicionamiento de nuestros emprendimientos, hay muchos factores que pueden influir negativa o positivamente en dichos lugares, pero la velocidad de carga de una web debe ser el enfoque principal de atención que en consecuencia mejorará nuestro SEO.

Una web lenta atrae muchos problemas, los usuarios no se sienten a gusto, aumenta el porcentaje de rebote, las arañas de Google no pueden rastrear tu sitio cómodamente y en resumen te negocio se posiciona mal ¿Te ha pasado?

Si te preguntas cómo acelerar tu página web, has llegado al lugar indicado porque abordaremos temas en profundidad para que tus sitios sean lo más rápidos de sus respectivos nichos y así dominar los primeros lugares. Usualmente los problemas son generados por los tamaños de las imágenes, calidad del hosting, mala política de caché o exceso de código ¿Quieres saber como repararlo? Quédate y descúbrelo.

Acelerando nuestra página web desde 0

Los siguientes puntos, son aspectos que debemos evaluar cuando estamos en búsqueda de la optimización perfecta de aceleración. Cabe destacar que, no hay un orden en específico para realizar la auditoría de optimización porque se puede cumplir tanto una condición como todas las condiciones aquí descritas.

Hosting la base de la aceleración web

La elección del hosting es uno de los puntos de aceleración que más se ha subestimado en la última década. Cuando hablamos de hosting, hablamos del servidor que estará alojando nuestra web para proveer los recursos necesarios para el buen desenvolvimiento de la misma, sino contamos con un servidor óptimo, jamás lograremos acelerarlo por completo.

¿Has intentado correr Photoshop con 512 Mb de RAM? ¿Juegos de grandes recursos sin tarjeta de video? Si lo has hecho, sabes que es imposible, y de esta misma forma pasará con tus sitios web.

¿Cómo elegir un Hosting adecuado para aumentar la velocidad de mi web?

Para elegir el hosting adecuado, necesitas evaluar las condiciones necesarias para cumplirlo, sin importar que sea Siteground, GoDaddy, Sered u otros, una de las cosas más importantes para una buena velocidad es elegir uno cercano a mi público objetivo.

Por ejemplo, si mi público objetivo está en España, sería un error buscar un proveedor de hosting que se aleje demasiado de nuestro punto de enfoque porque la solicitud de recursos tardaría más en llegar. De ser posible, contrata un servicio de alojamiento del mismo país y te darás cuenta cómo mejoran los tiempos.

Otros puntos de velocidad respecto al hosting

Finalizado el punto más importante, también debes considerar la tecnología del equipo ofrecido para tu web, entre los comunes se puede mencionar los núcleos aplicados, la memoria RAM, procesador y el tipo de disco duro ¿Todo bien hasta este punto? Sigamos.

Peso en imágenes para la velocidad web

Es muy atractivo colocar imágenes en alta definición, deslumbrarnos con colores vibrantes y detalles minimalistas, pero cuando no sabemos nada acerca de velocidad web, este aspecto se nos puede ir de las manos afectándonos negativamente por el resto de vida del proyecto.

Gran parte del peso de un sitio web se debe a fotos o vectores que integramos a la misma, y su mala optimización acarrea lentitud, entonces ¿Qué debes hacer con las imágenes? ¡Fácil! Debes colocarlas con el peso adecuado, el tamaño adecuado y el formato adecuado para que la lectura y descargar de imágenes se acelere.

¿Cuáles son los formatos que puede añadir para acelerar Wordpress?

En la web abundan los formatos de imágenes, siendo los más comunes JPEG, PNG, GIF, pero qué te parece si te digo que, según los analizadores de Google, este no es el formato adecuado para acelerar la velocidad de carga ¿Por qué? Por la información que puede almacenar.

¿Qué pasa con los formatos tradicionales?

Los formatos como JPG y PNG suelen guardar mucha información que los equipos pueden interpretar para mostrarla. Estos factores son imprescindibles cuando se trata de fotomontaje, correcciones de color, muestreo, etc.

El problema de todo esto es que para las webs no necesitas este tipo de información, lo que necesitas son imágenes que se vean bonito en dispositivos móviles y de escritorio, pero a la misma vez que su peso sea muy ligero ¿Existe algo así? ¡Si! Te lo explicamos a continuación.

Formato WEBP para acelerar la velocidad de carga

Cómo solución definitiva para los casos de lentitud y saturación, el formato Webp es una codificación ligera de imágenes que suele ser aceptado por la mayoría de los navegadores y que por su composición es descargador por las peticiones del servidor fácilmente.

¿Cuáles son las desventajas del formato Webp?

  • No viene por defecto para su aceptación en WordPress
  • No todos los navegadores aceptan el formato

¿Cómo puedes implementar Webp en tu sitio?

Aunque no venga por defecto, si que se puede configurar nuevamente para que WordPress acepte estos formatos tan convenientes. Por el momento solo existen 2 soluciones:

  • Incluir en código correspondiente en APACHE
  • Complemento para WordPress que reescribe el archivo

¿Qué pasa con los navegadores que no leen Webp?

En la actualidad la mayoría de los navegadores como Chrome, Mozilla, u Opera pueden leer estos formatos sin ningún problema, pero todo se puede solucionar con una política de caché correcta.

¿No quieres utilizar el formato Webp?

No te preocupes porque para todo hay solución. Si no quieres hacer este paso extra aún puedes optimizar tu sitio con algún compresor de imágenes como WP Smush. Este complemento lo que hará es tomar todas tus imágenes y comprimirla para que los navegadores pueden descargarla mucho más rápido.

Si usas este complemento u otro no tiene importancia, pero te recomiendo prestar mucha atención a la configuración del tamaño luego de la compresión. Si es posibles, configúralo a tu gusto o como mejor funcione para tu web.

Lazy load para la velocidad web

¿Te gustaría que tu web solo cargue el contenido relevante para lo que ve tu pantalla? Si es así necesitas Lazy Load. Se trata de una función que realiza una carga diferida del contenido y acelerar la velocidad de carga.

¿Cómo funciona Lazy Load?

¡Fácil! Cuando abres un sitio web con carga diferida, lo que ocurre es que solo cargan aquellos elementos que puede visualizar ¿Y qué pasa con los demás? Sencillamente se mantienen a la espera del Scroll para cargar las imágenes correspondientes.

¿Es bueno usar Lazy Load?

¡Por supuesto que sí! La velocidad de carga es un parámetro muy importante para Google

¿Cómo puedes utilizar Lazy Load?

Lo único que necesitas en WordPress es un complemento dedicado a esta función, aunque hay algunos plugin de caché que lo traen por defecto.

Caché en servidor para la velocidad de carga óptima

La caché es uno de los mejores aliados a la hora de optimizar la velocidad de carga, ya que una buena optimización puede ser la solución definitiva. Cuando especificamos una política de caché correcta aliviana la carga excesiva de peticiones al servidor cuando el usuario entra a nuestro sitio.

¿Por qué la caché mejora la velocidad?

Porque una vez que el usuario entra por primera vez a nuestro sitio web, este almacena todos los datos descargados para que en una posible nueva visita no necesite descargar el contenido de nuevo.

¿Cómo puede utilizar la caché correctamente para acelerar la velocidad?

Para ahorrarnos código que posiblemente desconozcas, la mejor forma de implementar una política de caché efectiva, es a través de un complemento. En la actualidad el mejor según distintos análisis en WP Rocket que ya incluye la carga diferida.

CDN para la velocidad de carga

Una CDN es una red de servidores que se encargan de alojar elementos estáticos de nuestros sitios como las imágenes, videos, textos, recursos, etc.  Se ha demostrado que al utilizan una CDN puede aumentar la velocidad de carga ya que reduce la latencia, mejora la velocidad de transferencia y nos permite elegir el tipo de compresión de imágenes.

PWA mejora la aceleración

Una de las mejores formas de optimizar la velocidad de carga en Móviles, es con PWA o Progressive Web App, ya que Google ama la compatibilidad rápida entre web y móvil. Este tipo de tecnología optimiza la vista del contenido haciendo que la respuesta de carga sea insuperablemente rápida.

AMP la nueva solución para velocidad de carga móvil

Siguiendo el lineamiento, otra forma de acelerar nuestra página web es con el código abierto AMP que disminuye la brecha entre compatibilidad móvil y web. Esta elimina todo los CSS y JavaScript innecesario para dar prioridad a textos e imágenes. Sin embargo, debe ser utilizado con cuidado ya que reemplaza nuestros enlaces cotidianos.

Herramientas de medición

Ya hemos estudiados los conceptos básicos que toda persona emprendedora de sitios web debería conocer para acelerar la velocidad de su sitio web, pero ¿Cómo sé qué está fallando? En este momento es donde hace entrada las herramientas profesionales de medición de velocidad.

Hay muchas formas de conocer cuáles son los problemas de mi web, desde herramientas premium hasta gratuitas. Hoy abordaremos la más común, la que Google coloca a nuestra disposición para conocer dichos errores, estoy hablando del Google Pagespeed Insights.

¿Qué es Pagespeed Insights?

Es sencillamente una herramienta diseñada por Google para medir el rendimiento de carga de nuestra web. Tiene la ventaja de mostrar los tipos de dispositivos más utilizados para la búsqueda de información (Móvil y Escritorio), lo que nos da información relevante para hacer mejoras de optimización y diseño a nuestra web.

¿Cómo analizamos nuestro sitio para mejorar la velocidad en Page Speed?

Lo único que necesitamos para conocer los valores de Page Speed para nuestro sitio, es colocar nuestro enlace con el protocolo deseado en su casilla para el análisis. Al final del proceso nos mostrará el estado de optimización actual en versión móvil y escritorio, además de sus posibles mejoras.

¿Cómo se si mi sitio está mal en velocidad en Page Speed?

Esta herramienta clasifica los sitios web con un valor de 0 a 100, donde 0 es muy mal optimizado y 100 es perfecto.

Problemas más comunes para retrasar la velocidad de carga según Page Speed

No todos los sitios tienen los mismos problemas, usualmente cómo acelerar nuestro sitio web dependerá de una suma de factores que la ralentizan. Entre ellos podemos mencionar:

  • Elimina los recursos que bloqueen el renderizado: Ocurre usualmente cuando en el código se encuentran códigos JavaScript o CSS que impiden la carga rápida y correcta de nuestro sitio. También en unos de los problemas más peculiares y molestos de reparar.
  • Minifica los archivos CSS: Error que aparece cuando existe código CSS que puede ser más corto, pero no ha sido optimizado y por ende hace que la lectura y descarga del sitio web sea más lenta.
  • Minifica los recursos JavaScript: Error aparece cuando existe código JavaScript que puede ser más corto, pero no ha sido optimizado y por ende hace que la lectura y descarga del sitio web sea más lenta.
  • Evita que haya varias redirecciones de página: Es una acción que solemos hacer cuando necesitamos redireccionar el tráfico o evitar algún error, pero nos puede costar velocidad de carga. Las redirecciones hacen la lectura más lenta porque los servidores realizan peticiones a la url correspondiente y de la misma forma deben ubicar automáticamente en el enlace de redirección antes de mostrarlo.
  • Reduce los tiempos de respuesta del servidor: Ocurre cuando el servidor donde tenemos alojada nuestra web responde muy lento a las solicitudes retrasando así la carga del contenido.
  • Elimina archivos CSS sin usar: Suele aparecer este aviso cuando al terminar el análisis se detecta que en la carga de la web hay código CSS que no se utiliza, pero se mantiene ocasionando que nuestra web cargue lento.

¿Cómo soluciono todos los problemas de aceleración?

Lamentablemente no hay una fórmula secreta para arreglar todo con un clic, para reparar, optimizar y dejar un sitio web al máximo de su potencial, necesitamos invertir tiempo en solucionar todos los comunes problemas que genera el uso de CMS. Sin duda, todos estos son solucionables con o sin conocimiento de código ya que Wordpress nos facilita mucho los cambios.

Espero que estos consejos para acelerar tu web de 0 a 100 hayan sido de utilidad, no esperar más, pon tus manos a la obra y domina las SERPS.


Asesores expertos analizan tu página web

Selecciona tu plan:

Plan Lite
$ 29 USD
$ 35 USD Contratar
  • Validación propuesta de valor
  • Revisión de diseño y Usabilidad
  • Análisis de velocidad y rendimiento
  • Revisión de contenidos y conversión
  • Documento soporte con checklist y plan de acción
Plan Plus
$ 75 USD
$ 100 USD Contratar
  • Todo lo del plan Lite, más:
  • Revisión de posicionamiento en buscadores: SEO
  • Keyword research
  • Análisis de página web en plataforma de análisis
  • Consejos y mejores prácticas SEO
  • Documento soporte análisis SEO
Plan pro
$ 89 USD
$ 120 USD Contratar
  • Todo lo del plan Plus, más:
  • Estrategia de marketing online
  • Consejos y mejores prácticas de inbound marketing
  • Consejos y mejores prácticas de outbound marketing
  • Bases para una estrategia SEM y SMM
  • Documento soporte estrategia SEM.
Plan Personalizado
$
Contratar
  • ¿Quieres una asesoría personalizada? Contáctanos y la programamos :)

Herramientas de análisis