Votre site s'affiche bien sur l'ordinateur du bureau, mais sur un téléphone, en 4G, il faut attendre avant de voir quoi que ce soit ? Un site lent sur mobile est l'un des problèmes les plus fréquents, et l'un des plus coûteux, car c'est justement sur leur téléphone que la plupart de vos clients vous découvrent. Bonne nouvelle : les causes sont presque toujours les mêmes, et beaucoup se corrigent sans refaire tout le site.
Dans cet article, nous voyons pourquoi la vitesse compte, comment la mesurer vous-même en quelques minutes, et comment accélérer son site de façon concrète.
Pourquoi un site lent sur mobile vous coûte des clients
Mettez-vous à la place d'un client qui cherche un restaurant, un dentiste ou une agence de location depuis la rue. Il tape sa recherche, ouvre les premiers résultats et attend. Si votre page reste blanche, il revient en arrière et choisit le site suivant. Il ne saura jamais que votre offre était la meilleure.
La vitesse joue aussi sur tout ce qui suit la première visite. Un site qui répond vite donne envie de parcourir plusieurs pages, de consulter vos services et de vous contacter. Un site qui rame à chaque clic fatigue, et un visiteur fatigué ne remplit pas de formulaire.
Au Maroc, la situation est particulière : la connexion mobile varie beaucoup selon le quartier, la ville et le moment de la journée, et les téléphones utilisés ne sont pas tous récents. Un site doit donc rester rapide dans des conditions moins idéales que celles de votre bureau.
Ce que Google regarde : les Core Web Vitals en clair
Google mesure l'expérience réelle des visiteurs à l'aide de trois indicateurs appelés Core Web Vitals. Ils ne sont qu'un critère parmi d'autres, mais ils résument bien ce qu'un visiteur ressent.
LCP : le contenu principal s'affiche-t-il vite ?
Le Largest Contentful Paint mesure le temps nécessaire pour afficher le plus gros élément visible, souvent une grande image ou le titre principal. Google le considère comme bon lorsqu'il reste sous 2,5 secondes.
INP : le site réagit-il quand on touche l'écran ?
L'Interaction to Next Paint mesure la réactivité : quand un visiteur appuie sur un bouton ou ouvre un menu, la page doit répondre sans délai perceptible. Le seuil jugé bon est de 200 millisecondes.
CLS : la page bouge-t-elle pendant le chargement ?
Le Cumulative Layout Shift mesure les décalages visuels. Vous avez sans doute déjà voulu toucher un lien qui s'est déplacé au dernier moment parce qu'une image venait de s'afficher. Un score est jugé bon sous 0,1.
Tester la vitesse de votre site en cinq minutes
Pas besoin d'être technicien pour faire un premier diagnostic. Voici la méthode que nous recommandons :
- Ouvrez PageSpeed Insights, l'outil gratuit de Google.
- Collez l'adresse de votre page d'accueil et lancez l'analyse.
- Regardez l'onglet mobile, pas seulement l'onglet ordinateur.
- Lisez d'abord les données de terrain si elles existent : elles reflètent l'expérience de vrais visiteurs.
- Parcourez ensuite les diagnostics : ils indiquent souvent directement les images trop lourdes ou les fichiers qui bloquent l'affichage.
Complétez par un test humain : ouvrez votre site sur votre téléphone, wifi coupé, et observez. Testez aussi vos pages importantes, pas seulement l'accueil : une page de service, un produit, le formulaire de contact.
Les causes les plus fréquentes d'un site lent sur mobile
Des images trop lourdes
C'est la cause numéro un. Une photo prise avec un appareil récent peut peser plusieurs mégaoctets, alors qu'elle s'affiche en petit sur un écran de téléphone. Multipliez cela par dix photos sur une page et le chargement devient interminable. Les images doivent être redimensionnées à la taille réellement affichée, compressées, et servies dans un format moderne comme WebP.
Trop d'extensions et de scripts
Sur les sites construits avec un gestionnaire de contenu, chaque extension ajoutée « au cas où » charge ses propres fichiers. Ajoutez des widgets de réseaux sociaux, plusieurs outils de statistiques, un module de discussion et une fenêtre de cookies lourde : le téléphone doit tout télécharger et tout exécuter avant d'afficher votre contenu.
Un hébergement sous-dimensionné
Un serveur saturé ou mal configuré répond lentement, quelle que soit la qualité du site. Si le serveur met déjà du temps à envoyer la toute première réponse, tout le reste attend. Un hébergement rapide, surveillé et bien configuré est la fondation de la vitesse.
Polices, sliders et vidéos en arrière-plan
Les effets qui impressionnent en réunion pèsent lourd sur mobile. Un carrousel d'images en haut de page charge plusieurs grandes photos alors que le visiteur n'en voit qu'une. Une vidéo en arrière-plan consomme la connexion. Plusieurs familles de polices chargées depuis des serveurs externes retardent l'affichage du texte. Chacun de ces choix mérite une vraie justification.
Comment accélérer son site : les corrections qui comptent
Commencez par ce qui a le plus d'impact pour le moins d'effort. Dans la majorité des cas, cette liste règle déjà une grande partie du problème :
- redimensionner et compresser toutes les images, et les convertir en WebP ;
- activer le chargement différé des images situées plus bas dans la page ;
- supprimer les extensions et scripts inutilisés, et remplacer ceux qui font doublon ;
- activer le cache et la compression sur le serveur ;
- limiter le nombre de polices et les héberger sur votre propre serveur ;
- remplacer le slider d'accueil par une image fixe et un message clair ;
- indiquer les dimensions des images pour éviter que la page bouge ;
- vérifier que l'hébergement répond vite, et en changer si nécessaire.
Après chaque modification, refaites le test PageSpeed Insights. Vous saurez ainsi ce qui a vraiment amélioré la situation. Et gardez en tête que la vitesse soutient aussi votre visibilité locale : notre guide du référencement local à Casablanca montre comment les deux se complètent.
Les questions à poser à votre prestataire
Si quelqu'un gère votre site, ces questions vous permettent de savoir où vous en êtes, sans entrer dans la technique :
- Quel est le résultat de mon site sur mobile dans PageSpeed Insights, et qu'est-ce qui le pénalise ?
- Les images sont-elles compressées automatiquement quand j'en ajoute ?
- Combien d'extensions sont installées, et lesquelles sont vraiment utiles ?
- Le cache est-il activé ? Où est hébergé le site, et le serveur est-il adapté ?
- Qui surveille la vitesse après chaque mise à jour ?
Les réponses doivent être claires. Si on vous répond seulement « c'est normal » ou « c'est à cause de votre connexion », demandez un test chiffré et un plan d'action. Un mot technique vous échappe ? Notre glossaire du web est là pour ça.
À retenir : un site lent sur mobile fait perdre des clients avant même qu'ils ne lisent votre offre. Testez avec PageSpeed Insights, corrigez d'abord les images, les extensions et l'hébergement, puis mesurez à nouveau. La plupart des sites peuvent gagner beaucoup sans être refaits.
Si votre site est trop lourd pour être corrigé proprement, un nouveau site pensé pour le mobile dès le départ est parfois la meilleure solution. Nous créons des sites web rapides et légers au Maroc, et nous pouvons vous montrer gratuitement une maquette de votre page d'accueil en 48h. Vous vendez en ligne ? Lisez aussi nos conseils pour lancer une boutique en ligne au Maroc.
