La velocidad de carga es una medida de la rápidez con la que se carga el contenido de la página, también se puede describir como “tiempo de carga de la página” (el tiempo que tarda en mostrar completamente el contenido en una página específica o “tiempo hasta el primer byte” (cuanto tiempo tarda el navegador en recibir el primer byte de información del servidor web).
Este artículo es de la modalidad Autor Invitado, donde Gary Briceño de Club de Tecnología, nos cuenta algunos tips y preceptos muy interesantes en cuanto a la velocidad de carga.
Si al igual que Gary consideras que tienes un algún tema que aportar y sumarte a la iniciativa de Autor invitado, puedes escribir a [email protected] y nos comunicaremos contigo para darte algunas pautas básicas. Entre ellas que el tema este relacionado con WordPress, que aporte recursos, tips o ideas de como realizar algún proceso, no esperamos un artículo extremadamente largo ni complejo, más bien que aporte valor y una base de conocimiento.
Acerca de Gary: Ingeniero Electrónico – UNI – Perú, con más de 15 años trabajando en el desarrollo de aplicaciones web y móviles con tecnologías Open Source, en proyectos en Perú, Argentina, Chile y Colombia. Dominio de Java, Python, PHP y Android. Certified Scrum Master y Certified Scrum Developer.
No importa cómo se mida, una velocidad de carga más rápida es mejor. Para los buscadores y el posicionamiento de una página, las páginas más rápidas se clasifican y se convierten mejor.
Buenas prácticas de SEO
Google ha indicado que la velocidad de carga (y cómo resultado, la velocidad de la página) es una de las variables utilizadas por el algoritmo para clasificar las páginas. Además, una velocidad de página lenta significa que los motores de búsqueda pueden rastrear menos páginas usando su presupuesto de rastreo asignado, y esto podría asignar negativamente a la indexación.
La velocidad de la página, sobre todo, es importante para la experiencia usuario. Las páginas con un tiempo de carga más largo tienden a tener tasas de rebote más altas y un tiempo promedio más bajo en la página.
¿Que podemos hacer? ¿Que debemos entonces tener en cuenta para mejorar la velocidad de carga?
Aquí algunas de las maneras de incrementar la velocidad carga:
- Activar la compresión: Utilice Gzip, para la compresión de archivos a fin de reducir el tamaño de los archivos CSS, HTML y JS de más de 150 bytes. No se debe utilizar Gzip en archivos de imagen.
- Minificar CSS, HTML y JavaScript: Al optimizar el código (incluida la eliminación de espacios, comas y otros caracteres innecesarios), se puede incrementar la velocidad de la página. También puedes eliminar comentarios de código, formatos y código no utilizado.
- Reducir re-direcciones: Cada vez que una página redirige a otra página, el visitante enfrenta un tiempo adicional a la espera que se complete el ciclo de solicitud y respuesta HTTP.
- Aprovechar el caché del navegador: Los navegadores almacenan en caché una gran cantidad de información (CSS, imágenes, archivos JS y más) para que cuando el visitante regrese a su sitio, el navegador no tenga que volver a cargar la página completa. En muchos casos, a menos que el diseño de su sitio cambie con frecuencia, un año es un período de tiempo razonable.
- Mejora el tiempo de respuesta del servidor: El tiempo de respuesta del servidor se ve afectado por la cantidad de tráfico que recibe, los recursos que utiliza cada página, el software que utiliza el servidor y la solución de alojamiento que utiliza. El tiempo de respuesta óptimo del servidor es inferior a 200 ms.
- Uso de una red de distribución de contenido: Las redes de distribución de contenido (CDN), también llamadas redes de distribución de contenido, son redes de servidores que se utilizan para distribuir la carga de la entrega de contenido. Básicamente, las copias de su sitio se almacenan en centros de datos múltiples y geográficamente diversos para que los usuarios tengan un acceso más rápido y confiable del sitio.
- Optimizar imágenes: Se debe asegurar de que las imágenes no sean más grande de lo que deben ser, que estén en el formato de archivo correcto (los PNG son generalmente mejores para gráficos con menos de 16 colores, mientras que los JPEG son generalmente mejores para fotografías) y que estén comprimidas para la web.
Todos nuestros Temas Premium son validados con los factores básicos para que su velocidad de carga sea optima. Por ejemplo puedes probar el Demo de MegaHost Tema WordPress para Hosting
¿Cómo validar la velocidad de carga de un sitio WordPress?
En primer lugar, a fin de determinar las mejoras a realizar en nuestro sitio web, debemos medir la velocidad del mismo y saber que mejoras podemos realizar. Es por esto que recomendamos que realices pruebas en el sitio web utilizando herramientas como Pingdom.
De esta forma podemos ver la velocidad de carga antes y después de la aplicación de las mejoras.
Acelerando nuestro sitio WordPress en pasos sencillos (sin codificación)
El realizar cambios en un sitio web puede que no sea sencillo, sobre todo si estamos empezando. Ya anteriormente habíamos mencionado algunos factores del desempeño web y porque es importante. A continuación mostraremos cómo se puede acelerar un sitio de WordPress con tan sólo algunos clics.
- Aprovechar el caché del navegador: Las páginas de WordPress son “dinámicas”. Esto significa que se cargan sobre la marcha cada vez que alguien visita una publicación o página del sitio web. La carga de páginas implica una gran cantidad de pasos, por eso que se recomienda utilizar un plugin de caché.
Hay muchos complementos de caché disponibles para WordPress, uno de los más recomendados es WP Super Cache . En el siguiente enlace puede ver la configuración paso a paso . - Optimización de imágenes: Las imágenes dan vida al contenido, los investigadores han descubierto que el uso de imágenes en color hace que las personas tengan un 80% más de probabilidades de leer el contenido. Pero si las imágenes no están optimizadas, pueden estar lastimando más que ayudando. Para optimizar las imágenes también puede utilizar Smush Image Compression , el cual optimiza y comprime las imágenes de las imágenes del sitio web.
- Uso de una red de entrega de contenidos (CDN) : Los usuarios en diferentes ubicaciones geográficas pueden experimentar diferentes tiempos de carga, esto porque la ubicación de los servidores puede tener impacto en la velocidad del sitio. Utilizar una CDN puede ayudar a acelerar los tiempos de carga de los visitantes. Cuando utiliza una CDN, cada que un usuario visita un sitio web, se le sirven los archivos estáticos desde el servidor más cerca de ellos. Por lo general estos servidores requieren un pago mensual, más se podría utilizar Jetpack para un acceso básico a CDN. Jetpack utiliza la red de contenido de WordPress.
- Minimizar CSS/JavaScript en WordPress: El termino minimizar se usa para describir un método que reduce el tamaño del sitio web. Logra este objetivo eliminando espacios en blanco, líneas y caracteres innecesarios del código fuente. Uno de los complementos más recomendados es Better WordPress Minify , el cual permite combinar y minimizar los archivos CSS y JS.
Con estos complementos de WordPress mejorará la velocidad de carga del sitio web. Evalué constantemente la evaluación de la velocidad de carga, una opción es utilizar Pingdom, tal cual lo indicamos anteriormente, otra opción es utilizar Google Analytics y la opción de Site Speed.
Referencias: