Core Web Vitals et temps de chargement
Optimisation de la vitesse de site web, mesurée sur vos visites
DevoraTech prend en charge l'optimisation de la vitesse de site web depuis Tanger, pour les entreprises du Maroc, de France et d'ailleurs dont les pages s'affichent lentement sur mobile. Nous mesurons votre site avec PageSpeed Insights et le Chrome UX Report de Google, cherchons ce qui freine chaque page, puis corrigeons les images, le code, le cache, les polices, les scripts et les réglages de l'hébergement. Nous mesurons ensuite à nouveau et vous envoyons les chiffres.
Lire la suiteRéduire
Google évalue l'expérience d'une page avec trois Core Web Vitals, les signaux web essentiels : le Largest Contentful Paint pour le chargement, l'Interaction to Next Paint pour la réaction aux clics et aux appuis, le Cumulative Layout Shift pour la stabilité de l'affichage. Une page les réussit quand au moins trois visites sur quatre atteignent le seuil « bon » sur les trois : contenu principal affiché en 2,5 secondes au plus, réaction en 200 millisecondes au plus, décalage de mise en page de 0,1 au plus. Ces visites sont réelles, relevées par Chrome sur 28 jours : notre travail vise donc les téléphones et les connexions de vos propres visiteurs.
La vitesse fait partie de notre maintenance de site internet, à côté de la sécurité de site web, car un site rapide ralentit de nouveau à mesure que s'ajoutent images, extensions et scripts. Ce travail se fait en intervention ponctuelle ou dans le cadre d'une formule de maintenance.
Rattaché au serviceMaintenance de site web
- Core Web Vitals de vos vraies visites
- Mesures avant et après
- Un seul interlocuteur, en français ou en anglais
Pour qui
Pour qui
- Une entreprise dont le site met plusieurs secondes à afficher quelque chose sur mobile
- Une boutique en ligne dont les pages produits et la commande chargent lentement ou bougent pendant le chargement
- Une société dont la Search Console signale des pages lentes dans son rapport Core Web Vitals
- Un site alourdi par des extensions, un constructeur de pages et des scripts dont personne ne se souvient
Ce que nous réglons
Pourquoi votre site est lent
Des images trop lourdes
Une photo envoyée telle quelle depuis un appareil et affichée dans un petit cadre se télécharge quand même en pleine taille. Quand c'est l'image principale de la page, le Largest Contentful Paint attend qu'elle soit arrivée en entier.
Des scripts qui bloquent la page
Fenêtres de discussion, vidéos intégrées, balises de suivi et code du constructeur de pages s'exécutent tous sur le téléphone du visiteur. Trop de JavaScript occupe le navigateur, et un appui sur un menu ou un bouton répond en retard : c'est ce délai que mesure l'Interaction to Next Paint.
Un serveur qui tarde à répondre
Rien ne s'affiche avant la réponse du serveur. Un hébergement trop petit pour votre trafic, des pages reconstruites à chaque visite et des redirections en chaîne retardent ce premier octet. Les recommandations de Google sur web.dev visent 0,8 seconde au plus pour la plupart des sites.
Une mise en page qui saute
Le texte descend quand une image, une publicité ou un bandeau apparaît au-dessus, et le visiteur touche le mauvais lien. En cause le plus souvent : des images et des contenus intégrés sans dimensions, des éléments ajoutés tardivement et des polices qui se remplacent.
Ce que vous obtenez
Ce que comprend l'optimisation de la vitesse de votre site web
Audit de vitesse sur vos vraies visites
Les pages qui comptent, comme l'accueil, les pages de services ou de produits et la commande, mesurées dans PageSpeed Insights sur mobile et sur ordinateur. Nous lisons les données de terrain du Chrome UX Report, les tests de laboratoire et, avec votre accès, le rapport Core Web Vitals de la Search Console, puis nous listons chaque problème avec son effet probable.
Images
Chaque image redimensionnée à sa taille d'affichage, enregistrée en WebP ou en AVIF, avec sa largeur et sa hauteur indiquées, et chargée seulement à l'approche de l'écran. L'image principale du premier écran part en premier et n'est jamais retardée.
Code et scripts tiers
Le CSS et le JavaScript dont une page ne se sert pas, retirés ou différés. Chaque script tiers passé en revue avec vous : nous retirons ce qui n'apporte rien de clair, chargeons les autres après la page, et affichons un aperçu léger des vidéos et des cartes jusqu'au clic du visiteur.
Cache et réglages de l'hébergement
Un cache de pages, des règles de cache du navigateur pour les images, les styles et les scripts, la compression, un réseau de diffusion de contenu (CDN) quand vos visiteurs sont loin du serveur, par exemple un site hébergé en France et consulté depuis le Maroc, et des redirections raccourcies. Si la formule d'hébergement elle-même est trop petite pour votre trafic, nous vous le disons et vous aidons à en choisir une autre.
Polices
Moins de fichiers de police, au format WOFF2, limités aux caractères et aux graisses que vos pages utilisent, avec un réglage d'affichage qui garde le texte lisible pendant le chargement.
Corrections des Core Web Vitals
Les trois indicateurs traités un par un : le plus grand élément de chaque page chargé plus tôt, les longues tâches JavaScript découpées pour que les appuis répondent vite, et une place réservée aux images, aux contenus intégrés et aux bandeaux. L'Interaction to Next Paint a remplacé le First Input Delay en 2024, et nos comptes rendus suivent les trois indicateurs actuels.
Compte rendu avant et après
Les mêmes pages mesurées avant et après le travail : les chiffres de laboratoire tout de suite, les données de terrain à mesure que Chrome les met à jour sur les 28 jours suivants, et la liste de ce qui a changé.
Plateformes
La vitesse sur WordPress, Shopify et le sur-mesure
Nous travaillons sur les plateformes que nous maintenons. Chacune fixe ses propres limites, et nous les écrivons dans le plan. Le site de DevoraTech a été construit selon les mêmes règles.
Vitesse WordPress et WooCommerce
La vitesse d'un site WordPress se joue d'abord dans les extensions, le thème et le constructeur de pages : ce que chacun charge sur chaque page. Viennent ensuite le cache, les images et la base de données. Pour une boutique WooCommerce, nous testons le panier et la commande après chaque changement.
Shopify
Shopify gère l'hébergement et le logiciel : le travail porte sur le code du thème, les applications et les images. Chaque application peut ajouter des scripts à toutes les pages, et nous les passons en revue avec vous.
PrestaShop
Boutiques autonomes sur votre propre hébergement : les modules, les réglages du cache, les images du catalogue et le serveur.
Développement spécifique
Sites et applications web développés sur mesure, par exemple avec Laravel : la façon dont les pages sont construites, dont les images sont produites, et le temps que met le serveur à répondre.
Méthode
Les étapes d'une optimisation de la vitesse
1. Pages et accès
Vous nous indiquez les pages qui amènent vos visiteurs et vos demandes. Nous demandons un accès à l'administration du site, à l'hébergement et, si vous l'avez, à la Search Console. Pour un premier regard avant tout devis, notre audit SEO gratuit comprend la vitesse sur mobile.
2. Mesures
Chaque page mesurée sur mobile et sur ordinateur : données de terrain là où Chrome a assez de visites, tests de laboratoire partout. Une page récente ou peu visitée peut n'avoir que les chiffres de l'ensemble du site.
3. Plan écrit et devis
Les corrections classées par effet et par risque, ce que chacun fournit, et ce qui reste en l'état.
4. Corrections sur une copie du site
Les changements sont faits et testés d'abord sur une copie, avec une sauvegarde prise avant leur passage sur le site en ligne.
5. Nouvelles mesures
Les chiffres de laboratoire juste après le travail, les données de terrain sur les 28 jours suivants, dans un court compte rendu.
6. Garder un site rapide
Les nouvelles images, extensions et balises font perdre la vitesse gagnée. Les contrôles de vitesse continuent avec votre formule de maintenance, après les mises à jour et les nouveaux contenus.
Services
Nos autres services
Sécurité du site
Renforcement, sauvegardes et nettoyage après un piratage, pour un site qui existe déjà.
Maintenance de site web
Mises à jour, sauvegardes, sécurité et corrections pour les sites existants.
Sous-traitance de développement web
Développement web réalisé depuis Tanger pour les entreprises et les équipes à l’étranger.
Questions
Optimisation de la vitesse de site web : vos questions
Combien coûte l'optimisation de la vitesse d'un site web ?
Cela dépend de la plateforme, du nombre de types de pages et de ce qui les ralentit : un thème, l'hébergement ou quelques images lourdes. Nous mesurons d'abord, puis nous envoyons un devis écrit qui détaille chaque correction. Ce travail se fait en intervention ponctuelle ou dans le cadre d'une formule de maintenance. Demandez un devis avec l'adresse de votre site.
Pouvez-vous promettre un score PageSpeed de 90 ou de 100 ?
Non. Le score de PageSpeed Insights vient d'un test de laboratoire sur un téléphone de milieu de gamme simulé, et l'évaluation des Core Web Vitals repose sur les vraies visites des 28 derniers jours : les deux peuvent différer. Nos objectifs portent sur les Core Web Vitals de vos visiteurs, et le compte rendu montre les deux.
La vitesse d'un site compte-t-elle pour le référencement Google ?
Google recommande vivement aux propriétaires de sites d'obtenir de bons Core Web Vitals pour réussir dans la recherche, et indique qu'ils vont dans le sens de ce que ses systèmes de classement récompensent. Il précise aussi que de bons résultats dans son rapport Core Web Vitals ne garantissent pas les premières positions, et qu'il affiche le contenu le plus pertinent même quand l'expérience de la page est moins bonne. La vitesse aide une page qui répond déjà bien à la recherche.
Optimisez-vous la vitesse des sites WordPress ?
Oui. Pour un site WordPress, le travail porte sur les extensions, le thème, le constructeur de pages, le cache, les images et la base de données, testés sur une copie du site avant la mise en ligne. Pour une boutique WooCommerce, nous testons aussi le panier et la commande. Quand le thème lui-même pose problème, nous vous le disons et comparons une correction avec une refonte de site internet.
L'optimisation va-t-elle changer mon design ?
Votre design reste le même : nous changeons la façon dont les images, le code et les polices se chargent. Quand un élément ralentit une page sans pouvoir être allégé, comme une vidéo en fond ou un grand diaporama, nous vous montrons les options avant d'y toucher.
Quand verrai-je les résultats ?
Les chiffres de laboratoire s'améliorent dès que les changements sont en ligne. Les données de terrain de PageSpeed Insights couvrent les 28 derniers jours : elles évoluent au fil des semaines suivantes, à mesure que de nouvelles visites remplacent les anciennes. Un site peu visité peut n'avoir aucune donnée de terrain, et nous rendons alors compte des chiffres de laboratoire.
Dites-nous quelles pages sont lentes
Envoyez-nous l'adresse de votre site et les pages qui comptent le plus pour votre activité. Nous les mesurons, revenons vers vous avec des questions, puis vous envoyons un plan écrit et un devis.