Gestion des demandes de navigation

Las solicitudes de navegación son solicitudes de documentos HTMLHTML (Hypertext Markup Language) se usa para estructurar el contenido de texto de un documento web. No sólo se marca el contenido, sino además la meta-información que describe este contenido. Las páginas HTML se almacenan normalmente en el directorio raíz del servidor. Cómo se creó En la era digital, a los usuarios les resulta difícil hallar su camino en las webs y hacer un seguimiento de las estructuras de las Suite realizadas por su 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 cada vez que ingresa una nueva URLEl URL (Localizador Uniforme de Recursos), es una dirección definida que apunta a la posición de un archivo en un servidor y lo recupera. Las URL se introducen en un navegador web para ingresar a documentos en la web o se incrustan como hipervínculos dentro de un documento. Se puede usar un Permalink para que una URL esté disponible de forma permanente. Componentes de una URL • prefijo de protocolo Suite en la barra de navegación o sigue un relierConcepto de Dominio¿Qué es un Enlace?En Internet, un link, además conocido como enlace o hipervínculo, es cualquier texto o imagen que se encuentra en una página web y en la que el usuario puede pulsar o clicar para ser dirigido a otro contenido distinto. Es el principal medio de “desplazamiento” en la red, puesto que se encuentra presente en prácticamente cualquier portal que visites a día de hoy, inclusive en Suite en una página que lo lleva a una nueva URL. Aquí es donde los trabajadores del servicio tienen su mayor impacto en el rendimiento: si utiliza un trabajador del servicio para responder a las solicitudes de navegación sin esperar a la red, puede asegurarse de que las navegaciones sean rápidas y confiables, además de ser resistentes cuando la red no está disponible. Esta es la ganancia de rendimiento más grande que proviene de un trabajador de servicios, en comparación con lo que es posible con el almacenamiento en cacheUn caché es un tipo de memoria auxiliar de la que se puede recuperar a alta velocidad con una capacidad de almacenamiento relativamente pequeña. Se encuentra entre la unidad central de procesamiento (CPU) y la memoria principal. Ayuda a evitar el acceso al disco duro o los recálculos complejos almacenando temporalmente ciertos datos y haciéndolos disponibles rápidamente cuando sea necesario. El caché almacena una copia de la petición actual y Suite HTTPEl HTTP (Hyper Text Transfer Protocol) es un protocolo que se usa para transmitir datos en redes. HTTP es un estándar técnico generalmente aceptado que establece cómo un cliente web se comunica con un servidor para que los datos solicitados por el cliente puedan ser cargados y mostrados. Información general Junto con el URL y el HTML, HTTP es uno de los conceptos más importantes de Internet (www). Fue desarrollado Suite.

Comme détaillé dans le guide Identifier les ressources chargées à partir du réseau, une demande de navigation est la première des nombreuses demandes potentiellement effectuées sur le
"cascade"
del tráfico de la red. El HTML que carga a través de una solicitud de navegación inicia el flujo de todas las demás solicitudes de subrecursos como imágenes, scriptsConcepto de Scripts¿Qué son los Scripts?Los Scripts son fragmentos de código que se usan para dar forma a herramientas tanto en Internet como en el sector de la informática en general. Son una parte crucial del software, puesto que se trata exactamente del código que conforma a una aplicación en su totalidad o a una de sus funciones, como además el que puedes hallar explorando cómo está hecha una web.Desde Suite y estilos.

À l'intérieur d'un travailleur de service aller chercher gestionnaire d'événements, vous pouvez déterminer si une requête est une navigation en vérifiant le request.mode propriété dans le FetchEvent. S'il est configuré pour 'naviguer', alors c'est une demande de navigation.

En règle générale, n'utilisez pas En-têtes Cache-Control pour mettre en cache la réponse HTML pour une demande de navigation. Ils devraient normalement être satisfaits sur le réseau, avec
Cache-Control: pas de cache, pour s'assurer que le HTML, ainsi que la chaîne des requêtes réseau ultérieures, sont (raisonnablement) à jour. Aller à contre-courant du net chaque fois que l'utilisateur accède à une nouvelle page, cela signifie malheureusement que chaque navigation force Sois lent À tout le moins, cela signifie que ce ne sera pas sûrement Rapide.

Différentes approches des architectures

Trouver comme Répondre aux demandes de navigation en évitant le Web peut être difficile. La bonne approche dépend en grande partie de l'architecture de votre site Web et du nombre d'URL uniques auxquelles les utilisateurs peuvent accéder.

Bien qu'il n'existe pas de solution universelle, les directives générales suivantes devraient vous aider à décider quelle approche est la plus viable.

Petits sites statiques

Si votre application Web se compose d'un nombre relativement petit (pensez: quelques dizaines) d'URL uniques et que chacune de ces URL correspond à un fichier HTML statique différent, une approche viable consiste à mettre en cache tous ces fichiers HTML et à répondre à la navigation. requêtes avec le HTML mis en cache approprié.

Avec la mise en cache, vous pouvez mettre en cache le HTML à l'avance, dès que le service worker est installé, et mettre à jour le HTML mis en cache chaque fois que vous reconstruisez votre site et redéployez votre service worker.

Sinon, si vous préférez éviter de mettre en cache tout votre HTML, peut-être parce que les utilisateurs ont tendance à naviguer uniquement vers un sous-ensemble d'URL sur votre site, vous pouvez utiliser une stratégie de mise en cache à l'exécution obsolète lors de la revalidation. Cependant, soyez prudent avec cette approche, car chaque document HTML individuel est mis en cache et mis à jour séparément. L'utilisation de la mise en cache d'exécution pour HTML est plus appropriée si vous avez un petit nombre d'URL qui sont vérifiées souvent par le même groupe d'utilisateurs, et si vous êtes à l'aise avec la revalidation de ces URL indépendamment les unes des autres.

Applications d'une seule page

Las aplicaciones web modernas utilizan con frecuencia una arquitectura de una sola página. En él, JavaScriptJavaScript es un lenguaje de programación que funciona en el lado del cliente y con el que las webs pueden ser más funcionales. Incorporación en código HTML El código JavaScript puede ser incrustado en las páginas HTML, para que adquieran funcionalidad. Existen varias opciones. Puede estar entre las etiquetas <SCRIPT> y </SCRIPT>, puede estar contenido en un archivo externo, puede ser un parámetro de las etiquetas HTML, y puede estar Suite del lado del cliente modifica el HTML en respuesta a las acciones del usuario. Este modelo utiliza el API historique pour modifier l'URL actuelle au fur et à mesure que l'utilisateur interagit avec l'application Web, conduisant à ce qui est effectivement une navigation «fictive». Bien que la navigation ultérieure puisse être "fausse", la navigation initiale est réelle et il est toujours important de s'assurer qu'elle n'est pas bloquée sur le Web.

Heureusement, si vous utilisez l'architecture à page unique, il existe un modèle simple à suivre pour servir la navigation initiale à partir du cache: le shell d'application. Dans ce modèle, votre service worker répond aux demandes de navigation en renvoyant le même fichier HTML unique qui a déjà été mis en cache, quelle que soit l'URL demandée. Ce HTML devrait être basique et consister, peut-être, en un indicateur de chargement générique ou contenu squelette. Una vez que el navegador ha cargado este HTML desde la caché, su JavaScript existente del lado del cliente toma el control y muestra el ContenuEl contenido puede ser muy difícil de definir con precisión. Es una definición que se refiere a las declaraciones contenidas en un documento o publicación de cualquier tipo y puede incluir las tecnologías de la información y la comunicación. Esto cubre todos los tipos de medios como imágenes y texto. A parte de esto, en el campo de la optimización de motores de búsqueda, los términos duplicar contenido, contenido único, Suite HTML correcto para la URL de la solicitud de navegación original.

Workbox fournit les outils dont vous avez besoin pour mettre en œuvre cette approche; les navigateFallback
option
vous permet de spécifier le document HTML à utiliser comme shell de votre application, ainsi qu'une liste facultative d'autorisation et de refus pour limiter ce comportement à un sous-ensemble de vos URL.

Applications multi-pages

Si votre serveur Web génère le HTML de votre site de manière dynamique, ou si vous avez plus de quelques dizaines de pages uniques, il est alors beaucoup plus difficile de contourner le net lors du traitement des demandes de navigation. Le conseil dans Tout le reste s'applique probablement à vous.

Mais pour un certain sous-ensemble d'applications multipages, vous pourrez peut-être implémenter un service worker qui réplique entièrement la logique utilisée sur votre serveur Web pour générer du HTML. Cela fonctionne mieux si vous pouvez partager des informations de routage et des modèles entre les environnements serveur et service worker, et en particulier si votre serveur Web utilise JavaScript (sans compter sur
Node.js-des fonctionnalités spécifiques, telles que l'accès au système de fichiers).

Si votre serveur Web entre dans cette catégorie et que vous souhaitez explorer une approche pour déplacer la génération HTML hors du réseau vers votre technicien de service, le guide sur Au-delà des SPA: architectures alternatives pour votre PWA peut vous aider à démarrer.

Tous les autres

Si vous ne parvenez pas à répondre aux demandes de navigation HTML mises en cache, vous devez prendre des mesures pour vous assurer que l'ajout d'un service worker à votre site (pour gérer d'autres demandes non HTML) ne ralentit pas vos navigations. Démarrer le service worker sans l'utiliser pour répondre à une demande de navigation introduira une petite latence (comme expliqué dans Créer des applications plus rapides et plus résilientes avec Service Worker). Vous pouvez atténuer cette surcharge en activant une fonction appelée précharge de navigation, et donc utilisation de la réponse du réseau
qui a été préchargé dans votre aller chercher gestionnaire d'événements.

Boîte de travail fournit une bibliothèque d'aide cette fonction détecte si la précharge de navigation est prise en charge et, si tel est le cas, simplifie le processus consistant à indiquer à votre technicien de service d'utiliser la réponse réseau.

photo par Aaron Burden au Unsplash,