VELOCIDAD DE CARGA DE UNA WEB

El tiempo de carga de la página mide la rapidez con la que se carga el contenido de una web. Si de verdad quieres conseguir un diseño profesional en WordPress debes seguir estos consejos.

¿CÓMO SE MIDE EL TIEMPO DE CARGA DE LA PÁGINA?

Hay dos maneras de medir la velocidad de la página:

• Tiempo de carga de la página: Es el tiempo que transcurre desde que el navegador envía una petición al servidor hasta que la página está completamente cargada y renderizada.
• Tiempo hasta el primer byte: Es el tiempo que transcurre desde que el servidor envía la petición hasta que el navegador recibe el primer byte de datos.

Cuando se utilizan ambos métodos, siempre es mejor acelerar la página. Sin embargo, hay que tener en cuenta que Google mide la velocidad de la página como tiempo hasta el primer byte, a menudo llamado TTFB.

¿Por qué es importante el tiempo de carga de la página?

La velocidad de carga de la página es una parte importante de la usabilidad de un sitio web. Google considera que la velocidad de la página es uno de los 200 factores de clasificación que afectan a la posición de un sitio web en los resultados de búsqueda orgánica, y mejora claramente la experiencia del usuario.

Con muchos más sitios en su nicho, la competencia para conseguir tráfico en la página y mantener a la gente impresionada con una buena usabilidad se vuelve más importante cada día que pasa. Si tu sitio no se carga rápidamente, es probable que pierda visitantes en favor de la competencia en cuestión de segundos. Las páginas de carga rápida también pueden aumentar la velocidad de rastreo de tu sitio web. Si quieres mejorar el posicionamiento también puedes echar un vistazo a nuestro post recomendaciones seo para mejorar el posicionamiento.

Cuanto más rápido se cargue un sitio, más páginas podrá rastrear Google a la vez. Una alta velocidad de carga también puede aumentar los requisitos de rastreo de la web, lo que significa que Google rastreará más páginas. También hay que tener en cuenta que la empresa de alojamiento y el paquete que elijas pueden afectar a la velocidad de tu web. Si, al igual que el 37% de los sitios web de todo el mundo, utiliza WordPress, es posible que desees elegir un alojamiento gestionado para WordPress para ahorrar tiempo y obtener asesoramiento de expertos.

10 CONSEJOS PARA MEJORAR LA VELOCIDAD DE CARGA DE TU WEB

He aquí 10 consejos rápidos para optimizar el tiempo de carga de su sitio web:

1. Optimizar el tamaño y el formato de las imágenes

Las imágenes de su sitio pueden ocupar mucho ancho de banda, lo que afecta al tiempo de carga de la página. No basta con reducir el tamaño de las imágenes HTML en un sitio web, ya que esto sólo cambia la apariencia de la imagen y no su tamaño real. Utiliza herramientas de edición de imágenes externas, como Photoshop, para cambiar el tamaño de las imágenes y ajustarlas a 72 ppp. Utiliza también herramientas de optimización de imágenes que compriman aún más la imagen para reducir su tamaño:

• Eliminación de JPEG y PNG
• Smush.it
• Optimización de imágenes en línea
• SuperGIF

Para optimizar el tiempo de carga de la página, lo ideal es ceñirse a formatos de imagen estándar como JPG, PNG y GIF.

2. Optimización de tu wordpress

-Plugins:

Un sitio que requiere plugins puede ralentizar la velocidad de carga de la página. No todos los plugins son innecesarios, como los plugins para compartir en redes sociales, que ahora son una parte esencial de cualquier sitio. Sin embargo, siempre hay que comprobar si existe una alternativa mejor a un plugin, por ejemplo utilizando un CMS con plugins sociales incorporados.

-Scripts de seguimiento:

Aunque es sensato hacer un seguimiento de las estadísticas de tráfico de un sitio, no se recomienda utilizar varios programas de seguimiento, ya que esto puede limitar el tiempo de carga de la página. Si utiliza un CMS como WordPress, habilite los scripts de estadísticas de WP para que se ejecuten en la página o en Google Analytics, pero no ambos.

-Software CMS:

Si utilizas un CMS como WordPress, te recomendamos que compruebe las actualizaciones de software con frecuencia, pero no las cargues en tu sitio en vivo. Ejecute las actualizaciones en un servidor separado primero para probarlas. El seguimiento de las actualizaciones de software también mejora la velocidad del sitio.

3. Evitar los archivos JS y CSS en línea

Es una buena práctica colocar los JS y CSS de tu web en archivos externos. Cuando la página se carga, el navegador almacena en caché estos archivos externos, reduciendo el tiempo de carga de la página en la siguiente petición. También es más fácil mantener tu sitio web cuando tienes archivos JS y CSS externos.

4. Optimización de la caché

Cada vez que un visitante carga tu web, los archivos de imagen, los archivos CSS y los archivos Java también se cargan en la página web, lo que hace que la página tarde más en cargarse. Si la caché está bien configurada, el navegador puede guardar estos recursos y archivos para futuras peticiones. Cuando se recarga la página, estos archivos se pueden recuperar de la caché en lugar de volver a descargarlos de Internet. Esto también reduce el ancho de banda y los costes de alojamiento.

Puedes utilizar la cabecera Expires para los elementos estáticos del sitio y la cabecera Cache-Control para los elementos dinámicos del sitio. Estas cabeceras permiten almacenar en caché diversos elementos del sitio web, como imágenes, hojas de estilo, scripts, flash y otros. Mediante la cabecera Expires se puede controlar el tiempo que se pueden almacenar en caché los componentes de una página web.

5. Evitar los scripts que bloquean las vistas previas

Coloca el archivo javascript al final del body, o cárgalo de forma asíncrona utilizando el atributo «async».

6. Evita los redireccionamientos

Evitar los redireccionamientos mejora la velocidad del servicio. Ten en cuenta que algunos redireccionamientos no pueden evitarse y, por lo tanto, deben iniciarse, pero esto requiere HTTP adicional y aumenta el tiempo de carga de la página. Comprueba si hay enlaces rotos y arréglalos inmediatamente.

7. Configurar el cifrado G-Zip

Al igual que se empaquetan y comprimen los archivos en el ordenador para reducir su tamaño total cuando se transfieren archivos en línea, los archivos pesados de tu web pueden empaquetarse con algo llamado compresión G-Zip. Esto ahorra ancho de banda y tiempo de descarga, y reduce la velocidad de carga de la página. Debe configurar su servidor para que devuelva el contenido en formato ZIP.

8. Reducir las peticiones HTTP

Utiliza sprites CSS para reducir el número de solicitudes de imágenes. Usa los elementos CSS background-image y background-position para combinar la imagen de fondo en una sola imagen. Combinar imágenes incrustadas en una hoja de estilo almacenada en la caché. Del mismo modo, combina todos los archivos javascript en un solo archivo y todos los archivos CSS en un solo archivo.

9. Minificación de JavaScript y CSS

La minificación es un proceso en el que el código se comprime renombrando las variables con nombres más cortos, reduciendo el tamaño del código y, por tanto, el tiempo de carga. Para ello, se recomienda utilizar el archivo uglify.js.

10. Reducir el tamaño de las cookies

Las cookies se utilizan para almacenar datos que se guardan entre peticiones. Estos datos se envían con cada solicitud y cuanto mayor sea el tamaño, mayor será el tiempo de carga. Por lo tanto, al reducir el tamaño de la cookie, se puede reducir la cantidad de datos transmitidos y, por lo tanto, reducir el tiempo de carga de la página. Eliminar las cookies innecesarias o reducir el tamaño de las mismas.

En Alain Haya estamos especializados en hacer webs rápidas, optimizadas y respetuosas con el medio ambiente, puedes ver más información en Diseño de páginas web en Cantabria.