Suppression de page améliorée dans XMLHttpRequest synchrone ()

Il est courant pour une page ou une application d'avoir des analyses ou d'autres données non envoyées au moment où un utilisateur la ferme. Pour éviter la perte de données, certains sites utilisent un appel synchrone vers XMLHttpRequest () para mantener la página o aplicación abierta hasta que sus datos se pasen al serveurLos servidores son ordenadores centrales y potentes dentro del campo de la tecnología de la información que procesan y proporcionan software y archivos en una red. Desde el punto de vista de un cliente, varios ordenadores en una red pueden ponerse en contacto con el servidor central para conseguir la información solicitada. En la arquitectura cliente-servidor, el servidor puede ser un software que proporciona un servicio y se ejecuta en Suite. No solo existen mejores formas de guardar datos, sino que esta técnica crea una mala expérience utilisateurEl término experiencia de usuario (UX) se refiere a la experiencia que un usuario tiene con un producto o servicio. En cuanto a Internet, el término se usa frecuentemente al examinar la experiencia que los usuarios disponen con una web. Esto además puede ser en referencia al uso de un dispositivo smartphone (UX smartphone). Items de la experiencia del usuario La experiencia del usuario y la usabilidad se usan frecuentemente Suite al retrasar el cierre de la página hasta varios segundos.

Esta práctica debe cambiar y los navigateursConcepto de Navegadores¿Qué son los Navegadores?Los Navegadores son herramientas informáticas que utilizamos para, normalmente, navegar por Internet y visitar cualquier página web, al mismo tiempo de para hacer otras tareas como ver documentos, observar vídeos o reproducir contenido multimedia de cualquier tipo. Son un tipo de software sencillamente usual y bastante utilizado hoy en día.Insistimos en que es algo que se utiliza con mucha frecuencia, puesto que moverse por Internet Suite están respondiendo. los XMLHttpRequest ()
la spécification est déjà désapprobation et suppression programmées. Chrome 80 fait le premier pas en n'autorisant pas les appels synchrones dans divers gestionnaires d'événements, en particulier avant de décharger, décharger, masquer la pagey changement de visibilité quand ils sont licenciés en cas de mise à pied. WebKit a également récemment atterri un engagement qui met en œuvre le même changement de comportement.

Dans cet article, je décrirai brièvement les options pour ceux qui ont besoin de temps pour mettre à jour leurs sites et décrirai les alternatives pour XMLHttpRequest ().

Exclusions temporaires

Chrome ne veut pas seulement se déconnecter XMLHttpRequest (), c'est pourquoi certaines options de désinscription sont disponibles. Pour les sites sur Internet, une preuve d'origine est disponible. Con esto, agrega un token específico de origen a los en-têtesConcepto de Encabezados¿Qué son los Encabezados?Los Encabezados, además conocidos como headers en inglés, son una parte fundamental del diseño de cualquier web, dado que consiste en la parte principal que se ve de esta al acceder, la parte de arriba de cualquier página. El lugar más visible y al que todos los usuarios que visitan un lugar de Internet acceden cuando entran en él, pudiendo tener así una imagen rápida Suite de su página que habilita la sincronización XMLHttpRequest () appels. Cette option prend fin peu de temps avant le lancement de Chrome 89, en mars 2021. Les clients Chrome Enterprise peuvent également utiliser AllowSyncXHRInPageDismissal indicateur de stratégie, qui se termine en même temps.

Des alternatives

Quelle que soit la façon dont vous envoyez les données au serveur, il est préférable d'éviter d'attendre le téléchargement de la page pour envoyer toutes les données en même temps. En plus de créer une mauvaise expérience utilisateur, vous risquez de perdre des données en cas de problème. Télécharger les événements souvent non activé sur les navigateurs mobiles
parce que là de nombreuses façons de fermer una pestaña o le navigateurUn navegador (además: browser) es una herramienta informática que te permite ver documentos y datos y navegar por la red. Los navegadores pueden mostrar distintos tipos de recursos de información; principalmente documentos HTML, a pesar de todo, además son posibles otros tipos de archivos y contenido multimedia, como PDF, JPEG, MPEG, GIF o el lenguaje de meta marcado. A través el uso de complementos especiales y la configuración respectivo, los Suite en sistemas operativos móviles sin la décharger un événementConcepto de Evento¿Qué es un Evento?Un Evento es una actividad de carácter social que suele tener cierta proyección a nivel público y, de esta manera, suscita el interés de un determinado sector relacionado con la temática o con la razón por el que se celebra. Es un tipo de acto que suele tener mucha repercusión a nivel empresarial.Podemos hallar distintos tipos de eventos, desde los deportivos hasta los empresariales, pasando Suite de disparo. Con
XMLHttpRequest (), l'utilisation de petites charges utiles était un choix. Maintenant, c'est une exigence. Les deux alternatives ont une limite de téléchargement de 64 Ko par contexte, comme requis par la spécification.

Obtenez Keepalive

Les Obtenir l'API
fournit un moyen robuste de gérer les interactions avec le serveur et une interface cohérente para su uso en diferentes APIConcepto de API¿Qué es una API?Una API, siglas de Application Programming Interface o Interfaz de Programación de Apps, es un recopilatorio de código que se puede emplear para que varias apps se comuniquen entre ellas. Es algo que realiza una tarea equivalente a la interfaz de usuario al momento de promover la interacción entre persona y programa, solo que aplicado única y exclusivamente dentro del entorno del software.Aún cuando suene Suite de plataforma. Entre sus opciones esta rester en vie, qui garantit qu'une demande se poursuit indépendamment du fait que la page qui l'a effectuée reste ouverte ou non:

la fenêtre.addEventListener('unload', {
  aller chercher('/siteAnalytics', {
    méthode: 'POST',
    corps: getStatistics(),
    rester en vie: vrai
  });
}

Les aller chercher () La méthode a l'avantage de mieux contrôler ce qui est envoyé au serveur. Ce que je ne montre pas dans l'exemple, c'est que aller chercher () renvoie également une promesse qui est résolue avec un Réponse objet. Puisque j'essaie d'empêcher le téléchargement de la page, j'ai choisi de ne rien faire avec.

EnvoyerBeacon ()

EnvoyerBeacon ()

il utilise en fait l'API Fetch sous le capot, c'est pourquoi il a la même limitation de charge utile de 64 Ko et pourquoi il garantit également qu'une requête se poursuit après le téléchargement d'une page. Son principal avantage est sa simplicité. Il vous permet de soumettre vos données avec une seule ligne de code:

la fenêtre.addEventListener('unload', {
navigateur.sendBeacon('/siteAnalytics', getStatistics());
}

conclusion

Avec lui une plus grande disponibilité de
aller chercher ()

dans les navigateurs, XMLHttpRequest () Espérons qu'il sera supprimé de la plate-forme Web à un moment donné. Les fournisseurs de navigateurs conviennent qu'il devrait être supprimé, mais cela prendra du temps. Lâcher prise de l'un de vos pires cas d'utilisation est une première étape qui améliore l'expérience utilisateur pour tout le monde.

photo par Matthew Hamilton au Unsplash