Découvrez les 3 options de préchargement de liens sur Webflow

Savez-vous qu'il existe 3 configurations de préchargement - preload - différentes pour vos liens sur Webflow ? Ces configurations, nommés :

• Default
• Prefetch
• Prerender

Et elles peuvent transformer l'expérience utilisateur sur votre site web. Chacune de ces configurations a ses propres avantages et cas d'utilisation. Explorons-les en détail.

Default, Prefetch et Prerender.

1 - Default

La configuration "Default" est le mode standard dans Webflow. Dans ce mode, le navigateur ne commence à télécharger la page liée qu'après que l'utilisateur a cliqué sur le lien.

2 - Prefetch

La configuration "Prefetch" permet au navigateur de commencer à télécharger les actifs de la page liée une fois que la page actuelle est entièrement chargée. Cela signifie que lorsque l'utilisateur clique sur le lien, une partie ou la totalité des actifs de la page liée sont déjà en cache, ce qui accélère le temps de chargement de la page.

Avantages:

• Rapidité: Réduit le temps de chargement des pages liées.
• Expérience utilisateur améliorée: Fournit une transition plus fluide entre les pages.

Cas d'utilisation:

• Utilisez cette configuration lorsque vous souhaitez améliorer la vitesse de navigation entre les pages liées à un lien spécifique.

3 - Prerender

La configuration "Prerender" est la plus avancée des trois. Elle indique au navigateur de commencer à télécharger tous les actifs nécessaires de la page liée avant même qu'elle ne soit ouverte. Cela permet une navigation presque instantanée lorsque l'utilisateur clique sur le lien.

Avantages:

• Performance maximale: Précharge l'ensemble de la page de destination, offrant une expérience presque instantanée au clic.
• Engagement utilisateur: Peut augmenter l'engagement en réduisant le temps d'attente.

Inconvénient:

• Chargement supérieur pour le navigateur: Le prérendu peut solliciter le navigateur, il est donc recommandé de l'utiliser uniquement pour les liens principaux, comme les appels à l'action (CTAs) et autres liens que les visiteurs sont très susceptibles de cliquer.

Cas d'utilisation:

• Utilisez cette configuration lorsque vous souhaitez offrir la meilleure expérience utilisateur possible, en particulier pour les pages clés de votre site.

Comment modifier les paramètres Preload de votre lien sur votre projet Webflow ?

Modifier les paramètres Preload de vos liens sur Webflow est un processus simple et direct. Voici comment vous pouvez le faire depuis l'interface designer de votre site Webflow :

1. Sélectionnez votre lien/bouton: Trouvez le lien ou le bouton que vous souhaitez configurer depuis l'interface de votre site web.
2. Accédez aux paramètres du lien: Cliquez sur l'icône d'engrenage ⚙️ à côté du lien ou du bouton pour ouvrir les paramètres.
3. Modifiez la configuration Preload: Utilisez le menu déroulant - Preload - pour choisir la configuration de préchargement que vous souhaitez appliquer. Vous pouvez choisir parmi les options Default, Prefetch, et Prerender selon vos besoins.
4. Publiez votre site: N'oubliez pas de publier votre site pour que les modifications soient appliquées. Vous pouvez le faire en cliquant sur le bouton "Publier" dans l'interface de Webflow.

En suivant ces étapes simples, vous pouvez facilement ajuster les paramètres de préchargement de vos liens, optimisant ainsi la navigation et l'engagement sur votre site Webflow.

Conclusion

La possibilité de choisir parmi ces trois configurations de préchargement de liens sur Webflow offre une grande flexibilité pour optimiser l'expérience utilisateur. Que vous souhaitiez un lien simple avec la configuration "Default", accélérer la navigation avec "Prefetch", ou offrir une expérience ultra-rapide avec "Prerender", Webflow vous donne les outils pour y parvenir.

Attention : Les options de préchargement et de prérendu peuvent améliorer considérablement les performances si vous êtes certain que l'utilisateur chargera ces pages liées ensuite. Si vous n'êtes pas sûr, ces méthodes de préchargement peuvent sur soliciter le navigateur et ralentir les performances globales du site.

En comprenant ces configurations et en les utilisant judicieusement, vous pouvez créer un site webflow plus réactif et engageant, améliorant ainsi le taux de conversion et la satisfaction des utilisateurs.