{"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\/en\/coreweb-vitals-comment-reduire-la-taille-des-dom-pour-ameliorer-la-performance-de-votre-site\/","title":{"rendered":"[CoreWeb Vitals] How to reduce DOM size to improve your site's performance?"},"content":{"rendered":"<p>By analyzing your site using <a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/?hl=fr\" target=\"_blank\" rel=\"noreferrer noopener\">Google PageSpeed Insights<\/a>You may have noticed an error such as \"Avoid excessive DOM size\":<\/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>Or in <a href=\"https:\/\/gtmetrix.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">GTmetrix<\/a> \"Reduce the number of DOM elements\":<\/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\">What is DOM?<\/h2>\n\n\n\n<p>When your browser receives an HTML document, it needs to be converted into a tree structure, which is then rendered and painted using CSS and JavaScript.<\/p>\n\n\n\n<p>This tree structure is known as the DOM or 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>Credits : <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>Nodes<\/strong> All HTML elements in the DOM are called nodes (aka \"sheets\" in the tree).<\/li>\n<li><strong>Depth<\/strong> The length of the \"branch\" in a tree is called the depth. For example, in the diagram above, the \"img\" tag has a depth of 3 (HTML -&gt; body -&gt; div -&gt; img).<\/li>\n<li><strong>Children's elements <\/strong>All child nodes of a node (without further branching) are child elements.<\/li>\n<\/ul>\n\n\n\n<p>Lighthouse and Google PageSpeed Insights start marking pages if one of the following conditions is met:<\/p>\n\n\n\n<ul>\n<li>More than 1,500 nodes in total<\/li>\n<li>Depth greater than 32 knots<\/li>\n<li>Having a parent node with more than 60 child nodes<\/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\">What impact does DOM size have on performance?<\/h2>\n\n\n\n<p>Excessive DOM size can impact performance in a number of ways.<\/p>\n\n\n\n<p><strong>Longer time to analyze and render (FCP)<\/strong> A large DOM tree and complicated style rules (CSS) that require a huge amount of processing by the browser. The browser has to parse the HTML, build the rendering tree and so on. Every time the user interacts or something changes in the HTML, the browser has to recalculate it.<br \/><strong>Increased memory usage<\/strong> Your JavaScript code can have functions to access DOM elements. A larger DOM arbo means that JavaScript uses more memory to process these elements. Here's an example of queries to manipulate DOM with JS: document.querySelectorAll('img') which lists all images, commonly used by LazyLoad libraries.<br \/><strong>Increases TTFB<\/strong> As the size of your DOM increases, so does the size of the HTML document (in KB). As more data has to be transferred over the network, the TTFB increases.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-comment-r-duire-la-taille-du-dom-techniquement\"><br \/>How can I technically reduce the size of the DOM?<\/h2>\n\n\n\n<p>For example, the technical reduction of the DOM size is done as follows:<\/p>\n\n\n\n<p>Opt for :<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><ul id=\"navigation-main\">\n    etc..\n<\/ul><\/code><\/pre>\n\n\n\n<p>instead of :<\/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>Basically, you need to get rid of all possible HTML elements. You can also use Flexbox or Grid to further reduce the size of the DOM.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-comment-r-duire-la-taille-du-dom-dans-wordpress\">How can I reduce the size of the DOM in WordPress?<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-divisez-les-pages-avec-plusieurs-sections-en-plusieurs-pages\">Divide pages with several sections into several pages<\/h3>\n\n\n\n<p>If you have a page with several sections? Like services, contact forms, products, blog posts, testimonials, etc.?<\/p>\n\n\n\n<p>Try dividing them into several pages and linking to them from the header, for example (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\">Apply Lazyload to your site elements and paginate everything possible<\/h3>\n\n\n\n<p>\"Lazyload all possible elements. For example:<\/p>\n\n\n\n<ul>\n<li>Lazy load YouTube videos: Use WP YouTube Lyte or Lazy Load by WP Rocket.<\/li>\n<li>Limit the number of blog posts\/products per page: Keep a maximum of 10 blog posts per page and paginate the rest.<\/li>\n<li>\"Lazyload\" blog posts\/products - Add the \"Load more\" button or an \"Infinite loading\" to load more blog posts or products.<\/li>\n<li>Lazyload comments: Using Disqus Conditional Load for example, if you're using native comments, use plugins like Lazy Load for Comments.<\/li>\n<li>Paginate comments: If you have hundreds of comments, this can also affect the size of the DOM. Paginate comments by going to Settings -&gt; Discussion -&gt; Split comments into pages.<\/li>\n<li>Limit the number of linked messages - Try limiting the number of linked messages to 3 or 4.<\/li>\n<\/ul>\n\n\n\n<p><em>NB: Lazyloading images will not reduce the size of the 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 \/>Don't hide unwanted elements using CSS<\/h3>\n\n\n\n<p>Sometimes, it may be necessary to remove elements injected by the theme\/builder. For example, adding to the shopping cart button on product pages, the rating button, author information, publication date, etc.<\/p>\n\n\n\n<p>A quick solution is to hide them using CSS :<\/p>\n\n\n\n<p><code>.cart-button {<br \/>display:none ;<br \/>}<\/code><\/p>\n\n\n\n<p>Although this solution seems easy to implement, it's not the optimal solution, as you're distributing unwanted code to users (which includes both HTML markup and CSS styles).<\/p>\n\n\n\n<p>Check your theme\/plugin settings to see if there's an option to remove it. If not, find the corresponding PHP code and delete it.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-utilisez-des-th-mes-et-des-builders-de-pages-bien-cod-s\">Use well-coded themes and page builders<\/h3>\n\n\n\n<p>A good theme plays a major role in DOM size. Use well-coded themes like GeneratePress or Astra.<\/p>\n\n\n\n<p>Page constructors also inject too many divs. Use constructors like <a href=\"https:\/\/oxygenbuilder.com\" target=\"_blank\" rel=\"noreferrer noopener\">Oxygen<\/a> which don't inject unwanted divs and have more control over HTML structure.<\/p>\n\n\n\n<p>If you don't know Oxygen, have a look at \"\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>\"\u00a0<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-conclusion\">Conclusion<\/h2>\n\n\n\n<p>Other plugins or theme settings may inject too many divs. Example: \"mega menu\" plugins like UberMenu.<\/p>\n\n\n\n<p>Sometimes they're crucial to your website's user experience. But sometimes they are never used by users.<\/p>\n\n\n\n<p>Maybe your footer links are never clicked because most visitors just scroll to 75% of the page.<\/p>\n\n\n\n<p>Use tools like HotJar or Google Analytics events to see what visitors do and don't use. Analyze, measure and iterate.<\/p>\n\n\n\n<p>If you need help optimizing your site's web performance or improving the loading speed of your strategic pages, <a href=\"https:\/\/www.wsdigitalconsulting.com\/\" target=\"_blank\" rel=\"noreferrer noopener\" data-type=\"URL\" data-id=\"https:\/\/www.wsdigitalconsulting.com\/\">WS Digital Consulting<\/a>We have qualified and certified experts who are ready to help you and propose solutions tailored to your site and your budget. Contact us for a FREE personalized quote: <a href=\"https:\/\/www.wsdigitalconsulting.com\/contactez-nous\/\" data-type=\"URL\" data-id=\"https:\/\/www.wsdigitalconsulting.com\/contactez-nous\/\">Contact us<\/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\/en\/coreweb-vitals-comment-reduire-la-taille-des-dom-pour-ameliorer-la-performance-de-votre-site\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\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\/en\/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 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.evolurise.com\/en\/coreweb-vitals-comment-reduire-la-taille-des-dom-pour-ameliorer-la-performance-de-votre-site\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.evolurise.com\/en\/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\/en\/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\/en\/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\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.evolurise.com\/en\/coreweb-vitals-comment-reduire-la-taille-des-dom-pour-ameliorer-la-performance-de-votre-site\/\",\"url\":\"https:\/\/www.evolurise.com\/en\/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\/en\/coreweb-vitals-comment-reduire-la-taille-des-dom-pour-ameliorer-la-performance-de-votre-site\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.evolurise.com\/en\/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\/en\/coreweb-vitals-comment-reduire-la-taille-des-dom-pour-ameliorer-la-performance-de-votre-site\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.evolurise.com\/en\/coreweb-vitals-comment-reduire-la-taille-des-dom-pour-ameliorer-la-performance-de-votre-site\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.evolurise.com\/en\/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\/en\/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\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.evolurise.com\/#organization\",\"name\":\"Evolurise - Agence web sp\u00e9cialiste Wordpress\",\"url\":\"https:\/\/www.evolurise.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@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\":\"en-US\",\"@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\/en\/coreweb-vitals-comment-reduire-la-taille-des-dom-pour-ameliorer-la-performance-de-votre-site\/","og_locale":"en_US","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\/en\/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 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.evolurise.com\/en\/coreweb-vitals-comment-reduire-la-taille-des-dom-pour-ameliorer-la-performance-de-votre-site\/#article","isPartOf":{"@id":"https:\/\/www.evolurise.com\/en\/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\/en\/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\/en\/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":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.evolurise.com\/en\/coreweb-vitals-comment-reduire-la-taille-des-dom-pour-ameliorer-la-performance-de-votre-site\/","url":"https:\/\/www.evolurise.com\/en\/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\/en\/coreweb-vitals-comment-reduire-la-taille-des-dom-pour-ameliorer-la-performance-de-votre-site\/#primaryimage"},"image":{"@id":"https:\/\/www.evolurise.com\/en\/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\/en\/coreweb-vitals-comment-reduire-la-taille-des-dom-pour-ameliorer-la-performance-de-votre-site\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.evolurise.com\/en\/coreweb-vitals-comment-reduire-la-taille-des-dom-pour-ameliorer-la-performance-de-votre-site\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.evolurise.com\/en\/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\/en\/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":"en-US"},{"@type":"Organization","@id":"https:\/\/www.evolurise.com\/#organization","name":"Evolurise - Agence web sp\u00e9cialiste Wordpress","url":"https:\/\/www.evolurise.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@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":"en-US","@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\/en\/wp-json\/wp\/v2\/posts\/1111"}],"collection":[{"href":"https:\/\/www.evolurise.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.evolurise.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.evolurise.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.evolurise.com\/en\/wp-json\/wp\/v2\/comments?post=1111"}],"version-history":[{"count":0,"href":"https:\/\/www.evolurise.com\/en\/wp-json\/wp\/v2\/posts\/1111\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.evolurise.com\/en\/wp-json\/wp\/v2\/media\/4794"}],"wp:attachment":[{"href":"https:\/\/www.evolurise.com\/en\/wp-json\/wp\/v2\/media?parent=1111"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.evolurise.com\/en\/wp-json\/wp\/v2\/categories?post=1111"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.evolurise.com\/en\/wp-json\/wp\/v2\/tags?post=1111"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}