Chargement Ajax dans la version 7.0

Découvrez le fonctionnement du chargement Ajax sur certains templates de la version 7.0.

Dernière mise à jour le 19 septembre 2024

Dans certains modèles de la version 7.0, Ajax (Asynchronous JavaScript And XML, ou JavaScript et XML asynchrones) rend le chargement des pages plus rapide et plus fluide lors de la navigation d’une page à une autre. Ajax est un type de chargement asynchrone (ou « lazy loading ») qui est particulièrement utile pour les pages riches en contenu, telles que les pages Blog et les pages Galerie.

Si votre template utilise le chargement Ajax, certains éléments, tels que l’en-tête et le pied de page, n’auront pas besoin de se charger chaque fois que vous visitez une page. Comme ces éléments sont déjà chargés, le reste de la page se charge plus rapidement.

Par exemple, lorsque vous ouvrez une page Blog, puisque l’en-tête et le pied de page restent identiques, vos billets de blog apparaissent plus rapidement pour vos visiteurs.

Accéder à cette fonctionnalité

Ajax est une fonctionnalité présente dans certains templates de la version 7.0. Bien que la version 7.1 ne soit pas dotée du chargement Ajax, tous les sites de la version 7.1 sont conçus pour optimiser les temps de chargement.

Templates compatibles

Ajax est pris en charge dans ces familles de templates de la version 7.0 :

  • Brine
  • Farro
  • Skye (page de destination du blog uniquement)
  • Tremont
  • York

Activer ou désactiver Ajax

Ajax est activé par défaut pour les visiteurs. Pour assurer une navigation fluide, il est conseillé de garder le chargement Ajax activé si votre template le prend en charge.

Ajax peut occasionnellement entrer en conflit avec du code personnalisé intégré, des personnalisations basées sur du code, des liens d’ancrage et des redirections d’URL. Ajax peut également interférer avec les outils d’analyse du site, en enregistrant les visites uniquement sur la première page.

Vous pouvez désactiver Ajax dans le panneau Styles du site, à quelques exceptions près :

  • Ajax ne peut pas être désactivé dans la famille Skye.
  • Ajax ne peut pas être désactivé sur la page de destination du blog pour la famille de templates Farro. Si vous décochez Activer le chargement Ajax, votre site utilisera toujours Ajax pour charger la page Blog.

Pour activer ou désactiver Ajax :

  1. Ouvrez le panneau Styles du site.
  2. Recherchez le réglage Activer le chargement Ajax.
  3. Cochez ou décochez Activer le chargement Ajax.

N’oubliez pas qu’Ajax est toujours désactivé pour les contributeurs connectés afin de garantir une expérience d’édition fonctionnelle.

Barre de chargement

Plusieurs templates qui prennent en charge l’architecture Ajax comportent également une barre de progression. Selon vos paramètres, la barre de progression peut s‘afficher en haut de la page et indique aux visiteurs le chargement de contenu supplémentaire.

Les barres de chargement apparaissent dans ces familles de templates :

  • Brine
  • Farro

Pour masquer la barre :

  1. Ouvrez le panneau Styles du site.
  2. Faites défiler vers le bas jusqu’à Site : Chargement.
  3. Décochez Afficher la barre de chargement.

Vous pouvez également utiliser les réglages Largeur et Couleur de cette même section pour ajuster le style de la barre.

loading-bar.gif
Footer Image
  • Obtenir de l’aide de notre communauté

  • Obtenez de l’aide sur les personnalisations avancées auprès de notre communauté.

  • Trouver un Squarespace Expert

  • Démarquez-vous en ligne avec l’aide d’un designer ou d’un développeur expérimenté.

Chargement Ajax dans la version 7.0