{"id":1111,"date":"2021-02-13T14:10:49","date_gmt":"2021-02-13T13:10:49","guid":{"rendered":"https:\/\/www.wsdigitalconsulting.com\/coreweb-vitals-comment-reduire-la-taille-des-dom-pour-ameliorer-la-performance-de-votre-site\/"},"modified":"2021-02-13T14:10:49","modified_gmt":"2021-02-13T13:10:49","slug":"coreweb-vitals-comment-reduire-la-taille-des-dom-pour-ameliorer-la-performance-de-votre-site","status":"publish","type":"post","link":"https:\/\/www.evolurise.com\/ar\/coreweb-vitals-comment-reduire-la-taille-des-dom-pour-ameliorer-la-performance-de-votre-site\/","title":{"rendered":"[CoreWeb Vitals] Comment r\u00e9duire la taille des DOM pour am\u00e9liorer la performance de votre site ?"},"content":{"rendered":"<p>En analysant votre site \u00e0 l&rsquo;aide de <a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/?hl=fr\" target=\"_blank\" rel=\"noreferrer noopener\">Google PageSpeed Insights<\/a>, vous avez peut-\u00eatre constat\u00e9 une erreur du type \u00ab\u00a0\u00c9vitez une taille de DOM excessive\u00a0\u00bb :<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" class=\"wp-image-1113\" src=\"https:\/\/www.wsdigitalconsulting.com\/wp-content\/uploads\/2021\/02\/PageSpeedInsight-DOM-WS-Digital-Consulting-1024x101.png\" alt=\"\" \/><\/figure>\n\n\n\n<p>Ou dans <a href=\"https:\/\/gtmetrix.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">GTmetrix<\/a> \u00ab\u00a0R\u00e9duire le nombre d&rsquo;\u00e9l\u00e9ments DOM\u00a0\u00bb :<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" class=\"wp-image-1112\" src=\"https:\/\/www.wsdigitalconsulting.com\/wp-content\/uploads\/2021\/02\/GtMetrix-WebPerf-DOM-WS-Digital-Consulting-1024x252.png\" alt=\"\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-qu-est-ce-que-la-dom\">Qu&rsquo;est-ce que la DOM ?<\/h2>\n\n\n\n<p>Lorsque votre navigateur re\u00e7oit un document HTML, il doit \u00eatre converti en une structure arborescente qui est utilis\u00e9e pour le rendu et le paint \u00e0 l&rsquo;aide du CSS et du JavaScript.<\/p>\n\n\n\n<p>Cette structure arborescente est appel\u00e9e DOM ou Document Object Model.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" class=\"wp-image-1114\" src=\"https:\/\/www.wsdigitalconsulting.com\/wp-content\/uploads\/2021\/02\/render-tree-construction-1024x478.png\" alt=\"\" \/>\n<figcaption>Cr\u00e9dits : <a href=\"https:\/\/developers.google.com\/web\/fundamentals\/performance\/critical-rendering-path\/render-tree-construction\" target=\"_blank\" rel=\"noreferrer noopener\">Google Dev<\/a><\/figcaption>\n<\/figure>\n\n\n\n<ul>\n<li><strong>N\u0153uds<\/strong> : Tous les \u00e9l\u00e9ments HTML dans le DOM sont appel\u00e9s n\u0153uds. (alias \u00ab\u00a0sheets\u00a0\u00bb dans l&rsquo;arbre).<\/li>\n<li><strong>Profondeur<\/strong> : La longueur de la \u00ab\u00a0branche\u00a0\u00bb dans un arbre est appel\u00e9e la profondeur. Par exemple, dans le diagramme ci-dessus, la balise \u00ab\u00a0img\u00a0\u00bb a une profondeur de 3 (HTML -&gt; body -&gt; div -&gt; img).<\/li>\n<li><strong>\u00c9l\u00e9ments enfants <\/strong>: Tous les n\u0153uds enfants d&rsquo;un n\u0153ud (sans autre ramification) sont des \u00e9l\u00e9ments enfants.<\/li>\n<\/ul>\n\n\n\n<p>Lighthouse et Google PageSpeed Insights commencent \u00e0 marquer les pages si l&rsquo;une des conditions suivantes est remplie :<\/p>\n\n\n\n<ul>\n<li>Pr\u00e9sence de plus de 1 500 n\u0153uds au total<\/li>\n<li>La profondeur est sup\u00e9rieure \u00e0 32 n\u0153uds<\/li>\n<li>Avoir un n\u0153ud parent avec plus de 60 n\u0153uds enfants<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-quel-est-l-impact-de-la-taille-du-dom-sur-les-performances\">Quel est l&rsquo;impact de la taille du DOM sur les performances ?<\/h2>\n\n\n\n<p>La taille excessive du DOM peut avoir un impact sur les performances de diff\u00e9rentes mani\u00e8res.<\/p>\n\n\n\n<p><strong>Un temps d&rsquo;analyse et de rendu (FCP) plus \u00e9lev\u00e9<\/strong> : Une arborescence DOM large et des r\u00e8gles de style (CSS) compliqu\u00e9es qui demandent un travail de traitement \u00e9norme par le navigateur. Le navigateur doit analyser le HTML, construire l&rsquo;arbre du rendu, etc. Chaque fois que l&rsquo;utilisateur interagit ou que quelque chose change dans le HTML, le navigateur doit le recalculer.<br \/><strong>Augmentation de l&rsquo;utilisation de la m\u00e9moire<\/strong> : Votre code JavaScript peut avoir des fonctions pour acc\u00e9der aux \u00e9l\u00e9ments du DOM. Une arbo DOM plus grande fait que le JavaScript utilise plus de m\u00e9moire pour traiter ces \u00e9l\u00e9ments. Voici un exemple de requ\u00eates pour manipuler les DOM avec du JS : document.querySelectorAll(&lsquo;img&rsquo;) qui liste toutes les images, commun\u00e9ment utilis\u00e9 par les biblioth\u00e8ques de LazyLoad.<br \/><strong>Augmente le TTFB<\/strong> : Plus la taille de votre DOM augmente, plus la taille du document HTML augmente (en Ko). Comme il faut transf\u00e9rer plus de donn\u00e9es sur le r\u00e9seau, cela augmente la TTFB.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-comment-r-duire-la-taille-du-dom-techniquement\"><br \/>Comment r\u00e9duire la taille du DOM techniquement ?<\/h2>\n\n\n\n<p>Exemple, la r\u00e9duction technique de la taille du DOM se fait de cette mani\u00e8re :<\/p>\n\n\n\n<p>Optez pour :<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;ul id=\"navigation-main\"&gt;\n    etc..\n&lt;\/ul&gt;<\/code><\/pre>\n\n\n\n<p>au lieu de :<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;div id=&quot;navigation-main&quot;&gt;\n    &lt;ul&gt;\n        etc..\n    &lt;\/ul&gt;\n&lt;\/div&gt;<\/code><\/pre>\n\n\n\n<p>En gros, il faut se d\u00e9barrasser de tous les \u00e9l\u00e9ments HTML possibles. Vous pouvez \u00e9galement utiliser Flexbox ou Grid pour r\u00e9duire davantage la taille du DOM.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-comment-r-duire-la-taille-du-dom-dans-wordpress\">Comment r\u00e9duire la taille du DOM dans WordPress ?<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-divisez-les-pages-avec-plusieurs-sections-en-plusieurs-pages\">Divisez les pages avec plusieurs sections en plusieurs pages<\/h3>\n\n\n\n<p>Si vous avez une page avec plusieurs sections ? Comme les services, les formulaires de contact, les produits, les articles de blog, les t\u00e9moignages, etc.<\/p>\n\n\n\n<p>Essayez de les diviser en plusieurs pages et de cr\u00e9er un lien vers celles-ci \u00e0 partir du header par exemple (Nav bar)<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-appliquez-un-lazyload-sur-les-l-ments-de-votre-site-et-paginez-tout-ce-qui-est-possible\">Appliquez un Lazyload sur les \u00e9l\u00e9ments de votre site et paginez tout ce qui est possible<\/h3>\n\n\n\n<p>\u00ab\u00a0Lazyloadez\u00a0\u00bb tous les \u00e9l\u00e9ments possibles. Par exemple :<\/p>\n\n\n\n<ul>\n<li>Lazy load YouTube videos : Utilisez WP YouTube Lyte ou Lazy Load by WP Rocket.<\/li>\n<li>Limiter le nombre d&rsquo;articles de blog\/produits par page : Gardez un maximum de 10 articles de blog par page et de paginer le reste.<\/li>\n<li>\u00ab\u00a0Lazyloadez\u00a0\u00bb des articles de blog\/produits &#8211; Ajoutez le bouton \u00ab\u00a0Chargez plus\u00a0\u00bb ou un \u00ab\u00a0Infinite loading\u00a0\u00bb pour charger plus d&rsquo;articles de blog ou de produits.<\/li>\n<li>Lazyloadez les commentaires : En utilisant Disqus Conditional Load par exemple, si vous utilisez des commentaires natifs, utilisez des plugins comme Lazy Load for Comments.<\/li>\n<li>Paginez les commentaires : Si vous avez des centaines de commentaires, cela peut aussi affecter la taille du DOM. Paginez les commentaires en allant dans Param\u00e8tres -&gt; Discussion -&gt; Diviser les commentaires en pages.<\/li>\n<li>Limiter le nombre de messages li\u00e9s &#8211; Essayez de limiter le nombre de messages li\u00e9s \u00e0 3 ou 4.<\/li>\n<\/ul>\n\n\n\n<p><em>NB : Le lazyload des images ne r\u00e9duira pas la taille du DOM<\/em><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-ne-cachez-pas-les-l-ments-ind-sirables-en-utilisant-le-css\"><br \/>Ne cachez pas les \u00e9l\u00e9ments ind\u00e9sirables en utilisant le CSS<\/h3>\n\n\n\n<p>Parfois, il peut \u00eatre n\u00e9cessaire de supprimer des \u00e9l\u00e9ments inject\u00e9s par le th\u00e8me\/constructeur. Par exemple, ajouter au bouton du panier dans les pages de produits, le bouton de classement, les informations sur l&rsquo;auteur, la date de publication, etc.<\/p>\n\n\n\n<p>Une solution rapide consiste \u00e0 les masquer \u00e0 l&rsquo;aide de CSS :<\/p>\n\n\n\n<p><code>.cart-button {<br \/>display:none ;<br \/>}<\/code><\/p>\n\n\n\n<p>Bien que cette solution semble facile \u00e0 mettre en place, ce n\u2019est pas la solution optimale car vous diffusez un code non d\u00e9sir\u00e9 aux utilisateurs (qui comprend \u00e0 la fois le balisage HTML et les styles CSS).<\/p>\n\n\n\n<p>V\u00e9rifiez les param\u00e8tres de votre th\u00e8me\/plugin pour voir s&rsquo;il existe une option permettant de le supprimer. Sinon, trouvez le code PHP correspondant et supprimez-le.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-utilisez-des-th-mes-et-des-builders-de-pages-bien-cod-s\">Utilisez des th\u00e8mes et des Builders de pages bien cod\u00e9s<\/h3>\n\n\n\n<p>Un bon th\u00e8me joue un r\u00f4le majeur dans la taille des DOM. Utilisez des th\u00e8mes bien cod\u00e9s comme GeneratePress ou Astra.<\/p>\n\n\n\n<p>Les constructeurs de pages injectent \u00e9galement trop de divs. Utilisez des constructeurs comme <a href=\"https:\/\/oxygenbuilder.com\" target=\"_blank\" rel=\"noreferrer noopener\">Oxygen<\/a> qui n&rsquo;injectent pas de divs ind\u00e9sirables et qui ont plus de contr\u00f4le sur la structure HTML.<\/p>\n\n\n\n<p>Si vous ne connaissez pas Oxygen, regardez \u00ab\u00a0<a href=\"https:\/\/oxygenbuilder.com\/tutorial\/newbie-guide-building-a-website-in-oxygen-from-scratch\/\" target=\"_blank\" rel=\"noreferrer noopener\">Building a Website in Oxygen from Scratch.<\/a>\u00ab\u00a0<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-conclusion\">Conclusion<\/h2>\n\n\n\n<p>Il se peut que d&rsquo;autres plugins ou param\u00e8tres de th\u00e8mes injectent trop de divs. Exemple : les plugins \u00ab\u00a0mega menu\u00a0\u00bb comme UberMenu.<\/p>\n\n\n\n<p>Ils sont parfois cruciaux pour l&rsquo;exp\u00e9rience utilisateur de votre site web. Mais il arrive aussi qu&rsquo;ils ne soient jamais utilis\u00e9s par les utilisateurs.<\/p>\n\n\n\n<p>Peut-\u00eatre que vos liens de bas de page ne sont jamais cliqu\u00e9s parce que la plupart des visiteurs ne font que d\u00e9filer jusqu&rsquo;\u00e0 75% de la page.<\/p>\n\n\n\n<p>Utilisez des outils comme HotJar ou les \u00e9v\u00e9nements Google Analytics pour voir ce que les visiteurs utilisent et n&rsquo;utilisent pas. Analysez, mesurez et it\u00e9rez.<\/p>\n\n\n\n<p>Si vous avez besoin d&rsquo;un accompagnement pour optimiser la performance web de votre site ou pour am\u00e9liorer la vitesse de chargement de vos pages strat\u00e9giques, <a href=\"https:\/\/www.wsdigitalconsulting.com\/\" target=\"_blank\" rel=\"noreferrer noopener\" data-type=\"URL\" data-id=\"https:\/\/www.wsdigitalconsulting.com\/\">WS Digital Consulting<\/a>, met \u00e0 votre disposition des experts qualifi\u00e9s et certifi\u00e9s qui sont pr\u00eat \u00e0 vous aider et vous proposer des solutions adapt\u00e9s \u00e0 votre site et en accord avec votre budget. Contactez nous et demandez un devis personnalis\u00e9 et GRATUIT : <a href=\"https:\/\/www.wsdigitalconsulting.com\/contactez-nous\/\" data-type=\"URL\" data-id=\"https:\/\/www.wsdigitalconsulting.com\/contactez-nous\/\">Contactez-nous<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>En analysant votre site \u00e0 l&rsquo;aide de Google PageSpeed Insights, vous avez peut-\u00eatre constat\u00e9 une erreur du type \u00ab\u00a0\u00c9vitez une taille de DOM excessive\u00a0\u00bb : Ou dans GTmetrix \u00ab\u00a0R\u00e9duire le&hellip;<\/p>","protected":false},"author":2,"featured_media":4794,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[275,276,277],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v19.7 (Yoast SEO v22.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>[CoreWeb Vitals] Comment r\u00e9duire la taille des DOM pour am\u00e9liorer la performance de votre site ? | Evolurise<\/title>\n<meta name=\"description\" content=\"Qu&#039;est ce que les DOM, Quel est l&#039;impact de la taille des DOM sur les performances de mon site internet et comment r\u00e9duire la taille des DOM.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.evolurise.com\/ar\/coreweb-vitals-comment-reduire-la-taille-des-dom-pour-ameliorer-la-performance-de-votre-site\/\" \/>\n<meta property=\"og:locale\" content=\"ar_AR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[CoreWeb Vitals] Comment r\u00e9duire la taille des DOM pour am\u00e9liorer la performance de votre site ?\" \/>\n<meta property=\"og:description\" content=\"Qu&#039;est ce que les DOM, Quel est l&#039;impact de la taille des DOM sur les performances de mon site internet et comment r\u00e9duire la taille des DOM.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.evolurise.com\/ar\/coreweb-vitals-comment-reduire-la-taille-des-dom-pour-ameliorer-la-performance-de-votre-site\/\" \/>\n<meta property=\"og:site_name\" content=\"Evolurise\" \/>\n<meta property=\"article:published_time\" content=\"2021-02-13T13:10:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.evolurise.com\/wp-content\/uploads\/2021\/02\/template-11-2.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"720\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Walid Sadfi\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Walid Sadfi\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 \u062f\u0642\u0627\u0626\u0642\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.evolurise.com\/ar\/coreweb-vitals-comment-reduire-la-taille-des-dom-pour-ameliorer-la-performance-de-votre-site\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.evolurise.com\/ar\/coreweb-vitals-comment-reduire-la-taille-des-dom-pour-ameliorer-la-performance-de-votre-site\/\"},\"author\":{\"name\":\"Walid Sadfi\",\"@id\":\"https:\/\/www.evolurise.com\/#\/schema\/person\/44caa0977fbd9196c8e600d7f01e6d77\"},\"headline\":\"[CoreWeb Vitals] Comment r\u00e9duire la taille des DOM pour am\u00e9liorer la performance de votre site ?\",\"datePublished\":\"2021-02-13T13:10:49+00:00\",\"dateModified\":\"2021-02-13T13:10:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.evolurise.com\/ar\/coreweb-vitals-comment-reduire-la-taille-des-dom-pour-ameliorer-la-performance-de-votre-site\/\"},\"wordCount\":1105,\"publisher\":{\"@id\":\"https:\/\/www.evolurise.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.evolurise.com\/ar\/coreweb-vitals-comment-reduire-la-taille-des-dom-pour-ameliorer-la-performance-de-votre-site\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.evolurise.com\/wp-content\/uploads\/2021\/02\/template-11-2.jpg\",\"articleSection\":[\"CoreWeb Vitals\",\"Performance web\",\"Vitesse de chargement des sites internet\"],\"inLanguage\":\"ar\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.evolurise.com\/ar\/coreweb-vitals-comment-reduire-la-taille-des-dom-pour-ameliorer-la-performance-de-votre-site\/\",\"url\":\"https:\/\/www.evolurise.com\/ar\/coreweb-vitals-comment-reduire-la-taille-des-dom-pour-ameliorer-la-performance-de-votre-site\/\",\"name\":\"[CoreWeb Vitals] Comment r\u00e9duire la taille des DOM pour am\u00e9liorer la performance de votre site ? | Evolurise\",\"isPartOf\":{\"@id\":\"https:\/\/www.evolurise.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.evolurise.com\/ar\/coreweb-vitals-comment-reduire-la-taille-des-dom-pour-ameliorer-la-performance-de-votre-site\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.evolurise.com\/ar\/coreweb-vitals-comment-reduire-la-taille-des-dom-pour-ameliorer-la-performance-de-votre-site\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.evolurise.com\/wp-content\/uploads\/2021\/02\/template-11-2.jpg\",\"datePublished\":\"2021-02-13T13:10:49+00:00\",\"dateModified\":\"2021-02-13T13:10:49+00:00\",\"description\":\"Qu'est ce que les DOM, Quel est l'impact de la taille des DOM sur les performances de mon site internet et comment r\u00e9duire la taille des DOM.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.evolurise.com\/ar\/coreweb-vitals-comment-reduire-la-taille-des-dom-pour-ameliorer-la-performance-de-votre-site\/#breadcrumb\"},\"inLanguage\":\"ar\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.evolurise.com\/ar\/coreweb-vitals-comment-reduire-la-taille-des-dom-pour-ameliorer-la-performance-de-votre-site\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ar\",\"@id\":\"https:\/\/www.evolurise.com\/ar\/coreweb-vitals-comment-reduire-la-taille-des-dom-pour-ameliorer-la-performance-de-votre-site\/#primaryimage\",\"url\":\"https:\/\/www.evolurise.com\/wp-content\/uploads\/2021\/02\/template-11-2.jpg\",\"contentUrl\":\"https:\/\/www.evolurise.com\/wp-content\/uploads\/2021\/02\/template-11-2.jpg\",\"width\":1280,\"height\":720},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.evolurise.com\/ar\/coreweb-vitals-comment-reduire-la-taille-des-dom-pour-ameliorer-la-performance-de-votre-site\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Evolurise\",\"item\":\"https:\/\/www.evolurise.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"[CoreWeb Vitals] Comment r\u00e9duire la taille des DOM pour am\u00e9liorer la performance de votre site ?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.evolurise.com\/#website\",\"url\":\"https:\/\/www.evolurise.com\/\",\"name\":\"Evolurise - Agence web sp\u00e9cialiste Wordpress\",\"description\":\"Agence web sp\u00e9cialiste Wordpress\",\"publisher\":{\"@id\":\"https:\/\/www.evolurise.com\/#organization\"},\"alternateName\":\"Evolurise - Agence web sp\u00e9cialiste Wordpress\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.evolurise.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"ar\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.evolurise.com\/#organization\",\"name\":\"Evolurise - Agence web sp\u00e9cialiste Wordpress\",\"url\":\"https:\/\/www.evolurise.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ar\",\"@id\":\"https:\/\/www.evolurise.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.evolurise.com\/wp-content\/uploads\/2023\/04\/Logo_bg_transparent.png\",\"contentUrl\":\"https:\/\/www.evolurise.com\/wp-content\/uploads\/2023\/04\/Logo_bg_transparent.png\",\"width\":1000,\"height\":300,\"caption\":\"Evolurise - Agence web sp\u00e9cialiste Wordpress\"},\"image\":{\"@id\":\"https:\/\/www.evolurise.com\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.evolurise.com\/#\/schema\/person\/44caa0977fbd9196c8e600d7f01e6d77\",\"name\":\"Walid Sadfi\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ar\",\"@id\":\"https:\/\/www.evolurise.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g\",\"caption\":\"Walid Sadfi\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"[CoreWeb Vitals] Comment r\u00e9duire la taille des DOM pour am\u00e9liorer la performance de votre site ? | Evolurise","description":"Qu'est ce que les DOM, Quel est l'impact de la taille des DOM sur les performances de mon site internet et comment r\u00e9duire la taille des DOM.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.evolurise.com\/ar\/coreweb-vitals-comment-reduire-la-taille-des-dom-pour-ameliorer-la-performance-de-votre-site\/","og_locale":"ar_AR","og_type":"article","og_title":"[CoreWeb Vitals] Comment r\u00e9duire la taille des DOM pour am\u00e9liorer la performance de votre site ?","og_description":"Qu'est ce que les DOM, Quel est l'impact de la taille des DOM sur les performances de mon site internet et comment r\u00e9duire la taille des DOM.","og_url":"https:\/\/www.evolurise.com\/ar\/coreweb-vitals-comment-reduire-la-taille-des-dom-pour-ameliorer-la-performance-de-votre-site\/","og_site_name":"Evolurise","article_published_time":"2021-02-13T13:10:49+00:00","og_image":[{"width":1280,"height":720,"url":"https:\/\/www.evolurise.com\/wp-content\/uploads\/2021\/02\/template-11-2.jpg","type":"image\/jpeg"}],"author":"Walid Sadfi","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Walid Sadfi","Est. reading time":"6 \u062f\u0642\u0627\u0626\u0642"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.evolurise.com\/ar\/coreweb-vitals-comment-reduire-la-taille-des-dom-pour-ameliorer-la-performance-de-votre-site\/#article","isPartOf":{"@id":"https:\/\/www.evolurise.com\/ar\/coreweb-vitals-comment-reduire-la-taille-des-dom-pour-ameliorer-la-performance-de-votre-site\/"},"author":{"name":"Walid Sadfi","@id":"https:\/\/www.evolurise.com\/#\/schema\/person\/44caa0977fbd9196c8e600d7f01e6d77"},"headline":"[CoreWeb Vitals] Comment r\u00e9duire la taille des DOM pour am\u00e9liorer la performance de votre site ?","datePublished":"2021-02-13T13:10:49+00:00","dateModified":"2021-02-13T13:10:49+00:00","mainEntityOfPage":{"@id":"https:\/\/www.evolurise.com\/ar\/coreweb-vitals-comment-reduire-la-taille-des-dom-pour-ameliorer-la-performance-de-votre-site\/"},"wordCount":1105,"publisher":{"@id":"https:\/\/www.evolurise.com\/#organization"},"image":{"@id":"https:\/\/www.evolurise.com\/ar\/coreweb-vitals-comment-reduire-la-taille-des-dom-pour-ameliorer-la-performance-de-votre-site\/#primaryimage"},"thumbnailUrl":"https:\/\/www.evolurise.com\/wp-content\/uploads\/2021\/02\/template-11-2.jpg","articleSection":["CoreWeb Vitals","Performance web","Vitesse de chargement des sites internet"],"inLanguage":"ar"},{"@type":"WebPage","@id":"https:\/\/www.evolurise.com\/ar\/coreweb-vitals-comment-reduire-la-taille-des-dom-pour-ameliorer-la-performance-de-votre-site\/","url":"https:\/\/www.evolurise.com\/ar\/coreweb-vitals-comment-reduire-la-taille-des-dom-pour-ameliorer-la-performance-de-votre-site\/","name":"[CoreWeb Vitals] Comment r\u00e9duire la taille des DOM pour am\u00e9liorer la performance de votre site ? | Evolurise","isPartOf":{"@id":"https:\/\/www.evolurise.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.evolurise.com\/ar\/coreweb-vitals-comment-reduire-la-taille-des-dom-pour-ameliorer-la-performance-de-votre-site\/#primaryimage"},"image":{"@id":"https:\/\/www.evolurise.com\/ar\/coreweb-vitals-comment-reduire-la-taille-des-dom-pour-ameliorer-la-performance-de-votre-site\/#primaryimage"},"thumbnailUrl":"https:\/\/www.evolurise.com\/wp-content\/uploads\/2021\/02\/template-11-2.jpg","datePublished":"2021-02-13T13:10:49+00:00","dateModified":"2021-02-13T13:10:49+00:00","description":"Qu'est ce que les DOM, Quel est l'impact de la taille des DOM sur les performances de mon site internet et comment r\u00e9duire la taille des DOM.","breadcrumb":{"@id":"https:\/\/www.evolurise.com\/ar\/coreweb-vitals-comment-reduire-la-taille-des-dom-pour-ameliorer-la-performance-de-votre-site\/#breadcrumb"},"inLanguage":"ar","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.evolurise.com\/ar\/coreweb-vitals-comment-reduire-la-taille-des-dom-pour-ameliorer-la-performance-de-votre-site\/"]}]},{"@type":"ImageObject","inLanguage":"ar","@id":"https:\/\/www.evolurise.com\/ar\/coreweb-vitals-comment-reduire-la-taille-des-dom-pour-ameliorer-la-performance-de-votre-site\/#primaryimage","url":"https:\/\/www.evolurise.com\/wp-content\/uploads\/2021\/02\/template-11-2.jpg","contentUrl":"https:\/\/www.evolurise.com\/wp-content\/uploads\/2021\/02\/template-11-2.jpg","width":1280,"height":720},{"@type":"BreadcrumbList","@id":"https:\/\/www.evolurise.com\/ar\/coreweb-vitals-comment-reduire-la-taille-des-dom-pour-ameliorer-la-performance-de-votre-site\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Evolurise","item":"https:\/\/www.evolurise.com\/"},{"@type":"ListItem","position":2,"name":"[CoreWeb Vitals] Comment r\u00e9duire la taille des DOM pour am\u00e9liorer la performance de votre site ?"}]},{"@type":"WebSite","@id":"https:\/\/www.evolurise.com\/#website","url":"https:\/\/www.evolurise.com\/","name":"Evolurise - Agence web sp\u00e9cialiste Wordpress","description":"Agence web sp\u00e9cialiste Wordpress","publisher":{"@id":"https:\/\/www.evolurise.com\/#organization"},"alternateName":"Evolurise - Agence web sp\u00e9cialiste Wordpress","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.evolurise.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"ar"},{"@type":"Organization","@id":"https:\/\/www.evolurise.com\/#organization","name":"Evolurise - Agence web sp\u00e9cialiste Wordpress","url":"https:\/\/www.evolurise.com\/","logo":{"@type":"ImageObject","inLanguage":"ar","@id":"https:\/\/www.evolurise.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.evolurise.com\/wp-content\/uploads\/2023\/04\/Logo_bg_transparent.png","contentUrl":"https:\/\/www.evolurise.com\/wp-content\/uploads\/2023\/04\/Logo_bg_transparent.png","width":1000,"height":300,"caption":"Evolurise - Agence web sp\u00e9cialiste Wordpress"},"image":{"@id":"https:\/\/www.evolurise.com\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.evolurise.com\/#\/schema\/person\/44caa0977fbd9196c8e600d7f01e6d77","name":"Walid Sadfi","image":{"@type":"ImageObject","inLanguage":"ar","@id":"https:\/\/www.evolurise.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g","caption":"Walid Sadfi"}}]}},"_links":{"self":[{"href":"https:\/\/www.evolurise.com\/ar\/wp-json\/wp\/v2\/posts\/1111"}],"collection":[{"href":"https:\/\/www.evolurise.com\/ar\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.evolurise.com\/ar\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.evolurise.com\/ar\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.evolurise.com\/ar\/wp-json\/wp\/v2\/comments?post=1111"}],"version-history":[{"count":0,"href":"https:\/\/www.evolurise.com\/ar\/wp-json\/wp\/v2\/posts\/1111\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.evolurise.com\/ar\/wp-json\/wp\/v2\/media\/4794"}],"wp:attachment":[{"href":"https:\/\/www.evolurise.com\/ar\/wp-json\/wp\/v2\/media?parent=1111"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.evolurise.com\/ar\/wp-json\/wp\/v2\/categories?post=1111"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.evolurise.com\/ar\/wp-json\/wp\/v2\/tags?post=1111"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}