Service worker

Le service worker est un script JavaScript qui fonctionne en arrière-plan, séparé du contexte de la page web, et permet d’ajouter des fonctionnalités avancées aux applications web, telles que le caching intelligent, la prise en charge du mode hors ligne, et les notifications push. Contrairement aux scripts traditionnels, le service worker ne nécessite pas que la page web soit ouverte pour être actif. Il intervient entre le navigateur et le réseau pour intercepter et manipuler les requêtes réseau, ce qui permet de contrôler comment les ressources sont gérées.

Les principales fonctionnalités des service workers incluent :

  • Mise en cache : Les ressources peuvent être préchargées et stockées localement pour une utilisation hors ligne, ce qui améliore les performances des applications.
  • Mode hors ligne : Grâce à la gestion du cache, les applications peuvent fonctionner partiellement ou totalement sans connexion Internet.
  • Notifications push : Le service worker permet de recevoir et gérer des notifications push, même lorsque l’application n’est pas ouverte dans le navigateur.
  • Synchronisation en arrière-plan : Permet d’effectuer certaines actions, comme l’envoi de données ou la synchronisation avec un serveur, même si l’utilisateur n’est pas actif sur l’application.

Les service workers jouent un rôle central dans le développement des Progressive Web Apps (PWA), permettant aux applications web de se comporter plus comme des applications natives, avec des fonctionnalités avancées comme la gestion hors ligne et les performances optimisées.

Ils doivent être implémentés avec attention, car une mauvaise gestion du cache ou des requêtes réseau peut entraîner des comportements inattendus, notamment lors de mises à jour de contenu ou de versions d’une application.

Articles associés

Mozilla abandonne les PWA. Et alors !?

Tendance

9 février 2021

Si comme moi, vous suivez l’actualité et l’histoire du Web, il ne vous aura pas échappé l’annonce d’il y a quelques jours, comme quoi Mozilla...

Lire la suite de Mozilla abandonne les PWA. Et alors !?

Javascript Responsable : 1ère partie

Technique

6 décembre 2019

Le Javascript Responsable : 1ère partie . Traduction de l'article de Jeremy Wagner publié sur alistapart.com. 100% approuvé par artwaï.

Lire la suite de Javascript Responsable : 1ère partie

Comment analyser et améliorer le TTFB ?

Technique

4 octobre 2019

Et non contrairement à ce que la photo laisse entendre, nous n'allons pas vous parler du TTFB gastronomique, le fameux TarTare Frites Béarnaise... Mais du...

Lire la suite de Comment analyser et améliorer le TTFB ?

Push HTTP2 : push me for satisfaction

Technique

9 juillet 2018

Désormais, le protocole HTTP2 est recommandé par tous les acteurs un peu sérieux de la web performance. Comme Benney Benassi qui le chante si bien :...

Lire la suite de Push HTTP2 : push me for satisfaction

Définitions

Javascript

JavaScript est un langage de programmation dynamique principalement utilisé pour ajouter des fonctionnalités interactives aux pages web. Il permet de manipuler le DOM, de gérer des événements, et d'effectuer des requêtes asynchrones. Voir la définition complète

 Revenir à Javascript
Cache

Le cache est un espace de stockage temporaire qui conserve des données fréquemment utilisées pour accélérer leur accès ultérieur, réduisant ainsi les temps de chargement et la consommation de ressources. Voir la définition complète

 Revenir à Cache
PWA

Une Progressive Web App (PWA) est une application web qui offre une expérience utilisateur semblable à une application native, avec des fonctionnalités comme le mode hors ligne, les notifications push et l'ajout à l'écran d'accueil. Voir la définition complète

 Revenir à PWA