Hay una serie de técnicas que se pueden utilizar para hacer que las páginas se carguen más rápido, pero a la que creo que te refieres se llama “Carga diferida”.
Esto funciona cargando la página base antes de cargar las imágenes u otro contenido. También se puede usar para retrasar la carga de imágenes hasta que desplace el navegador a la parte de la página donde serían visibles.
Al no cargar imágenes hasta que se necesitan, la carga del servidor se reduce y su navegador no utiliza imágenes de carga de ancho de banda adicionales que no está viendo.
- Cómo iniciar esta aplicación
- Cómo sentirse sobre la gran arquitectura de Angular
- ¿Es segura una aplicación web node.js (r) de los ataques DDOS?
- ¿Cuál es el mejor enfoque para construir un sitio web dada la API RESTful existente?
- ¿Cuál es el mejor sistema de votación de ideas web?
Incluso las páginas vacías a veces tardan en mostrarse sin imágenes cargadas, por lo que esto se supera asegurándose de que los anchos y las alturas de las imágenes se especifiquen claramente antes de cargar, lo que agiliza los tiempos de renderizado.
Sin embargo, esto no tiene que limitarse a las imágenes. A veces se puede cargar texto u otro contenido después de la página inicial, por lo que estos elementos adicionales se cargan de forma asincrónica a través de “AJAX” (que genera solicitudes XHR). El beneficio adicional aquí es que al actualizar solo el contenido que cambia, la necesidad de volver a cargar toda la página (encabezado, pie de página, encabezado, etc.) y la carga del servidor asociada se minimiza.
Si desea ver más información sobre formas de hacer que las páginas se carguen más rápido, le sugiero que pruebe la herramienta PageSpeed Insights para Chrome. Su consola proporcionará muchas formas significativas de acelerar la carga de la página utilizando técnicas de front-end y back-end.
