Voici la comparaison entre les classes présentes dans le <body> et celles réellement utilisées dans les CSS.
base.njk)<body class="home wp-singular page-template page-template-100-width page-template-100-width-php page page-id-7 custom-background wp-theme-Avada fusion-image-hovers fusion-pagination-sizing fusion-button_type-flat fusion-button_span-no fusion-button_gradient-linear avada-image-rollover-circle-yes avada-image-rollover-yes avada-image-rollover-direction-bottom fusion-body ltr fusion-sticky-header no-tablet-sticky-header no-mobile-sticky-header avada-has-rev-slider-styles fusion-disable-outline fusion-sub-menu-fade mobile-logo-pos-left layout-wide-mode avada-has-boxed-modal-shadow-none layout-scroll-offset-full avada-has-zero-margin-offset-top fusion-top-header menu-text-align-left mobile-menu-design-modern fusion-show-pagination-text fusion-header-layout-v1 avada-responsive avada-footer-fx-none avada-menu-highlight-style-bar fusion-search-form-classic fusion-main-menu-search-dropdown fusion-avatar-square avada-dropdown-styles avada-blog-layout-large avada-blog-archive-layout-medium avada-header-shadow-no avada-menu-icon-position-left avada-has-megamenu-shadow avada-has-mainmenu-dropdown-divider avada-has-breadcrumb-mobile-hidden avada-has-titlebar-hide avada-has-pagination-padding avada-flyout-menu-direction-fade avada-ec-views-v1">
Total : ~60 classes
| Classe CSS | Utilisée ? |
|---|---|
| fusion-body | ✅ Oui |
| fusion-wrapper | ✅ Oui |
| fusion-header-wrapper | ✅ Oui |
| fusion-header-v1 | ✅ Oui |
| fusion-header | ✅ Oui |
| fusion-row | ✅ Oui |
| fusion-header-sticky-height | ✅ Oui |
| fusion-logo-alignment | ✅ Oui |
| fusion-logo | ✅ Oui |
| fusion-logo-link | ✅ Oui |
| fusion-standard-logo | ✅ Oui |
| fusion-main-menu | ✅ Oui |
| fusion-menu | ✅ Oui |
| fusion-bar-highlight | ✅ Oui |
| fusion-dropdown-submenu | ✅ Oui |
| fusion-megamenu-menu | ✅ Oui |
| fusion-caret | ✅ Oui |
| dropdown-arrow | ✅ Oui |
| fusion-mobile-menu-icons | ✅ Oui |
| fusion-mobile-nav-holder | ✅ Oui |
| fusion-footer | ✅ Oui |
| fusion-footer-widget-area | ✅ Oui |
| fusion-columns | ✅ Oui |
| fusion-columns-2 | ✅ Oui |
| fusion-column | ✅ Oui |
| fusion-column-last | ✅ Oui |
| fusion-social-networks | ✅ Oui |
| boxed-icons | ✅ Oui |
| fusion-social-networks-wrapper | ✅ Oui |
| fusion-button | ✅ Oui |
| fusion-button-default | ✅ Oui |
| fusion-footer-copyright-area | ✅ Oui |
| fusion-copyright-content | ✅ Oui |
| fusion-copyright-notice | ✅ Oui |
| fusion-legal-info | ✅ Oui |
| fusion-alignright | ✅ Oui |
| fusion-alignleft | ✅ Oui |
| fusion-aligncenter | ✅ Oui |
| fusion-clearfix | ✅ Oui |
| width-100 | ✅ Oui |
| full-width | ✅ Oui |
| menu-item-has-children | ✅ Oui |
| Classe | Description |
|---|---|
| home | ❌ Inutile |
| wp-singular | ❌ Inutile (WordPress) |
| page-template | ❌ Inutile (WordPress) |
| page-template-100-width | ❌ Inutile (WordPress) |
| page-template-100-width-php | ❌ Inutile (WordPress) |
| page | ❌ Inutile (WordPress) |
| page-id-7 | ❌ Inutile (WordPress) |
| custom-background | ❌ Inutile (WordPress) |
| wp-theme-Avada | ❌ Inutile (WordPress) |
| fusion-image-hovers | ❌ Inutile |
| fusion-pagination-sizing | ❌ Inutile |
| fusion-button_type-flat | ❌ Inutile |
| fusion-button_span-no | ❌ Inutile |
| fusion-button_gradient-linear | ❌ Inutile |
| avada-image-rollover-circle-yes | ❌ Inutile |
| avada-image-rollover-yes | ❌ Inutile |
| avada-image-rollover-direction-bottom | ❌ Inutile |
| ltr | ❌ Inutile |
| fusion-sticky-header | ❌ Inutile |
| no-tablet-sticky-header | ❌ Inutile |
| no-mobile-sticky-header | ❌ Inutile |
| avada-has-rev-slider-styles | ❌ Inutile |
| fusion-disable-outline | ❌ Inutile |
| fusion-sub-menu-fade | ❌ Inutile |
| mobile-logo-pos-left | ❌ Inutile |
| layout-wide-mode | ❌ Inutile |
| avada-has-boxed-modal-shadow-none | ❌ Inutile |
| layout-scroll-offset-full | ❌ Inutile |
| avada-has-zero-margin-offset-top | ❌ Inutile |
| fusion-top-header | ❌ Inutile |
| menu-text-align-left | ❌ Inutile |
| mobile-menu-design-modern | ❌ Inutile |
| fusion-show-pagination-text | ❌ Inutile |
| fusion-header-layout-v1 | ❌ Inutile |
| avada-responsive | ❌ Inutile |
| avada-footer-fx-none | ❌ Inutile |
| avada-menu-highlight-style-bar | ❌ Inutile |
| fusion-search-form-classic | ❌ Inutile |
| fusion-main-menu-search-dropdown | ❌ Inutile |
| fusion-avatar-square | ❌ Inutile |
| avada-dropdown-styles | ❌ Inutile |
| avada-blog-layout-large | ❌ Inutile |
| avada-blog-archive-layout-medium | ❌ Inutile |
| avada-header-shadow-no | ❌ Inutile |
| avada-menu-icon-position-left | ❌ Inutile |
| avada-has-megamenu-shadow | ❌ Inutile |
| avada-has-mainmenu-dropdown-divider | ❌ Inutile |
| avada-has-breadcrumb-mobile-hidden | ❌ Inutile |
| avada-has-titlebar-hide | ❌ Inutile |
| avada-has-pagination-padding | ❌ Inutile |
| avada-flyout-menu-direction-fade | ❌ Inutile |
| avada-ec-views-v1 | ❌ Inutile |
| Statistique | Nombre |
|---|---|
| Classes dans le body HTML | ~60 |
| Classes UTILISÉES dans CSS | ~40 |
| Classes INUTILES | ~45+ |
Conclusion : Environ 75% des classes body sont inutiles et peuvent être supprimées sans affecter le rendu. Ces classes proviennent du thème Avada WordPress et ne sont plus nécessaires pour ce site Eleventy.