Cómo se ve un sitio web
Contenidos
El objetivo de Lighthouse es ofrecer una guía relevante y práctica para todos los desarrolladores web. Para ello, hay dos funciones disponibles que le permiten adaptar Lighthouse a sus necesidades específicas.
Los Stack Packs permiten a Lighthouse detectar en qué plataforma está construido su sitio y mostrar recomendaciones específicas basadas en la pila. Estas recomendaciones están definidas y curadas por expertos de la comunidad.
Si usted es una empresa o un particular que está integrando Lighthouse como parte de los productos/servicios que ofrece, lo primero es lo primero: ¡estamos encantados de que lo haga! Queremos que el mayor número posible de personas utilice Lighthouse, y estas Directrices y Activos de Marca para la Integración de Lighthouse tienen por objeto facilitarle la tarea de mostrar que Lighthouse está bajo el capó, protegiendo al mismo tiempo nuestra marca.
Cargador hasta que se cargue la página
En esta entrada, veremos lo que ocurre cuando escribes una URL en tu navegador y pulsas enter. De principio a fin, el proceso involucra al navegador, al sistema operativo de tu ordenador, a tu proveedor de servicios de Internet, al servidor donde se aloja el sitio y a los servicios que se ejecutan en ese servidor. Es importante entender dónde pueden fallar las cosas, dónde buscar problemas de rendimiento y asegurarse de que se ofrece una experiencia segura a los usuarios.
Cuando apuntas tu navegador a una URL como https://jennapederson.dev/hello-world, tu navegador tiene que averiguar qué servidor de Internet aloja el sitio. Lo hace buscando el dominio, jennapederson.dev, para encontrar la dirección.
Pero estos números son difíciles de recordar. Ahí es donde entran los nombres de dominio. jennapederson.dev es mucho más fácil de recordar que 203.0.113.0, ¿verdad? Imagina tener que recordar todos los números de teléfono de tus contactos sin tener la aplicación Contactos en tu teléfono. La aplicación Contactos te permite buscar los números de teléfono por su nombre.
Algunos sitios web no se cargan
Esta teoría no es esencial para escribir código web a corto plazo, pero en poco tiempo empezarás a beneficiarte realmente de la comprensión de lo que ocurre en segundo plano.Clientes y servidoresLos ordenadores conectados a la web se llaman clientes y servidores. Un diagrama simplificado de cómo interactúan podría ser el siguiente:
Imaginemos que la web es una carretera. En un extremo de la carretera está el cliente, que es como tu casa. En el otro extremo de la carretera está el servidor, que es una tienda en la que quieres comprar algo.
Cómo funciona un sitio web
Y para los visitantes que deciden quedarse, sus tiempos de carga lentos pueden disuadirles de volver en el futuro. En una encuesta, el 79% de los clientes dijeron que no volverían a un sitio con un rendimiento deficiente.
La experiencia del usuario ha sido durante mucho tiempo un factor de clasificación, pero antes de este cambio, sólo se tenía en cuenta la experiencia de escritorio. Por lo tanto, incluso si un sitio ofrecía una experiencia móvil deficiente, seguía teniendo una oportunidad de clasificarse en la página uno.
Por lo tanto, si quiere mantener (o mejorar) su clasificación y visibilidad, es esencial saber cómo reducir el tiempo de carga del sitio web. Debe tener un sitio que proporcione una experiencia de usuario rápida y sencilla, en cualquier navegador o tamaño de pantalla.
Eso significa que hay un montón de medidas que puede tomar para mejorar la velocidad de la página. Vamos a ver 20 de ellos. Pero antes de empezar a solucionar problemas para mejorar el rendimiento del sitio web, necesitas tener algo a lo que aspirar.
Haz clic con el botón derecho del ratón en la página que quieres analizar y haz clic en “Inspeccionar”, luego en la pestaña “Red”. (Si no ves la pestaña “Red”, es posible que tengas que ampliar la barra lateral de Herramientas de desarrollo arrastrando el borde izquierdo hacia la izquierda).
