![\"Image\"](\"https:\/\/www.artefact.com\/\/wp-content\/uploads\/2023\/01\/Lisa-Stellberg-Coprred-1024x1024.png\")
Google lance le 12. M\u00e4rz 2024, le mot \"Interaction to Next Paint\" est devenu une nouvelle composante essentielle du Web, et il am\u00e9liore les possibilit\u00e9s d'optimisation que les r\u00e9f\u00e9renceurs avaient jusqu'\u00e0 pr\u00e9sent dans le domaine de la vitesse des pages.
\nPagespeed d\u00e9signe la vitesse et la performance d'un site web. La vitesse de d\u00e9filement d'un site Web n'est pas seulement un obstacle \u00e0 une exp\u00e9rience utilisateur agr\u00e9able, mais aussi un facteur de classement optimal pour Google, car elle est l'une des principales caract\u00e9ristiques des techniques de r\u00e9f\u00e9rencement.<\/p>\n<\/div>
Quels sont les facteurs qui influencent la dur\u00e9e de vie d'un site Web ?<\/h2><\/div>La dur\u00e9e de vie d'un site web peut \u00eatre influenc\u00e9e par diff\u00e9rents facteurs, qui jouent un r\u00f4le important dans le cadre de l'optimisation des moteurs de recherche (SEO). Certains de ces facteurs sont les suivants :<\/p>\n<\/div>
- <\/i><\/span>\n
Optimisation de l'image<\/strong>: Les images sont souvent les donn\u00e9es les plus importantes d'un site web et leur dur\u00e9e de vie peut \u00eatre tr\u00e8s longue. Gr\u00e2ce \u00e0 l'optimisation des images, notamment par la compression et l'utilisation d'un format plus riche (par exemple WebP), les dur\u00e9es d'affichage peuvent \u00eatre r\u00e9duites, sans que la qualit\u00e9 de l'image ne soit alt\u00e9r\u00e9e. La limite est de 100 kb par fichier.<\/p>\n<\/div><\/li>- <\/i><\/span>\n
Mise en cache du navigateur<\/strong>: La mise en cache d'un navigateur d\u00e9signe la mise en m\u00e9moire permanente de donn\u00e9es, par exemple des fichiers ou des donn\u00e9es textuelles, sur un site web. Si l'utilisateur quitte le site et le remet \u00e0 z\u00e9ro \u00e0 un moment ult\u00e9rieur, ces donn\u00e9es du cache peuvent \u00eatre supprim\u00e9es plus rapidement et ne doivent pas \u00eatre remises \u00e0 z\u00e9ro \u00e0 chaque fois.<\/p>\n<\/div><\/li>- <\/i><\/span>\n
Conseils pour le navigateur<\/strong>: Afin de permettre au navigateur d'\u00e9tablir un ordre de priorit\u00e9 et de contr\u00f4ler les ressources les plus importantes, plusieurs indicateurs ont \u00e9t\u00e9 cr\u00e9\u00e9s pour le navigateur : Preload, Prefetch et Preconnect.<\/p>\n<\/div><\/li>- <\/i><\/span>\n
Optimisation JavaScript et CSS<\/b>: Les donn\u00e9es JavaScript et CSS peuvent allonger la dur\u00e9e d'affichage d'un site web. En r\u00e9duisant, en comprimant et en optimisant ces donn\u00e9es, vous pouvez r\u00e9duire la dur\u00e9e d'affichage.<\/span><\/p>\n<\/div><\/li>- <\/i><\/span>\n
Minimisation des requ\u00eates HTTP<\/strong>: Chaque ressource d'un site web, qu'il s'agisse d'une image, d'une feuille de style ou d'un script, fait l'objet d'une demande HTTP distincte, afin d'\u00eatre exploit\u00e9e. La combinaison et la minimisation des ressources permettent de r\u00e9duire le nombre de requ\u00eates HTTP et de raccourcir les d\u00e9lais.<\/p>\n<\/div><\/li>- <\/i><\/span>\n
R\u00e9seau de diffusion de contenu (CDN)<\/strong>: Un r\u00e9seau de diffusion de contenu (Content Delivery Network) permet de r\u00e9duire les d\u00e9lais, c'est-\u00e0-dire qu'il fournit des ressources statistiques \u00e0 des serveurs situ\u00e9s \u00e0 proximit\u00e9 des utilisateurs, ce qui entra\u00eene des d\u00e9lais plus courts et des r\u00e9ponses plus rapides.<\/p>\n<\/div><\/li><\/ul>![\"Welche](\"https:\/\/www.artefact.com\/\/wp-content\/uploads\/2024\/03\/Illustration-article-SEO_Plan-de-travail-1-copie-2.png\" "\\"Quels")
<\/span><\/div>Illustration 1 : Facteurs cl\u00e9s du classement dans le cadre de l'optimisation des machines-outils (SEO)<\/em><\/p>\n<\/div>Si les propri\u00e9taires de sites Web v\u00e9rifient et optimisent ces facteurs, ils peuvent am\u00e9liorer la taille de leur site Web, ce qui contribue non seulement \u00e0 une meilleure navigation, mais aussi \u00e0 un facteur important pour le r\u00e9f\u00e9rencement, car les pages de taille moyenne sont souvent plac\u00e9es plus haut dans le classement des r\u00e9sultats. Ces facteurs sont analys\u00e9s sous la forme de Core Web Vitals.<\/p>\n<\/div>
Qu'est-ce que les \"Core Web Vitals\" ?<\/h2><\/div>
La dur\u00e9e de vie d'un site web peut \u00eatre influenc\u00e9e par diff\u00e9rents facteurs, qui jouent un r\u00f4le important dans le cadre de l'optimisation des moteurs de recherche (SEO). Certains de ces facteurs sont les suivants :<\/p>\n<\/div>
- <\/i><\/span>\n
Optimisation de l'image<\/strong>: Les images sont souvent les donn\u00e9es les plus importantes d'un site web et leur dur\u00e9e de vie peut \u00eatre tr\u00e8s longue. Gr\u00e2ce \u00e0 l'optimisation des images, notamment par la compression et l'utilisation d'un format plus riche (par exemple WebP), les dur\u00e9es d'affichage peuvent \u00eatre r\u00e9duites, sans que la qualit\u00e9 de l'image ne soit alt\u00e9r\u00e9e. La limite est de 100 kb par fichier.<\/p>\n<\/div><\/li>
- <\/i><\/span>
\nMise en cache du navigateur<\/strong>: La mise en cache d'un navigateur d\u00e9signe la mise en m\u00e9moire permanente de donn\u00e9es, par exemple des fichiers ou des donn\u00e9es textuelles, sur un site web. Si l'utilisateur quitte le site et le remet \u00e0 z\u00e9ro \u00e0 un moment ult\u00e9rieur, ces donn\u00e9es du cache peuvent \u00eatre supprim\u00e9es plus rapidement et ne doivent pas \u00eatre remises \u00e0 z\u00e9ro \u00e0 chaque fois.<\/p>\n<\/div><\/li>
- <\/i><\/span>
\nConseils pour le navigateur<\/strong>: Afin de permettre au navigateur d'\u00e9tablir un ordre de priorit\u00e9 et de contr\u00f4ler les ressources les plus importantes, plusieurs indicateurs ont \u00e9t\u00e9 cr\u00e9\u00e9s pour le navigateur : Preload, Prefetch et Preconnect.<\/p>\n<\/div><\/li>
- <\/i><\/span>
\nOptimisation JavaScript et CSS<\/b>: Les donn\u00e9es JavaScript et CSS peuvent allonger la dur\u00e9e d'affichage d'un site web. En r\u00e9duisant, en comprimant et en optimisant ces donn\u00e9es, vous pouvez r\u00e9duire la dur\u00e9e d'affichage.<\/span><\/p>\n<\/div><\/li>
- <\/i><\/span>
\nMinimisation des requ\u00eates HTTP<\/strong>: Chaque ressource d'un site web, qu'il s'agisse d'une image, d'une feuille de style ou d'un script, fait l'objet d'une demande HTTP distincte, afin d'\u00eatre exploit\u00e9e. La combinaison et la minimisation des ressources permettent de r\u00e9duire le nombre de requ\u00eates HTTP et de raccourcir les d\u00e9lais.<\/p>\n<\/div><\/li>
- <\/i><\/span>
\nR\u00e9seau de diffusion de contenu (CDN)<\/strong>: Un r\u00e9seau de diffusion de contenu (Content Delivery Network) permet de r\u00e9duire les d\u00e9lais, c'est-\u00e0-dire qu'il fournit des ressources statistiques \u00e0 des serveurs situ\u00e9s \u00e0 proximit\u00e9 des utilisateurs, ce qui entra\u00eene des d\u00e9lais plus courts et des r\u00e9ponses plus rapides.<\/p>\n<\/div><\/li><\/ul>
<\/span><\/div>Illustration 1 : Facteurs cl\u00e9s du classement dans le cadre de l'optimisation des machines-outils (SEO)<\/em><\/p>\n<\/div>
Si les propri\u00e9taires de sites Web v\u00e9rifient et optimisent ces facteurs, ils peuvent am\u00e9liorer la taille de leur site Web, ce qui contribue non seulement \u00e0 une meilleure navigation, mais aussi \u00e0 un facteur important pour le r\u00e9f\u00e9rencement, car les pages de taille moyenne sont souvent plac\u00e9es plus haut dans le classement des r\u00e9sultats. Ces facteurs sont analys\u00e9s sous la forme de Core Web Vitals.<\/p>\n<\/div>
Qu'est-ce que les \"Core Web Vitals\" ?<\/h2><\/div>
- <\/i><\/span>
![](\"https:\/\/www.artefact.com\/\/wp-content\/uploads\/2024\/03\/Bildschirmfoto-2024-03-08-um-10.55.30.png\" "\\"Phases")
<\/span><\/div>![](\"https:\/\/www.artefact.com\/\/wp-content\/uploads\/2024\/03\/Bildschirmfoto-2024-03-08-um-10.57.11.png\" "\\"Qu'est-ce")
<\/span><\/div>![](\"https:\/\/www.artefact.com\/\/wp-content\/uploads\/2024\/03\/Illustration-article-SEO_Plan-de-travail-1-copie-5.png\" "\\"M\u00e9thodes")
<\/span><\/div>