Cinq conseils pour optimiser les sites web mobiles

De plus en plus de personnes surfent sur des sites web via leur mobile. La performance est alors déterminante.1. définir l'ordre des donnéesRestons-en à l'exemple des éléments qui changent lors de la construction de la page et du clic involontaire sur le mauvais lien. Ce problème peut être résolu facilement et rapidement : Ne laissez pas tous les fichiers de la page se charger en même temps ! Définissez un ordre de priorité. Mise en pageCe qui définit la structure du contenu. De cette manière, l'utilisateur reconnaît la structure de la page et sait où le contenu va apparaître, même si les textes et les images ne sont pas encore visibles. Cela évite également que les éléments ne sautent d'une page à l'autre. Contenu du texte à son tour. L'utilisateur peut dès à présent accéder à tous les contenus. A ce stade, le site est déjà entièrement utilisable - même si les Images et Graphiques sont encore manquantes. Ces derniers se chargent tout à la fin, à la troisième étape. Grâce à cet ordre - mise en page, texte, image - vous donnez à vos visiteurs l'impression que la page se charge plus rapidement qu'elle ne le fait en réalité. L'utilisateur ne doit plus attendre aussi longtemps devant une page blanche.2. éliminer les fichiers volumineux Maintenant, pour ce qui est de la rapidité : n'ajustez pas la taille des fichiers volumineux - dites carrément adieu à ces derniers ! Depuis de nombreuses années, nous entendons dire que la convivialité joue un rôle décisif dans la conception de sites web. Selon l'opinion courante, il est important que les images de nos sites web s'adaptent automatiquement aux écrans mobiles. Vraiment ? Cette vision des choses oublie souvent que cela nuit à la vitesse des pages mobiles. Ce n'est pas parce qu'une page peut s'adapter à la taille de l'écran qu'elle convient parfaitement aux performances mobiles.Un scénario d'erreur typique : un grand fichier image s'adapte certes à l'écran du smartphone, mais le fichier original de qualité bureau reste énorme. La taille du fichier exige toujours un long temps de chargement. C'est pourquoi cela n'a aucun sens d'adapter la taille des images de bureau pour les appareils mobiles. Proposez plutôt différentes versions sur votre serveur - une version avec des images de haute qualité pour les appareils de bureau et une version plus légère avec des images de plus faible résolution pour les appareils mobiles.3. utiliser un réseau de diffusion de contenu (CDN)Pour accélérer encore les temps de chargement, il vaut la peine d'utiliser un Content Delivery Network (CDN). Prenons un exemple : Lorsqu'un utilisateur des États-Unis consulte un site web mobile hébergé en France, les données doivent voyager longtemps.Le navigateur mobile de l'utilisateur doit récupérer les données du serveur en France, qui envoie les données jusqu'aux États-Unis - ce qui ralentit le processus.Un réseau de diffusion de contenu raccourcit le voyage et donc le temps d'attente - chaque milliseconde compte dans les expériences Internet mobiles. Le CDN permet de copier et de stocker le contenu d'un site web sur différents serveurs dans le monde entier. Les contenus proviennent alors d'un serveur situé à proximité de l'utilisateur.4. utiliser davantage la mémoire cache Utilisez le plus souvent possible le cache (mémoire tampon) pour stocker des données sur votre serveur ou dans les navigateurs des utilisateurs. Cela permet d'accélérer les visites ultérieures.Cache dans le serveur : Les ensembles de données déjà calculés sont stockés sur votre serveur afin que l'utilisateur suivant qui consulte la même information puisse accéder en un clin d'œil à des résultats précalculés.Cache du navigateur : Certains éléments statiques de votre site mobile peuvent avoir la même apparence sur plusieurs sous-pages, par exemple le logo de l'entreprise ou le pied de page. Ces éléments peuvent être stockés dans le cache du navigateur utilisé. Lorsque l'utilisateur consulte une autre sous-page de votre site mobile, les éléments sont chargés directement depuis le cache, car ils sont logés dans le navigateur de l'utilisateur.5. simplifier les tags Un autre facteur détermine la vitesse de votre site web : le nombre de requêtes nécessaires au chargement de chaque page, c'est-à-dire par exemple les tags des publicités et des widgets. Étant donné que chaque requête allonge le temps de chargement, vous devez bien réfléchir aux outils qui sont utiles sur votre site web et à ceux qui ne le sont pas. Avez-vous vraiment besoin de dix serveurs publicitaires différents ? Ne conservez que ceux qui se révèlent vraiment utiles après analyse. En simplifiant les balises et les requêtes, vous pouvez améliorer considérablement les performances de votre site mobile.À propos de l'auteur En tant que directeur régional DACH & CEE, Adrien Günther est responsable de l'ensemble des activités d'AT Internet en Allemagne, en Autriche, en Suisse et dans les pays d'Europe centrale et orientale. Il revient chez AT Internet armé d'une expérience pertinente dans le conseil aux grands comptes acquise au cours des quatre dernières années en tant que Head of Business Intelligence chez Plan.net. Auparavant, il avait déjà travaillé pendant près de trois ans en tant que consultant stratégique en Web Analytics chez AT Internet. Il a également travaillé dans les domaines du référencement, du développement de moteurs de recherche et du développement web.














