La optimización de la velocidad de página es crucial para cualquier sitio web y es fundamental para su SEO y la experiencia del usuario. Además, tiene una gran influencia en las clasificaciones de tráfico de su sitio y en las métricas de Google. La velocidad de las páginas puede medirse y mejorarse de varias maneras, y este artículo ofrece una descripción básica de cómo hacerlo. Pero primero, un esbozo de cómo se cargan las páginas:
- Un usuario va a su sitio web y pone en un sitio web que conduce a una solicitud de DNS.
- Esto los vincula con el proveedor de nombres de dominio, que los redirigirá a su servidor, donde están todos sus archivos.
- El modelo de objetos del documento (DOM) carga el HTML, CSS y JavaScript de la página. Por lo general, el DOM necesita solicitar recursos adicionales a tu servidor, que es donde se producen las mayores ralentizaciones.
En cuanto al modo en que Google clasifica la velocidad de las páginas, existen dos métricas principales que tiene en cuenta:
- tiempo de carga por encima del pliegue: Tiempo transcurrido desde el momento en que un usuario solicita una nueva página hasta que el navegador muestra el contenido de la mitad superior de la página.
- tiempo de carga de la página completa: Tiempo transcurrido desde que un usuario solicita una nueva página hasta que el navegador la renderiza por completo.
Factores que influyen en la velocidad
Hay varias cosas que hay que tener en cuenta cuando su sitio web se ralentiza. Uno de los primeros es imágenesya que las más pesadas pueden dificultar gravemente la carga. Para resolver este problema, es posible que tengas que comprimir y redimensionar tus imágenes para que estén a la altura. Como regla general, una página no debería superar el megabyte (y la mayoría ni siquiera necesita ese tamaño). La optimización de imágenes es el culpable más común, causando ralentizaciones en numerosas páginas por negligencia y por no llevar un control de cómo se suben las imágenes.
Aunque los CMS como WordPress pueden hacer un buen trabajo de redimensionamiento y compresión, es mejor que lo hagas tú mismo. Dejárselo a WordPress a menudo significa que tus archivos serán entre un 15% y un 30% más grandes que si los hubieras comprimido manualmente antes de subirlos.
Alojamiento es otro factor que puede dar ventaja a tu página. Es importante elegir un paquete de alojamiento web que ayude a mejorar la velocidad de carga de la página. Esto se puede mejorar teniendo un servidor con recursos dedicados, lo que evita que otros sitios acaparen la potencia de su procesador y memoria. Del mismo modo, tener un mejor disco duro SSD y almacenar la base de datos y otros recursos directamente en el servidor web también ayuda. También puede caché y minificar recursoslo que ayudará a mejorar la velocidad de su sitio.
Lleve un registro de sus plugins, aplicaciones y widgets. Todas las secuencias de comandos de terceros pueden obstaculizar sus velocidades inmensamente. Qué tema que utilices también puede importar, porque los más pesados pueden resultar agotadores. El número de redireccionamientos que se tarda en llegar a la página web también puede afectar a la optimización de la velocidad de la página. También puede acelerar las cosas mediante el uso de HTTP/2, prefetching, preconexióny elementos de precarga.
Herramientas de optimización de la velocidad de página
Cuando se trata de herramientas, las que proporciona Google son siempre un buen punto de partida. Entre ellas se incluyen Informe de experiencia de usuario de Chrome y Faro de Google (que ya tratamos en un artículo anterior). Mientras que el Informe Chrome sólo es útil para sitios web de gran tamaño, Lighthouse puede realizar una auditoría de prácticamente cualquier cosa. Como ambas herramientas son de Google, pueden proporcionar justo los datos que necesitas. Además, Lighthouse también ofrece a los usuarios comentarios sobre lo que pueden mejorar, de forma similar a otra herramienta: Información sobre la velocidad de la página.
También hay alternativas que no son de Google, como Pingdom y GTmetrix que pueden ser útiles por sí mismas. Del mismo modo, hay herramientas disponibles en testmysite.thinkwithgoogle.com
Métricas de velocidad
Primera pintura de contenido es cuando aparece el primer fragmento de contenido. Normalmente, formará parte de la barra de búsqueda, donde aparece el nombre durante la carga. A continuación, está el Primera pintura significativaque es cuando el contenido primario se hace visible por primera vez. Según Google (que acuñó el término): "Digamos que tienes una página de comercio electrónico y hay una imagen que es fundamental para la página, entonces la primera pintura significativa requiere que esa imagen sea visible". Este tiempo puede ser crucial, ya que da al usuario algo de contenido que mirar antes de que pueda interactuar con todo. Si la carga en esta parte es lenta, la mayoría de los usuarios dan media vuelta y se van a otra página.
Después de estos 2 está el Hora de interactuarque es cuando es visualmente utilizable y el usuario puede interactuar correctamente con la página. Por último, está el punto en el que la página tiene la Contenido DOM cargado. Se refiere a cuando el HTML está completamente bloqueado y cargado.