Éco conception de site web : mesurer, alléger et concevoir plus sobre
Réduire l'empreinte d'un site sans sacrifier son efficacité commerciale ni le confort de navigation
- Certifié Qualiopi
- 2 jours — 14 h
- Présentiel ou à distance
- Fondamental
- Finançable OPCO
Les sites s'alourdissent à chaque refonte : scripts de mesure empilés, images non compressées, animations décoratives, contenus chargés mais jamais consultés. Le sujet remonte quand la direction demande un bilan du numérique, quand les temps de chargement dégradent le référencement ou quand les équipes ne savent pas quoi arbitrer entre design et sobriété.
Deux jours pour poser une méthode applicable à un site existant comme à un projet neuf : mesurer l'existant, hiérarchiser les fonctionnalités utiles, alléger les médias et le code, puis suivre les effets. Chaque participant travaille sur son propre site et repart avec un plan d'allègement priorisé.
Objectifs pédagogiques
- Mesurer le poids et le nombre de requêtes des pages principales d'un site
- Hiérarchiser les fonctionnalités selon leur usage réel et leur coût technique
- Alléger les médias et les polices sans dégrader la lisibilité
- Rédiger des spécifications d'éco conception intégrables à un cahier des charges
- Suivre les effets des optimisations sur le chargement et le référencement
Programme de la formation
Avant la formation
Analyse du besoin et test de positionnement. Vos réponses sont partagées avec votre formateur afin d'adapter la formation à votre niveau et votre contexte professionnel.
De la page affichée aux ressources mobilisées
- Répartir l'impact entre terminal réseau et serveur
- Identifier ce qui alourdit une page
- Distinguer sobriété et simple performance technique
- Situer le sujet dans la démarche RSE de l'entreprise
Partir de chiffres avant de décider
- Choisir un parcours représentatif à analyser
- Relever poids requêtes et temps d'affichage
- Repérer les scripts tiers et leur utilité réelle
- Classer les écarts par effort et par gain
Arbitrer les fonctionnalités et le design
- Questionner l'utilité de chaque fonctionnalité
- Simplifier les parcours et réduire le nombre d'écrans
- Choisir des formats d'image et des polices adaptés
- Limiter les animations et les contenus chargés automatiquement
Faire tenir la démarche au-delà du projet
- Traduire les choix en exigences de cahier des charges
- Définir des indicateurs de suivi simples
- Organiser les contrôles lors des mises en ligne
- Sensibiliser les contributeurs éditoriaux
Après la formation
E-learning accessible en illimité dans le temps. Évaluation de niveau afin de suivre votre progression.
Les points forts
Les avis de nos apprenants
Prochaines sessions
Aucune session programmée sur ce lieu pour le moment. Demandez une date.
À qui s'adresse cette formation ?
Chefs de projet web et responsables marketing digital ainsi que les intégrateurs développeurs et référents RSE associés à une refonte de site.
Financer cette formation
Mon Pôle Formation est un organisme certifié Qualiopi au titre des actions de formation. À ce titre, cette formation est éligible aux principaux dispositifs de financement de la formation professionnelle.
Le plan de développement des compétences regroupe l'ensemble des actions de formation décidées par l'employeur. Votre OPCO prend généralement en charge les coûts pédagogiques, et parfois la rémunération, les frais de transport, de repas et d'hébergement.
Tous les salariés peuvent en bénéficier, quels que soient la nature et la durée de leur contrat. Rapprochez-vous de votre service RH ou formation : nous montons le dossier avec vous.
Vous versez chaque année une Contribution à la Formation Professionnelle. Elle ouvre droit à une prise en charge par votre fonds d'assurance formation : FIFPL, AGEFICE, FAFCEA, VIVEA ou OPCO selon votre activité.
Nous préparons pour vous le devis, le programme détaillé et l'attestation nécessaires au dossier.
Selon votre projet professionnel, France Travail peut financer tout ou partie de la formation via l'Aide Individuelle à la Formation. Le dossier se construit avec votre conseiller à partir de notre devis.
Vous pouvez régler la formation directement, en une fois ou jusqu'à 6 fois sans frais. Contactez un conseiller pour définir l'échéancier : 01 87 66 57 66.
Questions fréquentes
Les deux, mais le cadrage fonctionnel pèse le plus : une fonctionnalité peu utilisée coûte davantage qu'un script mal optimisé. La formation traite donc la hiérarchisation des fonctionnalités avant les optimisations de médias, de polices et de requêtes.
On travaille les formats et les dimensions réellement nécessaires selon les écrans, le chargement différé et la réduction du nombre de variantes typographiques. Les effets sont mesurés page par page, ce qui permet de s'arrêter au point où l'allègement commencerait à se voir.
Vous apprenez à écrire des spécifications vérifiables : poids maximal d'une page type, nombre de requêtes, règles sur les médias et les polices, conditions de recette. Formulées ainsi, ces exigences deviennent opposables au prestataire au lieu de rester des intentions.