Cómo mejorar la velocidad de carga de su página para maximizar los resultados

¿Alguna vez has escuchado el cuento de la liebre y la tortuga? Ya sabes, ¿aquel en el que la lenta tortuga triunfó en una carrera sobre el arrogante y veloz conejo? Bueno, es mentira. Ir despacio nunca llevó a nadie a ningún lado rápido. Eso es sentido común y buen negocio.

Bien, nos tienes. Puede cosechar los beneficios de tomar algunas cosas con calma, como comer, envejecer y caminar por escaleras empinadas mientras lleva espadas. Pero cuando se trata de SEO, no hay nada peor que ir lento.

Así que prepárate porque será un viaje de alta velocidad hacia clasificaciones más altas.

¿Por qué es importante tener un sitio web rápido?

¿Preferiría esperar más de dos días para recibir su paquete, enviar un correo postal en lugar de un mensaje de texto o esperar a que se cargue un sitio web? Nadie en su sano juicio querría hacer eso. ¿Quién tiene tiempo para eso? Ciertamente no sus clientes potenciales.

Las páginas que se cargan más rápido mejoran el rendimiento de su sitio, aumentan las puntuaciones de Google PageSpeed ​​Insights y GTmetrix, y se clasifican mejor en los resultados de búsqueda.

Pero, ¿exactamente cuánto afecta la velocidad de la página al SEO? Una página de carga lenta puede conducir a :

• Una disminución del 7% en las conversiones.
• 11% menos de páginas vistas.
• Una caída del 16% en la satisfacción del cliente.

Y con cada segundo, esos números se vuelven más y más espantosos:

• Las tasas de rebote pueden aumentar hasta un 103 % después de solo dos segundos de retraso.
• El 53% abandonará un sitio que tarde más de tres segundos en cargarse.
• El 79% de los compradores insatisfechos , debido a la velocidad de carga del sitio, es menos probable que vuelvan a comprar.

¿Cómo puedo ver la velocidad de carga de mi página?

Varias herramientas de evaluación comparativa en línea miden la velocidad de carga de la página. También pueden mostrarle el tamaño y el uso intensivo de recursos de su sitio y sugerir mejoras. Lo mejor de todo es que puedes usarlos todos gratis.

• Google PageSpeed ​​Insights realiza pruebas separadas para computadoras de escritorio y dispositivos móviles, diferenciando el tiempo de carga en diferentes etapas.
  
• GTmetrix brinda una descripción general del tamaño, el tiempo de carga de la página y la asignación de recursos, al igual que YSlow.
  
• Pingdom ofrece un servicio similar a GTmetrix.
  
• WebPageTest es un poco menos fácil de usar que los demás, pero tiende a ser más perspicaz. Cabe destacar sus opciones avanzadas, que consideran cómo funciona un sitio en diferentes navegadores.

Al ejecutar estas pruebas, seleccione las ubicaciones de prueba más cercanas a la ubicación física de su audiencia, ya que esto le dará los resultados más relevantes.

Ahora que conoce la velocidad de carga de la página de su sitio, veamos si está marcando un tiempo razonable.

¿Qué tan rápido debe cargar mi sitio web?

En general, sus páginas deberían cargarse por completo en tres segundos o menos.

Si su velocidad es de alrededor de tres a cinco segundos, no está del todo en un mal lugar, pero sus páginas están funcionando menos favorablemente de lo esperado según los estándares de dispositivos móviles de hoy. Cualquier valor superior a cinco segundos se considera pobre. Pero no importa qué tan rápido cargue su sitio, siempre podría beneficiarse de un impulso.

También debe prestar atención a su tiempo hasta el primer byte (TTFB). (WebPageTest y PageSpeed ​​Insights muestran estos datos). TTFB es el período que los navegadores esperan antes de aceptar el primer byte de datos de un servidor. Google sugiere un TTFB de 200 milisegundos o más rápido.

Aquí hay más información sobre los objetivos de velocidad de carga de la página:

• Pingdom descubrió que la mayoría de las páginas se cargan en menos de 3,21 segundos , en promedio.
  
• Google dice que el 53% de los usuarios solo están dispuestos a esperar tres segundos a que se carguen sus teléfonos antes de pasar a otro sitio web.
  
• Akamai descubrió que la velocidad promedio de carga de la página móvil de 2,4 segundos conduce a la mejor tasa de conversión.

Pero, ¿cómo puede mejorar la velocidad de carga de su página para alcanzar el objetivo de tres segundos o más rápido?

¿Cuál es la mejor manera de aumentar la velocidad de carga de la página?

Varios factores pueden afectar la velocidad de carga de la página. Algunas estrategias se pueden hacer de inmediato y tener un efecto inmediato. Otros tomarán tiempo y pruebas para ver los beneficios.

Estos son algunos de los mejores métodos:

1. Habilite la compresión gzip.

2. Optimizar imágenes.

3. Active el almacenamiento en caché del navegador.

4. Minimice HTML, CSS y JavaScript.

5. Reduzca las solicitudes HTTP.

6. Reduzca el tiempo de respuesta del servidor.

7. Considere implementar una CDN.
Bonificación: Realice mejoras específicas de WordPress.

¡En sus marcas! ¡Prepárate! ¡Aumentar!

1 . Habilitar compresión gzip

La compresión reduce el tamaño de sus archivos, lo que permite una descarga más rápida. Es una de las formas más simples y rápidas de optimizar la velocidad de carga de la página. Usar gzip para la compresión es casi una norma, aunque Brotli es un método alternativo pero popular. Cuando está habilitado, gzip puede reducir el tamaño de HTML, CSS y JavaScript hasta en un 70 %. (Ejecute una prueba gzip para ver si lo tiene habilitado).

La mayoría de los complementos de rendimiento todo en uno de WordPress le otorgan la opción de habilitar la compresión automáticamente. Puede habilitar manualmente la compresión agregando un código a su archivo .htaccess para aquellos que son más prácticos o usan un CMS diferente.

2. Optimizar Imágenes

Algunos de los culpables típicos que contribuyen a los tamaños de página grandes son las imágenes. En general, sus imágenes deben tener el tamaño adecuado y optimizarse de acuerdo con lo siguiente:

• Menos de 100 kilobytes.
• Establezca el tamaño exacto en el que se mostrará la imagen.
• Guardado como JPG (a menos que sea transparente, en cuyo caso use PNG).

Con la compresión de imágenes viene una disminución notable en la calidad, así que no permita que su deseo de tiempos de carga más rápidos afecte negativamente la calidad del diseño de su sitio web. Pero al menos, si su sitio web tiene un ancho de 600 píxeles, por ejemplo, no cargue una imagen que tenga 2500 píxeles de ancho.

Optimice las imágenes antes de subirlas usando Photoshop (pago) o GIMP (gratis). Para mayor compresión, también puede utilizar un optimizador en línea como TinyJPG. Si desea otra opción y usa un CMS como WordPress, Smush y EWWW Image Optimizer son buenos complementos de copia de seguridad. Algunos complementos también le otorgan la capacidad de habilitar una función de "carga diferida" que da prioridad al contenido de la mitad superior de la página y solo carga sus imágenes cuando un visitante se desplaza hacia abajo, lo que reduce drásticamente las solicitudes que recibe su servidor.

3. Habilitar el almacenamiento en caché del navegador

Cuando los visitantes regresan a su sitio, su navegador vuelve a descargar archivos como secuencias de comandos, imágenes y hojas de estilo, a menos que haya habilitado el almacenamiento en caché del navegador.

Con el almacenamiento en caché del navegador, los archivos estáticos se guardan en el navegador del usuario. Entonces, la próxima vez que accedan a su sitio, no necesitan descargar nada nuevamente, por lo que su página se carga mucho más rápido.

Si está utilizando WordPress, el almacenamiento en caché es relativamente fácil. Los complementos como WP Rocket y W3 Total Cache lo guían a través de todos los pasos necesarios y lo configuran para usted. Solo asegúrese de usar solo uno de estos complementos a la vez. Además, habilitar el almacenamiento en caché manualmente es un poco más complicado.

4. Minimice HTML, CSS y JavaScript

La minificación elimina el código redundante o innecesario sin afectar el rendimiento. Esto incluye la eliminación de comentarios de código, nombres largos de funciones, espaciado, etc., todo lo que no es visible para el usuario pero reduce la velocidad de carga.

Los complementos de WordPress como WP Super Minify, WP Rocket y W3 Total Cache son ideales para que los desarrolladores web novatos logren la minificación. Deberá realizar una minificación manual para otros CMS y administradores avanzados. Algunas herramientas que pueden ayudar son:

• Minificador de HTML.
• Compresor YUI o Minificador CSS.
• JSCompress o JSMin.

5. Reducir las solicitudes HTTP

Este es un grande. Aunque puede ser complicado, no dejes que te asuste. Reducir las solicitudes es el objetivo final de la optimización de la carga de la página. Debe intentar mantener el número de solicitudes HTTP por debajo o alrededor de 50.

Hay muchos métodos para agilizar estas solicitudes , así como acelerarlas.

6. Reduzca el tiempo de respuesta del servidor

Cambiar de servidor es algo que debes hacer con seriedad y sobre la marcha. Pero su servidor de alojamiento juega un papel crucial en el tiempo de carga, por lo que saber si tiene la mejor configuración es muy útil.

Por encima de todo, consulte con su proveedor para asegurarse de que sus servidores experimenten suficientes tiempos de actividad, brinden suficiente ancho de banda y estén ubicados cerca de su público objetivo. De lo contrario, considere cambiar a un servicio de alojamiento diferente.

Algunas otras cosas vitales a considerar:

• versión PHP
  Si su sitio está basado en PHP, debe usar PHP 7 o superior. El método más fácil para saber qué PHP está utilizando y cuál debe actualizarse es llamando a su proveedor de alojamiento. Pero recuerde que los cambios en PHP pueden afectar algunos temas y complementos de WordPress. Puede revertir rápidamente el PHP de su servidor si algo parece defectuoso.
  
• HTTP/2
  HTTP/2 es un protocolo del lado del servidor que puede mejorar enormemente la velocidad y la eficiencia del sitio. No todos los sitios utilizan HTTP/2 cuando pueden. Puede usar varias herramientas en línea para comprobar si su servidor es compatible con HTTP/2. Luego, contacta a tu proveedor de hosting para saber qué opciones tienes.
  
• Tipo de alojamiento
  La mayoría de las pequeñas empresas utilizan servidores de alojamiento compartido más económicos (como Bluehost, GoDaddy y HostGator). Las empresas más grandes que ven mucho tráfico en el sitio normalmente necesitan servidores privados virtuales más potentes o servidores directos para distribuir su contenido. Decida en qué categoría se encuentra utilizando su presupuesto y rendimiento como métricas.

7. Considere implementar una CDN

Las redes de entrega de contenido son perfectas para páginas que prestan servicios en muchas ubicaciones internacionales o que buscan aumentar la velocidad de su servicio de alojamiento habitual. Estos servicios de pago de terceros no solo le brindan compatibilidad con HTTP/2, sino que también reducen enormemente los tiempos de solicitud al alojar sus archivos en una extensa red de servidores globales.

Algunas opciones únicas de CDN incluyen:

• Llamarada de nube.
• StackPath.
• CachéFly.
• CDN de la nube de Google.

Solo algunos sitios necesitan una CDN (a pesar de lo que pueda sugerir GTmetrix), por lo que recomendamos ejecutar primero las otras estrategias en esta lista. Considere CDN como una opción factible si sus tiempos de carga aún necesitan ponerse al día.

Bonificación: mejoras específicas de WordPress

Otros factores podrían contribuir al tiempo de carga de su página si usa WordPress. Querrá abordar estos problemas junto con los otros métodos enumerados anteriormente.

Reducir complementos

Los complementos son fantásticos y pueden hacer mucho para mejorar la velocidad de su sitio. Pero el uso de complementos incorrectos puede tener un efecto adverso, y demasiados complementos instalados pueden causar problemas, lo que ralentiza drásticamente el rendimiento de su sitio.

Por eso es fundamental:

• Actualice y mantenga periódicamente sus complementos.
• Elimine rutinariamente los complementos innecesarios o no utilizados.
• Vea si hay alternativas más ligeras o más rápidas.
• Identifique complementos con funcionalidad redundante.
• Elimine complementos para tareas que puede realizar fácilmente de forma manual.

Por ejemplo, suponga que tiene instalado un complemento de Google Analytics. En ese caso, será mejor que agregue el fragmento usted mismo, a través del Administrador de etiquetas de Google o mediante el complemento Insertar encabezados y pies de página (que es mucho más pequeño que el primero).

Para ayudar a localizar problemas, una excelente herramienta de evaluación de complementos como Page Performance Profiler puede identificar qué complementos están afectando la velocidad de carga de su página. (No olvides quitarlo cuando hayas terminado).

Limpia tu base de datos

Con el tiempo, las bases de datos de WordPress pueden atascarse con borradores guardados, revisiones de publicaciones y otras cosas que su sitio web no necesita para funcionar. Ocasionalmente, limpiar este desorden puede ayudar a aumentar la velocidad de su sitio. Algunos complementos de rendimiento todo en uno también tienen esta capacidad (similar a WP Rocket), o puede utilizar el complemento WP-Optimize.

Actualizar CMS y Tema

Asegúrate de usar siempre las últimas versiones de tu tema y de la instalación de WordPress. (No olvides hacer una copia de seguridad de tu sitio antes de hacerlo). Si tu sitio sigue lento después de actualizar y realizar todos los cambios anteriores, podrías considerar probar un tema completamente nuevo. Si bien los temas hacen que su sitio se vea mejor, pueden traer mucho equipaje que puede atascar su sitio.

La velocidad de carga rápida de la página es más esencial que nunca

Si te lo perdiste, Google está completamente enfocado en dispositivos móviles en estos días. Y no cambiará pronto, por lo que sus páginas deben cargarse lo más rápido posible.

Todos tenemos lapsos de atención cortos, y cada vez son más cortos cada segundo. Si su página no se carga rápidamente, muchos videos de gatos pueden y lo harán. ¿Entonces, Qué esperas? ¡Ahora es el momento de empezar! Implemente estas mejoras en la velocidad de la página y la experiencia de la página ahora mismo porque los SERP no esperan a nadie.