Utiliser le rechargement partiel d’une zone de contenu

Identifiants

Catégories

Indications

Description

Si votre page web comporte une ou plusieurs zones de contenus qui nécessitent un taux de rafraîchissement élevé, alors nous vous conseillons de procéder à un rechargement uniquement de celles-ci et non pas de toute la page. Pour cela vous pouvez utiliser plusieurs techniques généralement JavaScript couramment appelées AJAX mais qui peuvent aussi utilisées un Service Worker, un Web Component ou un développement sur mesure.

Il est même envisageable de ne pas inclure ces parties dans l’appel HTTP de la page pour l’hydrater avec ces zones dynamiques en JavaScript, ce que certains appellent “component islands” ou “islands architecture”. L’intérêt étant de pouvoir conserver une solution de cache pour la page “container” et de ne recharger que les “ilots” de contenu qui le nécessitent.

Exemple

Les sites d’actualité utilisent très souvent ce procédé, qui permet d’identifier clairement les zones qui nécessitent d’être mises à jour rapidement (flash d’informations, données météo, cours de la Bourse, résultats sportifs, etc.).

Principe de validation