¿Qué opinas sobre la carga asincrónica y la carga diferida?
1. Carga sincrónica
La carga sincrónica generalmente se usa de forma predeterminada. Por ejemplo: lt;script src="/script.js"gt;lt;/scriptgt;
El modo síncrono también se denomina modo de bloqueo, que evita que el navegador realice procesamientos posteriores y detiene el análisis y análisis posteriores. del archivo Realizar, por ejemplo, renderizado de imágenes. La razón por la que los navegadores usan el modo sincrónico es porque el archivo js cargado tiene algunos comportamientos predeterminados, como operar dom, redirigir, generar documentos, etc., por lo que la sincronización es la forma más segura. Normalmente, el archivo js que se va a cargar se coloca antes de la etiqueta de cierre del cuerpo para que el archivo js se cargue al final de la página, minimizando así el bloqueo de la representación de la página. De esta manera la página se puede mostrar primero
II. Carga asincrónica
(function() {
var s = document.createElement('script');
p>
s.type = 'texto/javascript';
s.async = verdadero
s.src = '/script. js';
var x = document.getElementsByTagName('script')[0];
x.parentNode.insertBefore(s, x); })();
p>La carga asincrónica también se denomina carga en modo sin bloqueo. El navegador descarga js y realiza el procesamiento posterior de la página al mismo tiempo.
En la etiqueta script, cree un elemento script que contenga js e insértelo en el documento. Este método carga el archivo js de forma asincrónica.
El proceso de carga sincrónica es un modelo en cascada y el proceso de carga asincrónica es un modelo concurrente.
3. Carga retrasada (carga diferida)
Hemos resuelto el problema de la carga asincrónica (carga asíncrona) A continuación, hablemos de qué es la carga retrasada.
Carga diferida: algunos códigos js no inicializan la página inmediatamente cuando es necesario, pero en algunos casos se necesitan más adelante. La carga diferida significa que no carga js que no necesita al principio, sino de forma asincrónica controlando el js cuando lo necesita o más tarde.
Esto significa dividir js en módulos, cargar solo los js que deben ejecutarse inmediatamente cuando se inicializa la página y luego cargar otros js de forma perezosa hasta que se necesiten por primera vez.
Sobre todo si la página está compuesta por una gran cantidad de módulos diferentes, muchos de los cuales posiblemente no se utilicen en absoluto o en absoluto.
Por ejemplo, la carga retrasada de imágenes solo cargará y mostrará la imagen cuando aparezca en el área visible (cuando la barra de desplazamiento esté hacia abajo)
4. >
La precarga es un mecanismo del navegador que utiliza el tiempo de inactividad del navegador para predescargar/cargar páginas/recursos que el usuario puede estar navegando. Cuando el usuario accede a un enlace precargado, la página se mostrará rápidamente si se hace clic desde el caché. .