DIGITAL MARKETING AGENCY

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

Facebook
Twitter
LinkedIn
Correo electrónico
¿Cuál es el tiempo medio de carga de una página y cómo puede mejorarlo?

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

Siga leyendo.

¿Cuál es el tiempo medio de carga de una página y cómo puede mejorarlo?

 

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.

Dejar una respuesta

José Limardo

José Limardo

Escrito por

más noticias

76% del presupuesto Google y Facebook es desperdiciado

Podemos ayudarle:

¿Necesita crecer su negocio?

Nosotros

Recibir mensajes por correo electrónico

Sea el primero en saber cuándo publicamos una nueva entrada en el blog.

Únase a nuestro blog y reciba las mejores ideas, estrategias y consejos de marketing digital directamente en su bandeja de entrada.

>
es_ESES
Consultor

¿Cómo podemos ayudarle?

Llámenos +1 (305) 447-7060

Haciendo clic en Contacto botón está de acuerdo con nuestro Privacy Policy

Contacte con nuestro equipo

Hable con un especialista en resultados.

Haciendo clic en Enviar botón está de acuerdo con nuestro Privacy Policy

Obtener mi propuesta gratuita

Hable con un especialista en resultados.

Haciendo clic en Enviar botón está de acuerdo con nuestro Privacy Policy

Gracias.

Todo se ve muy bien.

Estamos deseando empezar, elijamos un momento en el que podamos hablar brevemente de su proyecto.