Tiempo medio de carga de la página y cómo se puede mejorar.

Ahora presentaremos algunos trucos para acelerar el tiempo de carga de la página

Siga leyendo.

1. Activar la compresión Gzip para aumentar el tiempo de carga de la página

Gzip es un formato de compresión de archivos para la web. Es decir, reduce el tamaño de los archivos enviados por el servidor y el tiempo de transferencia, con tasas de compresión de hasta 90% en los archivos más grandes.

Esta es una de las medidas más eficaces para reducir tiempo de carga de la página.

Todos los navegadores actuales admiten este formato y procesan la compresión automáticamente cuando el usuario entra en un sitio web.

Sólo hay que asegurarse de que el servidor está configurado para que los archivos comprimidos estén disponibles cuando el usuario los solicite.

Algunos servidores lo hacen automáticamente. En este enlace, puede comprobar si la compresión Gzip ya funciona en su sitio. Si no es así, hay varios plugins de caché para WordPress que permiten la compresión Gzip.

Uno de ellos es WP Fastest Cache, que muestra una simple casilla con todo lo que se puede configurar, incluyendo la compresión Gzip.

2. Reducir el tamaño de las imágenes

Las imágenes tienen un gran impacto en el peso y la carga de un sitio web. Según HTTP Archive, en mayo de 2019, representaban más de la mitad de los bytes de un sitio web.

Optimizarlos, pues, puede ser uno de los primeros pasos para mejorar la velocidad del sitio web.

Empecemos por reducir el tamaño. Para ello, puedes utilizar un plugin de optimización de imágenes para WordPress, como Optimus y Tinypng.

Estas aplicaciones reducen los kilobytes de las imágenes (sin perder calidad) y eliminan toda la información superflua que los programas de edición pueden guardar con el archivo.

Permiten que estas acciones se realicen automáticamente, durante la carga, en las imágenes que se van a incluir, pero también en las que ya están en el sitio.

3. Utilizar los formatos de última generación para las imágenes

Otra acción importante para optimizar las imágenes es utilizar los formatos de archivo más actuales, como JPEG 2000, JPEG XR y WebP.

Suelen tener una mejor compresión manteniendo la calidad en comparación con JPEG y PNG. Esto reduce el consumo de datos móviles y acelera la carga.

En las aplicaciones Optimus e Imagify es posible la conversión automática a WebP. Este formato es compatible con los navegadores Chrome y Opera y, por término medio, es 25-34% más pequeño que JPG.

4. Suba las imágenes en el tamaño que se utilizará

Si va a utilizar una imagen de tamaño 313 × 235, por ejemplo, ¿por qué incluirla en el sitio web en tamaño 640 × 480?

¿Sabías que dejar que el sitio haga este cambio de tamaño a través de HTTP o CSS puede ralentizar la carga? Además, la imagen ocupará más espacio innecesariamente, ya que se utilizará en un tamaño menor.

Por lo tanto, guarde la imagen en las dimensiones que se utilizarán en el sitio web, evitando así que el servidor pierda tiempo con el cambio de tamaño y espacio con una imagen que podría ser más clara.

5. Aplazar el carga de imágenes fuera de la pantalla

Incluso las imágenes que no aparecen en la pantalla afectan al tiempo de carga de las páginas, lo interesante es que es posible posponer la carga mientras el navegante se desplaza por la página, ¿lo sabías?

Esto significa que el desarrollador utiliza la función de carga diferida para las imágenes ocultas en la pantalla. Por lo tanto, éstas sólo se cargan en caso de que el usuario llegue a ellas con el desplazamiento.

Esta función se puede configurar con los plugins de WordPress: Lazy Load o Lazy Load de WP Rocket. Ambas opciones son muy sencillas de utilizar.

6. Reducir HTML, CSS y Javascript

Cuando un desarrollador crea los códigos de un sitio web, es habitual que incluya saltos de línea, espacios en blanco y comentarios.

Esa información no influye en el contenido que ve el usuario, pero está ocupando espacio y puede aumentar el tiempo de carga.

Por ello, las herramientas suelen recomendar la eliminación de estos caracteres superfluos. Esto es lo que se hace al "minificar" los códigos HTML, CSS y JavaScript, para hacerlos más ligeros.

Pero no tienes que hacer todo este trabajo código a código, ¿vale? Hay aplicaciones gratuitas para eso, como W3 Total Cache y Autoptimize. Pero, incluso utilizando una aplicación fiable, siempre es importante mantener una copia de seguridad de tus archivos.