A lot of CSS rules duplicated

Post count: 30

ikiweb

#528472

Apr 1, 2025 at 7:39 pm

In the “td-inline-css-aggregated” block there are a lot of duplicate CSS declarations.

For example in this page:

https://www.mrw.it/trovare-font-immagine/?nowprocket

Search in the source the string:

body, p { font-family: “Open Sans” }
.td-scroll-up[data-style=’style2′] .td-scroll-up-tooltip { background-color: #384764 }

It’s just an example.

Through a tool I was able to verify that there are more than 100 duplicate declarations on this page.

The duplicated css code seems really a lot. It’s true that it loads later but the weight of the page increases significantly.

Why does this happen?

Post count: 30

ikiweb

#528474

Apr 1, 2025 at 8:08 pm

CSS variables are also declared twice in the page

:root {
–td_excl_label: ‘ESCLUSIVO’;
–td_theme_color: #ff6600;
–td_slider_text: rgba(255, 102, 0, 0.7);
–td_mobile_gradient_one_mob: rgba(0, 0, 0, 0.8);
–td_mobile_gradient_two_mob: rgba(0, 0, 0, 0.9);
–td_mobile_text_active_color: rgba(255, 255, 255, 0.9);
–td_default_google_font_1: “Open Sans”;
–td_default_google_font_2: “Open Sans”;
–td_login_hover_background: #f4f4f4;
–td_login_gradient_one: rgba(0, 0, 0, 0.9);
–td_login_gradient_two:rgba(0, 0, 0, 0.8)
}

Post count: 30

ikiweb

#528476

Apr 1, 2025 at 8:22 pm

I did some debugging, and it seems that the CSS duplication problem is related to TagDiv Composer. Below is the CSS block (after disabling inline css aggregation). I manually added a comment in the middle of the code indicating where the CSS is duplicated.

.td-page-title, .td-category-title-holder .td-page-title {
font-family:Chivo
}

.td-page-content h1, .wpb_text_column h1 {
font-family:Chivo
}

.td-page-content h2, .wpb_text_column h2 {
font-family:Chivo
}

.td-page-content h3, .wpb_text_column h3 {
font-family:Chivo
}

.td-page-content h4, .wpb_text_column h4 {
font-family:Chivo
}

.td-page-content h5, .wpb_text_column h5 {
font-family:Chivo
}

.td-page-content h6, .wpb_text_column h6 {
font-family: Chivo
}

.td-scroll-up[data-style=’style2′] .td-scroll-up-tooltip {
background-color: #384764
}

.td-scroll-up[data-style=’style2′] .td-scroll-up-tt-arrow, .td-scroll-up[data-style=’style2′] .td-scroll-up-arrow {
fill:#384764
}

.td-scroll-up-progress-circle path {
stroke:#384764
}

:root {
–td_excl_label: ‘ESCLUSIVO’;
–td_theme_color: #ff6600;
–td_slider_text: rgba(255, 102, 0, 0.7);
–td_mobile_gradient_one_mob: rgba(0, 0, 0, 0.8);
–td_mobile_gradient_two_mob: rgba(0, 0, 0, 0.9);
–td_mobile_text_active_color: rgba(255, 255, 255, 0.9);
–td_default_google_font_1: “Open Sans”;
–td_default_google_font_2: “Open Sans”;
–td_login_hover_background: #f4f4f4;
–td_login_gradient_one: rgba(0, 0, 0, 0.9);
–td_login_gradient_two:rgba(0, 0, 0, 0.8)
}

.td-header-style-12 .td-header-menu-wrap-full, .td-header-style-12 .td-affix, .td-grid-style-1.td-hover-1 .td-big-grid-post:hover .td-post-category, .td-grid-style-5.td-hover-1 .td-big-grid-post:hover .td-post-category, .td_category_template_3 .td-current-sub-category, .td_category_template_8 .td-category-header .td-category a.td-current-sub-category, .td_category_template_4 .td-category-siblings .td-category a:hover, .td_block_big_grid_9.td-grid-style-1 .td-post-category, .td_block_big_grid_9.td-grid-style-5 .td-post-category, .td-grid-style-6.td-hover-1 .td-module-thumb:after, .tdm-menu-active-style5 .td-header-menu-wrap .sf-menu > .current-menu-item > a, .tdm-menu-active-style5 .td-header-menu-wrap .sf-menu > .current-menu-ancestor > a, .tdm-menu-active-style5 .td-header-menu-wrap .sf-menu > .current-category-ancestor > a, .tdm-menu-active-style5 .td-header-menu-wrap .sf-menu > li > a:hover, .tdm-menu-active-style5 .td-header-menu-wrap .sf-menu > .sfHover > a {
background-color:#ff6600
}

.td_mega_menu_sub_cats .cur-sub-cat, .td-mega-span h3 a:hover, .td_mod_mega_menu:hover .entry-title a, .header-search-wrap .result-msg a:hover, .td-header-top-menu .td-drop-down-search .td_module_wrap:hover .entry-title a, .td-header-top-menu .td-icon-search:hover, .td-header-wrap .result-msg a:hover, .top-header-menu li a:hover, .top-header-menu .current-menu-item > a, .top-header-menu .current-menu-ancestor > a, .top-header-menu .current-category-ancestor > a, .td-social-icon-wrap > a:hover, .td-header-sp-top-widget .td-social-icon-wrap a:hover, .td_mod_related_posts:hover h3 > a, .td-post-template-11 .td-related-title .td-related-left:hover, .td-post-template-11 .td-related-title .td-related-right:hover, .td-post-template-11 .td-related-title .td-cur-simple-item, .td-post-template-11 .td_block_related_posts .td-next-prev-wrap a:hover, .td-category-header .td-pulldown-category-filter-link:hover, .td-category-siblings .td-subcat-dropdown a:hover, .td-category-siblings .td-subcat-dropdown a.td-current-sub-category, .footer-text-wrap .footer-email-wrap a, .footer-social-wrap a:hover, .td_module_17 .td-read-more a:hover, .td_module_18 .td-read-more a:hover, .td_module_19 .td-post-author-name a:hover, .td-pulldown-syle-2 .td-subcat-dropdown:hover .td-subcat-more span, .td-pulldown-syle-2 .td-subcat-dropdown:hover .td-subcat-more i, .td-pulldown-syle-3 .td-subcat-dropdown:hover .td-subcat-more span, .td-pulldown-syle-3 .td-subcat-dropdown:hover .td-subcat-more i, .tdm-menu-active-style3 .tdm-header.td-header-wrap .sf-menu > .current-category-ancestor > a, .tdm-menu-active-style3 .tdm-header.td-header-wrap .sf-menu > .current-menu-ancestor > a, .tdm-menu-active-style3 .tdm-header.td-header-wrap .sf-menu > .current-menu-item > a, .tdm-menu-active-style3 .tdm-header.td-header-wrap .sf-menu > .sfHover > a, .tdm-menu-active-style3 .tdm-header.td-header-wrap .sf-menu > li > a:hover {
color:#ff6600
}

.td-mega-menu-page .wpb_content_element ul li a:hover, .td-theme-wrap .td-aj-search-results .td_module_wrap:hover .entry-title a, .td-theme-wrap .header-search-wrap .result-msg a:hover {
color:#ff6600 !important
}

.td_category_template_8 .td-category-header .td-category a.td-current-sub-category, .td_category_template_4 .td-category-siblings .td-category a:hover, .tdm-menu-active-style4 .tdm-header .sf-menu > .current-menu-item > a, .tdm-menu-active-style4 .tdm-header .sf-menu > .current-menu-ancestor > a, .tdm-menu-active-style4 .tdm-header .sf-menu > .current-category-ancestor > a, .tdm-menu-active-style4 .tdm-header .sf-menu > li > a:hover, .tdm-menu-active-style4 .tdm-header .sf-menu > .sfHover > a {
border-color:#ff6600
}

.post .td-post-header .entry-title {
font-family:Chivo
}

.td-post-content h1 {
font-family: Chivo;
font-weight:bold
}

.td-post-content h2 {
font-family: Chivo;
font-weight:600
}

.td-post-content h3 {
font-family: Chivo;
font-weight:500
}

.td-post-content h4 {
font-family: Chivo;
font-weight:500
}

.td-post-content h5 {
font-family: Chivo;
font-weight:500
}

.td-post-content h6 {
font-family: Chivo;
font-weight:500
}

.tdm-menu-btn1 .tds-button1, .tdm-menu-btn1 .tds-button6:after {
background-color:#cc5200
}

.tdm-menu-btn1 .tds-button2:before, .tdm-menu-btn1 .tds-button6:before {
border-color:#cc5200
}

.tdm-menu-btn1 .tds-button2, .tdm-menu-btn1 .tds-button2 i {
color:#cc5200
}

.tdm-menu-btn1 .tds-button3 {
-webkit-box-shadow: 0 2px 16px #cc5200;
-moz-box-shadow: 0 2px 16px #cc5200;
box-shadow:0 2px 16px #cc5200
}

.tdm-menu-btn1 .tds-button3:hover {
-webkit-box-shadow: 0 4px 26px #cc5200;
-moz-box-shadow: 0 4px 26px #cc5200;
box-shadow:0 4px 26px #cc5200
}

.tdm-menu-btn1 .tds-button7 .tdm-btn-border-top, .tdm-menu-btn1 .tds-button7 .tdm-btn-border-bottom {
background-color:#cc5200
}

.tdm-menu-btn1 .tds-button8 {
background:#cc5200
}

.tdm-menu-btn1 .tds-button1:before, .tdm-menu-btn1 .tds-button4 .tdm-button-b {
background-color:#ff6600
}

.tdm-menu-btn1 .tds-button2:hover:before, .tdm-menu-btn1 .tds-button6:hover:before {
border-color:#ff6600
}

.tdm-menu-btn1 .tdm-btn-style:hover {
color:#ff6600
}

.tdm-menu-btn1 .tds-button3:hover {
-webkit-box-shadow: 0 4px 26px #ff6600;
-moz-box-shadow: 0 4px 26px #ff6600;
box-shadow:0 4px 26px #ff6600
}

.tdm-menu-btn1 .tds-button7:hover .tdm-btn-border-top, .tdm-menu-btn1 .tds-button7:hover .tdm-btn-border-bottom {
background-color:#ff6600
}

.tdm-menu-btn1 .tds-button8:before {
background-color:#ff6600
}

.tdm-menu-btn2 .tds-button1, .tdm-menu-btn2 .tds-button6:after {
background-color:#384764
}

.tdm-menu-btn2 .tds-button2:before, .tdm-menu-btn2 .tds-button6:before {
border-color:#384764
}

.tdm-menu-btn2 .tds-button2, .tdm-menu-btn2 .tds-button2 i {
color:#384764
}

.tdm-menu-btn2 .tds-button3 {
-webkit-box-shadow: 0 2px 16px #384764;
-moz-box-shadow: 0 2px 16px #384764;
box-shadow:0 2px 16px #384764
}

.tdm-menu-btn2 .tds-button3:hover {
-webkit-box-shadow: 0 4px 26px #384764;
-moz-box-shadow: 0 4px 26px #384764;
box-shadow:0 4px 26px #384764
}

.tdm-menu-btn2 .tds-button7 .tdm-btn-border-top, .tdm-menu-btn2 .tds-button7 .tdm-btn-border-bottom {
background-color:#384764
}

.tdm-menu-btn2 .tds-button8 {
background:#384764
}

.tdm-menu-btn2 .tds-button1:before, .tdm-menu-btn2 .tds-button4 .tdm-button-b {
background-color:#336699
}

.tdm-menu-btn2 .tds-button2:hover:before, .tdm-menu-btn2 .tds-button6:hover:before {
border-color:#336699
}

.tdm-menu-btn2 .tdm-btn-style:hover {
color:#ff6600
}

.tdm-menu-btn2 .tds-button3:hover {
-webkit-box-shadow: 0 4px 26px #336699;
-moz-box-shadow: 0 4px 26px #336699;
box-shadow:0 4px 26px #336699
}

.tdm-menu-btn2 .tds-button7:hover .tdm-btn-border-top, .tdm-menu-btn2 .tds-button7:hover .tdm-btn-border-bottom {
background-color:#336699
}

.tdm-menu-btn2 .tds-button8:before {
background-color: #336699
}

/**
* The rest of the CSS is a duplicate
*/

.td_module_wrap .td-image-wrap:before {
content: ”;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(https://www.mrw.it/wp-content/uploads/2024/08/no-thumb-300×188.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
z-index:-1
}