Lighthouse Report

First Contentful Paint

0,5 s

La statistique "First Contentful Paint" indique le moment où le premier texte ou la première image sont affichés. En savoir plus

Speed Index

0,9 s

La valeur "Speed Index" indique la rapidité avec laquelle le contenu d'une page est disponible. En savoir plus

Largest Contentful Paint

1,9 s

La statistique "Largest Contentful Paint" indique le moment où le texte le plus long ou l'image la plus grande sont affichés. En savoir plus

Time to Interactive

2,3 s

La valeur "Time to Interactive" correspond au temps nécessaire pour que la page devienne entièrement interactive. En savoir plus

Total Blocking Time

10 ms

Somme en millisecondes de toutes les périodes entre le First Contentful Paint et le Time to Interactive, lorsque la durée de la tâche a dépassé 50 ms. En savoir plus

Cumulative Layout Shift

0,125

Cumulative Layout Shift mesure le mouvement des éléments visibles dans la fenêtre d'affichage. En savoir plus

Les valeurs sont estimées et peuvent varier. Le calcul du score lié aux performances repose directement sur ces statistiques.Affichez la calculatrice.

Réduisez les ressources CSS inutilisées

0,24 s

Réduisez les règles inutilisées des feuilles de style et différez les ressources CSS non utilisées pour le contenu au-dessus de la ligne de flottaison afin de réduire la quantité d'octets consommés par l'activité réseau. En savoir plusFCPLCP

Consider reducing, or switching, the number of WordPress plugins loading unused CSS in your page. To identify plugins that are adding extraneous CSS, try running code coverage in Chrome DevTools. You can identify the theme/plugin responsible from the URL of the stylesheet. Look out for plugins that have many stylesheets in the list which have a lot of red in code coverage. A plugin should only enqueue a stylesheet if it is actually used on the page.

URL	Taille de transfert	Économies potentielles
…assets/wpo-minify-header-3ad39e8c.min.css (arpstudio.fr)	127,1 KiB	117,1 KiB

Éliminez les ressources qui bloquent le rendu

0,19 s

Des ressources bloquent la première visualisation (first paint) de votre page. Envisagez de diffuser des feuilles JS/CSS essentielles en ligne et de différer la diffusion de toutes les feuilles JS/de style non essentielles. En savoir plusFCPLCP

There are a number of WordPress plugins that can help you inline critical assets or defer less important resources. Beware that optimizations provided by these plugins may break features of your theme or plugins, so you will likely need to make code changes.

URL	Taille de transfert	Économies potentielles
…assets/wpo-minify-header-3ad39e8c.min.css (arpstudio.fr)	127,1 KiB	160 ms

Réduisez les ressources JavaScript inutilisées

0,16 s

Réduisez les ressources JavaScript inutilisées et différez le chargement des scripts tant qu'ils ne sont pas requis afin de réduire la quantité d'octets consommés par l'activité réseau. En savoir plusLCP

Consider reducing, or switching, the number of WordPress plugins loading unused JavaScript in your page. To identify plugins that are adding extraneous JS, try running code coverage in Chrome DevTools. You can identify the theme/plugin responsible from the URL of the script. Look out for plugins that have many scripts in the list which have a lot of red in code coverage. A plugin should only enqueue a script if it is actually used on the page.

URL	Taille de transfert	Économies potentielles
…assets/wpo-minify-footer-f2302c0e.min.js (arpstudio.fr)	58,5 KiB	46,4 KiB
…assets/wpo-minify-footer-7cb850a0.min.js (arpstudio.fr)	62,2 KiB	45,2 KiB

Assurez-vous que le texte reste visible pendant le chargement des polices Web

Avertissements : Lighthouse n'a pas pu vérifier automatiquement la valeur `font-display` pour l'origine https://arpstudio.fr.

Utilisez la fonction d'affichage de la police CSS afin que le texte soit visible par l'utilisateur pendant le chargement des polices Web. En savoir plusFCPLCP

URL	Économies potentielles
…11/impact.ttf (arpstudio.fr)	60 ms
…12/CreatoDisplay-Regular.otf (arpstudio.fr)	40 ms

Les éléments d'image ne possèdent pas de width ni de height explicites

Indiquez une largeur et une hauteur explicites sur les éléments d'image afin de réduire les décalages de mise en page et d'améliorer le CLS. En savoir plusCLS

	URL	Éléments non conformes
	…accueil/FHD-photo3.webp (media.ladn.org)	studio d'enregistrement <img src="https://media.ladn.org/arpstudio.fr/accueil/FHD-photo3.webp" alt="studio d'enregistrement">
	…logo/logo-arp.svg (media.ladn.org)	Logo ARP Studio <img src="https://media.ladn.org/arpstudio.fr/logo/logo-arp.svg" alt="Logo ARP Studio" class="elementor-animation-grow">

Évitez de créer des chaînes de requêtes critiques 11 chaînes trouvées

Les chaînes de demandes critiques ci-dessous vous montrent quelles ressources sont chargées avec une priorité élevée. Envisagez de réduire la longueur des chaînes et la taille de téléchargement des ressources ou de reporter le téléchargement de ressources inutiles afin d'améliorer le chargement des pages. En savoir plusFCPLCP

Latence de chemin d'accès critique maximale : 630 ms

Navigation initiale

https://arpstudio.fr

…assets/wpo-minify-header-3ad39e8c.min.css

(arpstudio.fr)

…webfonts/fa-solid-900.woff2

(arpstudio.fr)

- 50 ms, 76,83 KiB

…fonts/elementskit.woff

(arpstudio.fr)

- 130 ms, 240,77 KiB

…webfonts/fa-regular-400.woff2

(arpstudio.fr)

- 10 ms, 13,14 KiB

…assets/wpo-minify-header-551e1665.min.js

(arpstudio.fr)

- 40 ms, 40,16 KiB

…assets/wpo-minify-footer-b936174f.min.css

(arpstudio.fr)

- 10 ms, 3,88 KiB

…assets/wpo-minify-footer-7cb850a0.min.js

(arpstudio.fr)

- 120 ms, 62,24 KiB

…assets/wpo-minify-footer-f2302c0e.min.js

(arpstudio.fr)

- 50 ms, 58,52 KiB

…11/impact.ttf

(arpstudio.fr)

- 60 ms, 80,16 KiB

…12/CreatoDisplay-Regular.otf

(arpstudio.fr)

- 40 ms, 28,05 KiB

…v29/KFOlCnqEu….woff2

(fonts.gstatic.com)

- 80 ms, 10,85 KiB

…v29/KFOmCnqEu….woff2

(fonts.gstatic.com)

- 100 ms, 10,84 KiB

Réduisez au maximum le nombre de requêtes et la taille des transferts 48 requêtes• 2 177 Kio

Pour définir des budgets liés à la quantité et à la taille des ressources de pages, ajoutez un fichier budget.json. En savoir plus

Type de ressource	Requêtes	Taille de transfert
Total	48	2 177,4 KiB
Image	19	971,5 KiB
Script	14	590,2 KiB
Police de caractères	7	460,6 KiB
Feuille de style	2	130,9 KiB
Document	2	16,8 KiB
Autre	4	7,2 KiB
Contenu multimédia	0	0,0 KiB
Tiers	30	1 397,8 KiB

Élément identifié comme "Largest Contentful Paint" 1 élément trouvé

Il s'agit de l'élément identifié comme "Largest Contentful Paint" dans la fenêtre d'affichage. En savoir plusLCP

Élément
LE STUDIO Implanté dans le Valromey, notre studio vous propose un service comp… <section class="elementor-section elementor-top-section elementor-element elementor-elemen…" data-id="bb13e67" data-element_type="section" id="lestudio" data-settings="{"background_background":"classic"}">

Éviter les changements de mise en page importants 5 éléments trouvés

Ces éléments DOM contribuent en grande partie au CLS de la page.CLS

Élément	Contribution au CLS
LE STUDIO Implanté dans le Valromey, notre studio vous propose un service comp… <div data-elementor-type="wp-page" data-elementor-id="10" class="elementor elementor-10" data-elementor-settings="[]">	0,114
ARP STUDIO <div class="elementor-element elementor-element-91909bd elementor-widget elementor-wid…" data-id="91909bd" data-element_type="widget" data-widget_type="heading.default">	0,004
ACCUEIL CONTACT <div class="elementor-element elementor-element-2ed5bf1 elementor-widget elementor-wid…" data-id="2ed5bf1" data-element_type="widget" data-widget_type="ekit-nav-menu.default">	0,003
LE STUDIO Implanté dans le Valromey, notre studio vous propose un service comp… <div class="elementor-column elementor-col-50 elementor-top-column elementor-element e…" data-id="378aabd" data-element_type="column">	0,001
07 49 22 77 84 contact@arpstudio.fr <div class="elementor-element elementor-element-8192b19 elementor-list-item-link-inlin…" data-id="8192b19" data-element_type="widget" data-widget_type="icon-list.default">	0,001

Évitez les tâches longues dans le thread principal 4 tâches longues trouvées

Indique les tâches les plus longues du thread principal, ce qui est utile pour identifier celles qui entraînent le plus de retard. En savoir plusTBT

URL	Heure de début	Durée
https://arpstudio.fr	249 ms	104 ms
…assets/wpo-minify-header-551e1665.min.js (arpstudio.fr)	2 525 ms	64 ms
…assets/wpo-minify-header-551e1665.min.js (arpstudio.fr)	1 008 ms	55 ms
https://arpstudio.fr	439 ms	51 ms

Dimensionnez correctement les images Économies potentielles de 68 Kio

Diffusez des images de taille appropriée afin d'économiser des données mobiles et de réduire le temps de chargement. En savoir plus

Upload images directly through the media library to ensure that the required image sizes are available, and then insert them from the media library or use the image widget to ensure the optimal image sizes are used (including those for the responsive breakpoints). Avoid using `Full Size` images unless the dimensions are adequate for their usage. Learn More.

	URL	Taille de la ressource	Économies potentielles
	…accueil/FHD-photo3.webp (media.ladn.org)	81,0 KiB	68,3 KiB

Différez le chargement des images hors écran

Envisagez de charger des images masquées ou hors écran après le chargement de toutes les ressources essentielles afin de réduire le délai avant interactivité. En savoir plus

Install a lazy-load WordPress plugin that provides the ability to defer any offscreen images, or switch to a theme that provides that functionality. Also consider using the AMP plugin.

Réduisez la taille des ressources CSS

La réduction des fichiers CSS peut réduire la taille des charges utiles de réseau. En savoir plusFCPLCP

A number of WordPress plugins can speed up your site by concatenating, minifying, and compressing your styles. You may also want to use a build process to do this minification up-front if possible.

Réduisez la taille des ressources JavaScript Économies potentielles de 9 Kio

La minimisation des fichiers JavaScript peut réduire la taille des charges utiles et la durée d'analyse des scripts. En savoir plusFCPLCP

A number of WordPress plugins can speed up your site by concatenating, minifying, and compressing your scripts. You may also want to use a build process to do this minification up front if possible.

URL	Taille de transfert	Économies potentielles
…js/wsm_new.js (arpstudio.fr)	18,2 KiB	9,3 KiB

Encodez les images de manière efficace

Les images optimisées se chargent plus rapidement et consomment moins de données mobiles. En savoir plus

Consider using an image optimization WordPress plugin that compresses your images while retaining quality.

Diffusez des images aux formats nouvelle génération

Les formats d'image comme WebP et AVIF proposent souvent une meilleure compression que PNG et JPEG. Par conséquent, les téléchargements sont plus rapides et la consommation de données est réduite. En savoir plus

Consider using a plugin or service that will automatically convert your uploaded images to the optimal formats.

Activez la compression de texte

Les ressources textuelles doivent être diffusées compressées (Gzip, Deflate ou Brotli) pour réduire le nombre total d'octets du réseau. En savoir plusFCPLCP

You can enable text compression in your web server configuration.

Connectez-vous à l'avance aux origines souhaitées

Envisagez d'ajouter les indices de ressources `preconnect` ou `dns-prefetch` pour établir les premières connexions avec des origines tierces importantes. Découvrez-en davantage.FCPLCP

Le temps de réponse initial du serveur était court Le document racine a pris 30 ms

Le temps de réponse du serveur pour le document principal doit rester court, car toutes les autres requêtes en dépendent. En savoir plusFCPLCP

Themes, plugins, and server specifications all contribute to server response time. Consider finding a more optimized theme, carefully selecting an optimization plugin, and/or upgrading your server.

URL	Temps passé
https://arpstudio.fr	30 ms

Évitez les redirections de page multiples

Les redirections entraînent des retards supplémentaires avant que la page ne puisse être chargée. En savoir plusFCPLCP

Préchargez les demandes clés

Envisagez d'utiliser `<link rel=preload>` pour hiérarchiser la récupération des ressources actuellement requises pour le chargement ultérieur de la page. En savoir plusFCPLCP

Utilisez HTTP/2

Le protocole HTTP/2 offre de nombreux avantages par rapport à HTTP/1.1, comme les en-têtes binaires et le multiplexage. En savoir plus

Utilisez des formats vidéo pour le contenu animé

Les grandes images GIF sont inefficaces pour diffuser du contenu animé. Envisagez d'utiliser des vidéos MPEG4/WebM pour les animations et PNG/WebP pour les images statiques au lieu d'images GIF afin d'économiser des octets réseau. En savoir plusLCP

Consider uploading your GIF to a service which will make it available to embed as an HTML5 video.

Supprimez les modules en double dans les groupes JavaScript

Supprimez les modules JavaScript volumineux et en double de vos groupes pour réduire les débits d'octets superflus sur le réseau. TBT

Évitez d'utiliser de l'ancien code JavaScript dans les navigateurs récents Économies potentielles de 6 Kio

Les polyfills et les attributs "transform" permettent aux anciens navigateurs d'utiliser les nouvelles fonctionnalités JavaScript. Dans la majorité des cas cependant, ils ne sont pas nécessaires aux navigateurs modernes. Adoptez une stratégie de déploiement de script moderne pour votre groupe JavaScript : utilisez la détection de fonctionnalité module/nomodule pour réduire la quantité de code envoyée aux navigateurs modernes tout en continuant de prendre en charge les plus anciens. En savoir plusTBT

URL		Économies potentielles
…assets/wpo-minify-footer-7cb850a0.min.js (arpstudio.fr)		5,9 KiB
…assets/wpo-minify-footer-7cb850a0.min.js:16:103 (arpstudio.fr)	@babel/plugin-transform-classes
…assets/wpo-minify-footer-7cb850a0.min.js:85:596 (arpstudio.fr)	Date.now

Précharger l'image Largest Contentful Paint

Préchargez l'image utilisée par l'élément LCP pour améliorer la durée de votre LCP. En savoir plusLCP

Éviter d'énormes charges utiles de réseau La taille totale était de 2 177 Kio

Les charges utiles des grands réseaux coûtent de l'argent réel aux utilisateurs et sont fortement corrélées aux délais de chargement interminables. En savoir plusLCP

Consider showing excerpts in your post lists (e.g. via the more tag), reducing the number of posts shown on a given page, breaking your long posts into multiple pages, or using a plugin to lazy-load comments.

URL	Taille de transfert
…header/FHD-background2.avif (media.ladn.org)	326,6 KiB
/widget-9-307109ca0909.js (widget.sndcdn.com)	309,8 KiB
…fonts/elementskit.woff (arpstudio.fr)	240,8 KiB
/arpstudio.fr/FHD-background3.webp (media.ladn.org)	215,2 KiB
…assets/wpo-minify-header-3ad39e8c.min.css (arpstudio.fr)	127,1 KiB
/arpstudio.fr/FHD-background1.webp (media.ladn.org)	82,5 KiB
…accueil/FHD-photo3.webp (media.ladn.org)	81,0 KiB
…11/impact.ttf (arpstudio.fr)	80,2 KiB
…webfonts/fa-solid-900.woff2 (arpstudio.fr)	76,8 KiB
/arpstudio.fr/FHD-background2.webp (media.ladn.org)	72,7 KiB

Utiliser des règles de cache efficaces sur les éléments statiques 4 ressources trouvées

Une longue durée de vie du cache peut accélérer les visites répétées sur votre page. En savoir plus

Read about Browser Caching in WordPress.

URL	Cache de la valeur TTL	Taille de transfert
/artworks-….jpg (i1.sndcdn.com)	42 d	8 KiB
/artworks-….jpg (i1.sndcdn.com)	42 d	2 KiB
/artworks-….jpg (i1.sndcdn.com)	42 d	1 KiB
/artworks-….jpg (i1.sndcdn.com)	42 d	1 KiB

Éviter une taille excessive de DOM 525 éléments

Un grand DOM sollicite davantage la mémoire, et entraîne de plus longs calculs de style et de coûteux ajustements de la mise en page. En savoir plusTBT

Statistique	Élément	Valeur
Nombre total d'éléments DOM		525
Profondeur maximum de DOM	Production <span class="elementor-button-text">	17
Nombre maximal d'éléments enfants	body.home <body class="home page-template page-template-elementor_header_footer page page-id-10 e…" data-elementor-device-mode="desktop">	18

Marques et mesures du temps utilisateur

Envisagez de doter votre application de l'API User Timing pour mesurer ses performances réelles lors d'expériences utilisateur clés. En savoir plus

Délai d'exécution de JavaScript 0,2 s

Envisagez de réduire le temps consacré à l'analyse, la compilation et l'exécution de JavaScript. La livraison de charges utiles JavaScript plus petites peut vous aider. En savoir plusTBT

URL	Temps CPU total	Évaluation des scripts	Analyse des scripts
https://arpstudio.fr	368 ms	28 ms	28 ms
…assets/wpo-minify-header-551e1665.min.js (arpstudio.fr)	294 ms	116 ms	5 ms
Unattributable	209 ms	5 ms	0 ms

Réduire le travail du thread principal 1,1 s

Envisagez de réduire le temps consacré à l'analyse, la compilation et l'exécution de JavaScript. La livraison de charges utiles JavaScript plus petites peut vous aider. En savoir plusTBT

Catégorie	Temps passé
Other	402 ms
Script Evaluation	256 ms
Rendering	162 ms
Style & Layout	121 ms
Script Parsing & Compilation	67 ms
Parse HTML & CSS	56 ms

Réduire au maximum l'utilisation de code tiers Le thread principal a été bloqué par du code tiers pendant 0 ms

Le code tiers peut affecter considérablement les performances de chargement des pages. Limitez le nombre de fournisseurs tiers redondants, et essayez de charger du code tiers une fois le chargement de votre page terminé. En savoir plusTBT

Tiers	Taille de transfert	Durée de blocage du thread principal
SoundCloud	422 KiB	0 ms
/widget-9-307109ca0909.js (widget.sndcdn.com)	310 KiB	0 ms
/widget-0-7e4495eb2804.js (widget.sndcdn.com)	65 KiB	0 ms
Autres ressources	46 KiB	0 ms
Google Fonts	22 KiB	0 ms
…v29/KFOlCnqEu….woff2 (fonts.gstatic.com)	11 KiB	0 ms
…v29/KFOmCnqEu….woff2 (fonts.gstatic.com)	11 KiB	0 ms

Ressources tierces pouvant être chargées de façon différée avec des façades

Certaines intégrations tierces peuvent être chargées de manière différée. Vous pouvez envisager de les remplacer par une façade tant qu'elles ne sont pas requises. En savoir plusTBT

Largest Contentful Paint image was not lazily loaded

Above-the-fold images that are lazily loaded render later in the page lifecycle, which can delay the largest contentful paint. Learn more.

Élément
LE STUDIO Implanté dans le Valromey, notre studio vous propose un service comp… <section class="elementor-section elementor-top-section elementor-element elementor-elemen…" data-id="bb13e67" data-element_type="section" id="lestudio" data-settings="{"background_background":"classic"}">

La page utilise des écouteurs d'événements passifs pour améliorer les performances de défilement

Envisagez de marquer vos écouteurs d'événements tactiles et à la molette comme `passive` pour améliorer les performances de défilement de votre page. En savoir plus

Évite document.write()

Pour les utilisateurs rencontrant des problèmes de connexion lente, les scripts externes injectés dynamiquement via `document.write()` peuvent retarder le chargement des pages de plusieurs dizaines de secondes. En savoir plus

Éviter les animations non composées

Les animations non composées peuvent être lentes et augmenter le CLS. En savoir plusCLS

Une balise <meta name="viewport"> ayant l'attribut width ou initial-scale est configurée

Ajoutez une balise `<meta name="viewport">` afin d'optimiser votre application pour les écrans mobiles. Découvrez-en davantage.TBT

100

Accessibilité

Ces vérifications permettent de connaître les possibilités d'amélioration de l'accessibilité de vos applications Web. Seule une partie des problèmes d'accessibilité peut être détectée automatiquement. Il est donc conseillé d'effectuer un test manuel.

The page has a logical tab order

Tabbing through the page follows the visual layout. Users cannot focus elements that are offscreen. Learn more.

Interactive controls are keyboard focusable

Custom interactive controls are keyboard focusable and display a focus indicator. Learn more.

Interactive elements indicate their purpose and state

Interactive elements, such as links and buttons, should indicate their state and be distinguishable from non-interactive elements. Learn more.

The user's focus is directed to new content added to the page

If new content, such as a dialog, is added to the page, the user's focus is directed to it. Learn more.

User focus is not accidentally trapped in a region

A user can tab into and out of any control or region without accidentally trapping their focus. Learn more.

Custom controls have associated labels

Custom interactive controls have associated labels, provided by aria-label or aria-labelledby. Learn more.

Custom controls have ARIA roles

Custom interactive controls have appropriate ARIA roles. Learn more.

Visual order on the page follows DOM order

DOM order matches the visual order, improving navigation for assistive technology. Learn more.

Offscreen content is hidden from assistive technology

Offscreen content is hidden with display: none or aria-hidden=true. Learn more.

HTML5 landmark elements are used to improve navigation

Landmark elements (<main>, <nav>, etc.) are used to improve the keyboard navigation of the page for assistive technology. Learn more.

[aria-hidden="true"] ne figure pas sur le document <body>

Les technologies d'assistance, telles que les lecteurs d'écran, présentent un fonctionnement irrégulier lorsque `aria-hidden="true"` est défini sur l'élément `<body>` du document. En savoir plus

Les éléments [aria-hidden="true"] ne contiennent pas de descendants sélectionnables

La présence de descendants sélectionnables dans un élément `[aria-hidden="true"]` empêche les utilisateurs de technologies d'assistance, telles que des lecteurs d'écran, de se servir de ces éléments interactifs. En savoir plus

Tous les éléments [role] contiennent les attributs [aria-*] requis

Certains rôles ARIA ont des attributs obligatoires qui décrivent l'état de l'élément aux lecteurs d'écran. En savoir plus

Les valeurs [role] sont valides

Les rôles ARIA doivent comporter des valeurs valides afin de remplir correctement leurs fonctions d'accessibilité. En savoir plus

La page contient un titre, un lien "Ignorer" ou un point de repère

En ajoutant des méthodes pour contourner les contenus répétitifs, vous permettez aux internautes qui utilisent un clavier de naviguer plus efficacement sur la page. En savoir plus

Les couleurs d'arrière-plan et de premier plan sont suffisamment contrastées

Un texte faiblement contrasté est difficile, voire impossible à lire pour de nombreux utilisateurs. En savoir plus

Le document contient un élément <title>

Le titre donne aux utilisateurs de lecteurs d'écran un aperçu de la page. En outre, les moteurs de recherche s'appuient principalement sur ce dernier pour déterminer la pertinence du contenu proposé. En savoir plus

Les ID ARIA sont uniques

La valeur d'un ID ARIA doit être unique afin que les différentes instances soient toutes prises en compte par les technologies d'assistance. En savoir plus

Les éléments <frame> ou <iframe> ont un titre

Les lecteurs d'écran s'appuient sur le titre des frames pour décrire le contenu de ces derniers aux utilisateurs. En savoir plus

Les éléments d'en-tête sont classés séquentiellement par ordre décroissant

Les en-têtes correctement classés qui respectent les niveaux transmettent la structure sémantique de la page, ce qui garantit une navigation plus aisée et permet d'identifier plus facilement dans quels cas utiliser les technologies d'assistance. En savoir plus

L'élément <html> contient un attribut [lang]

Lorsqu'une page ne spécifie pas d'attribut "lang", les lecteurs d'écran considèrent qu'elle est rédigée dans la langue par défaut sélectionnée au moment de leur configuration par l'utilisateur. Si la page n'est pas rédigée dans cette langue par défaut, les lecteurs d'écran risquent de ne pas énoncer correctement son contenu. En savoir plus

La valeur de l'attribut [lang] de l'élément <html> est valide

Le fait de spécifier une langue BCP 47 valide permet d'aider les lecteurs d'écran à énoncer correctement le texte. En savoir plus

Les éléments d'image possèdent des attributs [alt]

Les éléments informatifs doivent contenir un texte de substitution court et descriptif. L'attribut alt peut rester vide pour les éléments décoratifs. En savoir plus

Les liens ont un nom visible

Rédigez du texte visible et unique pour les liens (et pour le texte de substitution des images, si vous vous en servez dans des liens), afin que les utilisateurs de lecteurs d'écran puissent facilement positionner le curseur dessus et bénéficient d'une meilleure expérience de navigation. En savoir plus

Les listes contiennent uniquement des éléments <li> et des éléments de type script (<script> et <template>).

Les lecteurs d'écran ont une façon spécifique d'énoncer les listes. Pour leur permettre de donner de bons résultats, pensez à bien structurer ces dernières. En savoir plus

Les éléments de liste (<li>) sont inclus dans des éléments parents <ul> ou <ol>

Les lecteurs d'écran requièrent que les éléments de liste (`<li>`) soient contenus dans un élément parent `<ul>` ou `<ol>` pour les énoncer correctement. En savoir plus

[user-scalable="no"] n'est pas utilisé dans l'élément <meta name="viewport">, et l'attribut [maximum-scale] n'est pas inférieur à 5.

La désactivation de la fonction de zoom peut être problématique pour les utilisateurs qui ne voient pas bien et qui ont besoin d'agrandir le contenu d'une page Web pour en saisir le sens. En savoir plus

Les valeurs [accesskey] sont uniques

Les clés d'accès permettent aux utilisateurs de positionner rapidement le curseur dans une partie spécifique de la page. Pour les aider à naviguer correctement, pensez à définir des clés d'accès uniques. En savoir plus

Les attributs [aria-*] correspondent à leurs rôles

Chaque `role` ARIA est rattaché à un sous-ensemble spécifique d'attributs `aria-*`. S'ils ne sont pas correctement associés, les attributs `aria-*` ne seront pas valides. En savoir plus

Les éléments button, link et menuitem ont des noms accessibles

Lorsqu'un élément n'a pas de nom accessible, les lecteurs d'écran l'annoncent avec un nom générique, ce qui le rend inutilisable pour les personnes qui se servent de tels outils. En savoir plus

Les champs de saisie ARIA ont des noms accessibles

Lorsqu'un champ de saisie n'a pas de nom accessible, les lecteurs d'écran l'annoncent avec un nom générique, ce qui le rend inutilisable pour les personnes qui se servent de tels outils. En savoir plus

Les éléments ARIA meter ont des noms accessibles

Lorsqu'un élément n'a pas de nom accessible, les lecteurs d'écran l'annoncent avec un nom générique, ce qui le rend inutilisable pour les personnes qui se servent de tels outils. En savoir plus

Les éléments ARIA progressbar ont des noms accessibles

Lorsqu'un élément `progressbar` n'a pas de nom accessible, les lecteurs d'écran l'annoncent avec un nom générique, ce qui le rend inutilisable pour les personnes qui se servent de tels outils. En savoir plus

Les éléments ayant un [role] ARIA, qui exigent que les enfants incluent un [role] spécifique, possèdent tous les enfants requis.

Certains rôles ARIA parents doivent contenir des rôles enfants spécifiques afin de remplir correctement leurs fonctions d'accessibilité. En savoir plus

Les éléments [role] sont inclus dans l'élément parent approprié

Certains rôles ARIA enfants doivent être inclus dans un rôle parent spécifique afin de remplir correctement leurs fonctions d'accessibilité. En savoir plus

Les champs d'activation/de désactivation ARIA ont des noms accessibles

Lorsqu'un champ d'activation/de désactivation n'a pas de nom accessible, les lecteurs d'écran l'annoncent avec un nom générique, ce qui le rend inutilisable pour les personnes qui se servent de tels outils. En savoir plus

Les éléments ARIA treeitem ont des noms accessibles

Lorsqu'un élément n'a pas de nom accessible, les lecteurs d'écran l'annoncent avec un nom générique, ce qui le rend inutilisable pour les personnes qui se servent de tels outils. En savoir plus

Les attributs [aria-*] ont des valeurs valides

Les technologies d'assistance telles que les lecteurs d'écran ne peuvent pas interpréter les attributs ARIA si leurs valeurs ne sont pas valides. En savoir plus

Les attributs [aria-*] sont valides et correctement orthographiés

Les technologies d'assistance telles que les lecteurs d'écran ne peuvent pas interpréter les attributs ARIA si leurs noms ne sont pas valides. En savoir plus

Les boutons ont un nom accessible

Lorsqu'un bouton n'a pas de nom accessible, les lecteurs d'écran annoncent simplement qu'il s'agit d'un "bouton", ce qui le rend inutilisable pour les personnes qui se servent de tels outils. En savoir plus

Les éléments <dl> ne contiennent que des groupes <dt> et <dd> ainsi que des éléments <script>, <template> ou <div> dans le bon ordre.

Si les listes de définition ne sont pas correctement balisées, les lecteurs d'écran risquent de donner des résultats confus ou imprécis. En savoir plus

Les éléments de liste de définition sont encapsulés dans des éléments <dl>

Les éléments de liste de définition (`<dt>` et `<dd>`) doivent être encapsulés dans un élément `<dl>` parent afin que les lecteurs d'écran puissent les énoncer correctement. En savoir plus

Les attributs [id] sur des éléments sélectionnables actifs sont uniques

Tous les éléments sélectionnables doivent être associés à un `id` unique pour qu'ils soient visibles par les technologies d'assistance. En savoir plus

Aucun champ de formulaire ne comporte plusieurs libellés

Les champs de formulaire comprenant plusieurs libellés peuvent être annoncés par les technologies d'assistance comme des lecteurs d'écran utilisant le premier, le dernier ou tous les libellés, ce qui peut prêter à confusion. En savoir plus

Les éléments <input type="image"> contiennent du texte [alt]

Lorsqu'une image est utilisée comme bouton `<input>`, vous pouvez aider les utilisateurs de lecteurs d'écran à comprendre son utilité en ajoutant un texte de substitution. En savoir plus

Les éléments de formulaire sont associés à des libellés

Les libellés permettent de s'assurer que les éléments de contrôle des formulaires sont énoncés correctement par les technologies d'assistance, comme les lecteurs d'écran. En savoir plus

Le document n'utilise pas de balise Meta <meta http-equiv="refresh">

Les utilisateurs ne s'attendent pas à ce qu'une page s'actualise automatiquement. De plus, lorsque cela se produit, le curseur est aussitôt repositionné en haut de la page. Cela peut générer de la frustration et perturber l'expérience utilisateur. En savoir plus

Les éléments <object> contiennent du texte [alt]

Les lecteurs d'écran ne peuvent pas traduire les contenus non textuels. En ajoutant un texte de substitution aux éléments `<object>`, vous aiderez les lecteurs d'écran à transmettre votre message aux utilisateurs. En savoir plus

Aucun élément n'a de valeur [tabindex] supérieure à 0

Une valeur supérieure à 0 implique un ordre de navigation explicite. Bien que cela soit valide d'un point de vue technique, cela crée souvent une expérience frustrante pour les utilisateurs qui s'appuient sur des technologies d'assistance. En savoir plus

Les cellules d'un élément <table> qui utilisent l'attribut [headers] font référence à des cellules figurant dans le même tableau.

Les lecteurs d'écran proposent des fonctionnalités qui permettent de naviguer plus simplement dans les tableaux. En vous assurant que les cellules `<td>` qui comportent l'attribut `[headers]` fassent référence à d'autres cellules dans le même tableau uniquement, vous pourrez améliorer l'expérience des utilisateurs de lecteurs d'écran. En savoir plus

Les éléments <th> et ceux portant l'attribut [role="columnheader"/"rowheader"] décrivent des cellules de données.

Les lecteurs d'écran proposent des fonctionnalités qui permettent de naviguer plus simplement dans les tableaux. En vous assurant que les en-têtes de tableaux fassent toujours référence à un ensemble de cellules spécifique, vous pourrez améliorer l'expérience des utilisateurs de lecteurs d'écran. En savoir plus

Les attributs [lang] ont une valeur valide

Le fait de spécifier une langue BCP 47 valide pour les éléments permet de s'assurer que le texte sera prononcé correctement par les lecteurs d'écran. En savoir plus

Les éléments <video> contiennent un élément <track> avec [kind="captions"]

Le fait d'ajouter des sous-titres à une vidéo rend cette dernière plus accessible aux personnes sourdes et malentendantes. En savoir plus

100

Bonnes pratiques

Garantir l'efficacité de la CSP contre les attaques XSS

Une CSP (Content Security Policy) efficace réduit considérablement le risque d'attaques de script intersites (XSS). En savoir plus

Description	Directive	Gravité
Aucune CSP trouvée en mode de mise en conformité		Élevée

Bibliothèques JavaScript détectées

Toutes les bibliothèques JavaScript frontales détectées sur la page. Découvrez-en davantage.

Nom	Version
jQuery	3.6.0
jQuery UI	1.12.1
Underscore	1.13.1
WordPress	5.8.3

Requêtes HTTPS

Tous les sites doivent être protégés par le protocole HTTPS, même ceux qui ne traitent pas de données sensibles. Par conséquent, vous devez éviter le contenu mixte, qui provoque le chargement de certaines ressources sur HTTP bien que la demande initiale soit diffusée via HTTPS. Le protocole HTTPS empêche les intrus de détourner ou d’écouter passivement les communications entre votre application et les utilisateurs. Il constitue également une condition préalable à l'utilisation de HTTP/2 et de nombreuses nouvelles API de plates-formes Web. En savoir plus

Les liens vers les destinations multi-domaines sont sûrs

Ajoutez les attributs `rel="noopener"` ou `rel="noreferrer"` à tous les liens externes pour améliorer les performances et prévenir les failles de sécurité. En savoir plus

Aucune autorisation de géolocalisation n'est demandée au chargement de la page

Les utilisateurs se méfient des sites qui demandent leur position sans contexte. Envisagez plutôt d'associer la demande à des actions de l'utilisateur. En savoir plus

Aucune autorisation d'envoi de notifications n'est demandée au chargement de la page

Les utilisateurs se méfient des sites qui demandent à envoyer des notifications sans contexte. Envisagez plutôt d'associer la demande à des gestes de l'utilisateur. En savoir plus

Les bibliothèques JavaScript frontales ne présentent aucune faille de sécurité connue

Certains scripts tiers peuvent présenter des failles de sécurité connues, faciles à identifier et à exploiter par des pirates informatiques. En savoir plus

Autoriser les utilisateurs à copier un contenu dans les champs de mot de passe

Empêcher la copie de contenu dans les champs de mot de passe nuit aux règles de sécurité. En savoir plus

Images affichées au bon format

Les dimensions d'affichage des images doivent correspondre au format naturel. En savoir plus

Images diffusées dans la résolution appropriée

Pour que la clarté de l'image soit optimale, ses dimensions naturelles doivent être proportionnelles à la taille d'affichage et au taux de pixels. En savoir plus

La page n'a pas d'attribut doctype HTML

La spécification d'un attribut doctype empêche le navigateur de passer en mode quirks. Découvrez-en davantage.

Le charset est défini correctement

La déclaration d'encodage des caractères est obligatoire. Elle peut être effectuée avec une balise `<meta>` dans les 1 024 premiers octets du code HTML, ou dans l'en-tête de réponse HTTP Content-Type. En savoir plus

Permet d'éviter les écouteurs d'événements unload

L'événement `unload` ne se déclenche pas de manière fiable, et son analyse risque d'empêcher les optimisations du navigateur telles que la mise en cache des pages précédentes et suivantes. Nous vous conseillons d'utiliser à la place les événements `pagehide` ou `visibilitychange`. En savoir plus

API Application Cache non utilisée

L'API Application Cache est obsolète. En savoir plus

La page n'utilise pas d'API obsolètes

Les API obsolètes seront finalement supprimées du navigateur. En savoir plus

Aucune erreur de navigateur enregistrée dans la console

Les erreurs enregistrées dans la console indiquent des problèmes non résolus. Ces derniers peuvent être dus à des requêtes réseau qui ont échoué et à d'autres problèmes du navigateur. En savoir plus

La page contient des mappages source valides

Les mappages source traduisent le code minimisé pour obtenir le code source d'origine. Ce processus aide les développeurs à effectuer le débogage en phase de production. De plus, Lighthouse est en mesure de fournir d'autres renseignements. Envisagez de déployer des mappages source pour profiter de ces avantages. En savoir plus

Aucun problème dans le panneau Issues des outils de développement Chrome

Les problèmes enregistrés dans le panneau `Issues` des outils de développement Chrome indiquent des problèmes non résolus. Ceux-ci peuvent être dus à des requêtes réseau qui ont échoué, à des contrôles de sécurité insuffisants ou à d'autres problèmes du navigateur. Ouvrez le panneau "Issues" dans les outils de développement Chrome pour en savoir plus sur chaque problème.

Les polices qui utilisent font-display: optional sont préchargées

Préchargez les polices `optional` pour que les nouveaux visiteurs puissent les utiliser. En savoir plus

100

SEO

Ces vérifications vous permettent de vous assurer que votre page est optimisée pour le classement dans les résultats sur les moteurs de recherche. Lighthouse ne vérifie pas certains facteurs supplémentaires susceptibles d'avoir un impact sur votre classement dans les moteurs de recherche. En savoir plus

Les données structurées sont valides

Exécutez l'outil de test des données structurées et le validateur Lint de données structurées pour valider les données structurées. En savoir plus

Une balise <meta name="viewport"> ayant l'attribut width ou initial-scale est configurée

Ajoutez une balise `<meta name="viewport">` afin d'optimiser votre application pour les écrans mobiles. Découvrez-en davantage.TBT

Le document contient un élément <title>

Le document contient un attribut "meta description"

Les résultats de recherche peuvent inclure des attributs "meta description" pour résumer de façon concise le contenu de la page. En savoir plus

La page renvoie un code d'état HTTP de réussite

Les pages renvoyant des codes d'état HTTP d'échec peuvent ne pas être indexées correctement. En savoir plus

Les liens contiennent un texte descriptif

Le texte descriptif d'un lien aide les moteurs de recherche à comprendre votre contenu. En savoir plus

Les liens peuvent être explorés

Les moteurs de recherche peuvent utiliser les attributs `href` des liens pour explorer les sites Web. Assurez-vous que l'attribut `href` des éléments d'ancrage pointe vers une destination appropriée, pour que davantage de pages du site puissent être détectées. En savoir plus

L'indexation de cette page n'est pas bloquée

Les moteurs de recherche ne peuvent pas inclure vos pages dans les résultats de recherche s'ils ne sont pas autorisés à les explorer. En savoir plus

Le fichier robots.txt est valide

Si votre fichier robots.txt n'est pas créé correctement, il se peut que les robots d'exploration ne puissent pas comprendre comment votre site Web doit être exploré ou indexé. Découvrez-en davantage.

Les éléments d'image possèdent des attributs [alt]

Les éléments informatifs doivent contenir un texte de substitution court et descriptif. L'attribut alt peut rester vide pour les éléments décoratifs. En savoir plus

L'attribut hreflang du document est valide

Les liens hreflang indiquent aux moteurs de recherche la version de la page qu'ils doivent répertorier dans les résultats de recherche pour une page ou une région donnée. En savoir plus

L'attribut rel=canonical du document est valide

Les liens canoniques suggèrent l'URL à afficher dans les résultats de recherche. En savoir plus

Le document évite les plug-ins

Les moteurs de recherche ne peuvent pas indexer le contenu des plug-ins, et de nombreux appareils limitent l'utilisation de ces derniers, voire ne les acceptent pas. En savoir plus

Le document utilise des tailles de police lisibles

Les tailles de police inférieures à 12 pixels sont trop petites pour être lisibles et nécessitent que les visiteurs sur la version mobile pincent l'écran pour zoomer et lire le texte. Veuillez utiliser une police de texte de plus de 12 pixels sur plus de 60 % du texte de la page. En savoir plus

Les éléments tactiles sont dimensionnés correctement

Les éléments interactifs comme les boutons et les liens doivent être suffisamment larges (48 x 48 pixels) et avoir suffisamment d'espace autour d'eux pour que l'utilisateur puisse appuyer facilement dessus sans appuyer en même temps sur d'autres éléments. En savoir plus

Progressive web app

Ces contrôles permettent de vérifier que les conditions requises pour les progressive web apps sont remplies. Découvrez-en davantage.

Le fichier manifeste et le service worker de l'application Web respectent les conditions d'installation requises

Service worker est une technologie qui permet à votre application d'exploiter de nombreuses fonctionnalités propres aux progressive web apps, comme le fonctionnement hors connexion, l'ajout à l'écran d'accueil et les notifications push. Lorsqu'un service worker et un fichier manifeste sont correctement implémentés, les utilisateurs peuvent être invités à ajouter votre application à leur écran d'accueil par le biais de leur navigateur. Cette fonctionnalité peut contribuer à une hausse de l'engagement. En savoir plus

Un service worker de contrôle de la page et de start_url est enregistré

Un service worker est une technologie qui permet à votre application d'exploiter de nombreuses fonctionnalités propres aux progressive web apps, comme le fonctionnement hors connexion, l'ajout à un écran d'accueil et les notifications push. Découvrez-en davantage.

Trafic HTTP redirigé vers HTTPS

Si vous avez déjà configuré le protocole HTTPS, veillez à rediriger tout le trafic HTTP vers HTTPS afin de proposer des fonctionnalités Web sûres à tous vos utilisateurs. Découvrez-en davantage.

Écran d'accueil personnalisé disponible

Avec un écran d'accueil à thème, vous garantissez une expérience de qualité aux utilisateurs qui lancent votre application depuis leur écran d'accueil. Découvrez-en davantage.

Une couleur de thème est configurée pour la barre d'adresse.

Vous pouvez définir un thème assorti à votre site pour la barre d'adresse du navigateur. Découvrez-en davantage.

Le contenu est correctement dimensionné pour la fenêtre d'affichage

Si la largeur du contenu de votre application ne correspond pas à la largeur de la fenêtre d'affichage, il se peut que votre application ne soit pas optimisée pour les écrans mobiles. Découvrez-en davantage.

Une balise <meta name="viewport"> ayant l'attribut width ou initial-scale est configurée

Ajoutez une balise `<meta name="viewport">` afin d'optimiser votre application pour les écrans mobiles. Découvrez-en davantage.TBT

La valeur de l'attribut apple-touch-icon n'est pas valide

Définissez un attribut `apple-touch-icon` afin d'optimiser l'affichage de votre progressive web app sur l'écran d'accueil des appareils iOS. Il doit mener vers une image PNG carrée opaque de 180 ou 192 pixels. Découvrez-en davantage.

Le fichier manifeste comporte une icône masquable

Une icône masquable empêche l'apparition de bandes noires (format letterbox) et assure que l'image remplit totalement l'espace disponible lorsque l'application est installée sur un appareil. En savoir plus

Le site fonctionne sur différents navigateurs

Afin de toucher le plus grand nombre d'utilisateurs possible, les sites doivent fonctionner sur tous les principaux navigateurs. Découvrez-en davantage.

La navigation entre les différentes pages du site doit être rapide et fluide

La navigation sur les pages doit être rapide et fluide, même pour les utilisateurs avec une connexion lente. C'est un critère de performance fondamental pour les utilisateurs. Découvrez-en davantage.

Chaque page a sa propre URL

Veillez à ce que les URL de vos pages puissent être utilisées dans des liens profonds. En outre, chaque URL doit être unique afin de pouvoir être correctement partagée sur les réseaux sociaux. Découvrez-en davantage.