Porque el tiempo vale oro, no hagas que tus usuarios lo pierdan mientras tu web carga.
Para mejorar la velocidad de carga de tu web, Google ofrece la herramienta Google PageSpeed Insights, que nos proporciona datos de rendimiento real de las páginas web, especialmente útil para los proyectos de diseño web, nos brinda la puntación de velocidad de carga en móviles y en ordenadores. Además de brindar consejos para mejorar la puntuación.
Análisis de SpeedPage:
Experiencia de Usuario de Chrome (CrUX):
Este mide la experiencia del usuario en la web, por medio de los usuarios que han optado por sincronizar su historial de navegación y tienen habilitados los informes estadísticos de uso.
First Contentful Paint /FCP):
El FCP es el primer contenido que se carga inicialmente al acceder a una web, que es de la mitad a la parte superior en el navegador.
DOMContentLoaded (DCL):
El evento de carga total de la web entre ellas los archivos css, js y recursos externos.
SpeedPage tiene en cuenta lo siguiente:
- EL certificado SSL
- Si los archivos HTML, Css y JavaScript están minificados
- Si la web usa algún sistema de caché
- Sí tienes tus imágenes optimizadas
- Si tu pagina esta indexada
SpeedPage te da una puntuación:
La puntuación de 0 a 100 (buena, media o baja):
Buena: Superior a 80
Media: Entre 60 y 79
Baja: Entre 59 a 0
Para empezar tienes que tener en cuenta:
- El hosting debe de tener las características que necesita tu proyecto web, el ancho de banda, el almacenamiento, soporte técnico, entre otros dependiendo de tu sitio web.
- A la hora de comprar la plantilla que usaras en tu sitio, debes analizarla en SpeedPage así sabrás si el tema que eliges tiene los recursos optimizados.
- A la hora de usar plugins agrega sólo los que consideres necesarios
- Optimiza las imágenes que subirás a tu web
- Optimiza tu base de datos
- Si finalizas la edición de tu web y no vas a realizar ningún cambio, podrás usar un plugin para gestionar el caché y así ayudar a la carga de tu web.
Al finalizar de subir el contenido, editar textos y cargar imágenes y que no realizarás más cambios, puedes empezar:
Ve a la página de SpeedPage, escribe la url de tu página web:
Saldrá los datos a tiempo real de la velocidad de tu web entre estas:
Estadísticas de la página:
- Cuántos ciclos de ida y vuelta necesita tu web para cargar completamente (Recuerda cuantos menos ciclos de ida y vueltas necesite tu pagina cargará más rápido)
- Te avisará si tienes algún recurso que este bloqueando la web o causando conflicto
- Número de recursos que cargan y el peso total de estos
Sugerencias de optimización
En esta sección te mostrará los problemas, sugerencias, prácticas recomendadas, algunas sugerencias para reducir el tiempo de respuesta del servidor, mostrándote cuanto tardo en responder tu web y te brinda la siguientes recomendaciones para mejorar el tiempo de respuesta de los servidores. Para ver el documento da clic aquí.
Te dará comentarios sobre la estructura HTML de tu web y las posibles mejorías que podrás realizar, de igual forma con el uso de recursos externos, entre ellos (imágenes, archivos: css, javascript). En cada uno de los ítems que da sugerencia, muestra la forma de cómo podéis mejorar:
*Al final de las sugerencias encontrarás un enlace donde Google te da algunos recursos que ha optimizado (recursos de imagen, JavaScript y CSS):
Esto es una gran ayuda, descarga estos archivos y ve a tu CPpanel y busca el archivo que te ha dado SpeedPage y cámbialo por el nuevo archivo optimizado. De igual forma con las imágenes, búscalas en el CPanel y cámbialas por las que ha optimizado SpeedPage.
Hazlo tú mismo
Pero si lo tuyo es hacerlo tú y leer sobre cada cosa que realizas, lo podrás hacer en la siguiente lista podrás ver las sugerencias y cómo hacerlo:
- Evitar redirecciones a páginas de destino(Para ver las sugerencias de Google da clic aquí)
- Reducción del HTML(Para ver las sugerencias de Google da clic aquí)
- Eliminar archivos que bloqueen la visualización de la web. Mira cómo puedes hacerlo aquí
- Minificar JavaScript (Para ver las sugerencias de Google da clic aquí)
- Minificar Css (Para ver las sugerencias de Google da clic aquí)
- Aprovechar el almacenamiento en caché del navegador, caché
- Habilitar compresión Gzip (Mira cómo hacer aquí)
- Prioriza el contenido visible, google te muestra cómo hacerlo: aquí
- Optimizar imágenes (Ver la guía)
- Mantente actualizado sobre las mejoras del algoritmo
Al terminar de realizar todos estos pasos vuelve a pasar tu url por SpeedPage, te darás cuenta que porcentaje ha mejorado; recuerda que estos datos se actualizan cada día y varía si subes contenido(imágenes, videos, audio), instalas plugins, entre otros, afectan a la velocidad de carga, es decir, que con él tiempo debe de revisar los datos de tu web.
Esperamos que esta información te sirva y puedas mejorar tu velocidad de carga.
Recuerda que también podemos gestionar la velocidad de carga de tu web con nuestro servicio de SEO y Diseño Web
