The current page loads too much CSS for Microthemer to routinely analyse…"

This topic contains 3 replies, has 2 voices, and was last updated by  Sebastian 1 month, 2 weeks ago.

Author Posts

andrew111

In When launching Microthemer from the dashboard, and without “Enable Elementor” active, I’m getting this message in the styles tab:

The current page loads too much CSS for Microthemer to routinely analyse on this tab.

It really doesn’t seem like That much CSS though. When I force one-time analysis:

[all devices]

.elementor *, .elementor ::after, .elementor ::before {
box-sizing: border-box;
}

style.min.css

b, strong {
font-weight: bolder;
}

style.min.css

*, ::after, ::before {
box-sizing: border-box;
}

Inherited from: div.elementor-element elementor-element-2427a2c elementor-widget elementor-widget-text-editor
post-21.css@media (max-width: 767px)

.elementor-21 .elementor-element.elementor-element-2427a2c {
font-size: var( –e-global-typography-be0ed5f-font-size );
line-height: var( –e-global-typography-be0ed5f-line-height );
letter-spacing: var( –e-global-typography-be0ed5f-letter-spacing );
}

post-21.css@media (max-width: 1024px)

.elementor-21 .elementor-element.elementor-element-2427a2c {
font-size: var( –e-global-typography-be0ed5f-font-size );
line-height: var( –e-global-typography-be0ed5f-line-height );
letter-spacing: var( –e-global-typography-be0ed5f-letter-spacing );
}

post-21.css[all devices]

.elementor-21 .elementor-element.elementor-element-2427a2c {
color: var( –e-global-color-900f2ae );
font-size: var( –e-global-typography-be0ed5f-font-size );
line-height: var( –e-global-typography-be0ed5f-line-height );
letter-spacing: var( –e-global-typography-be0ed5f-letter-spacing );
}

Inherited from: div.elementor elementor-21
frontend.min.css

.elementor {
hyphens: manual;
}

Inherited from: body.home page-template-default page page-id-21 logged-in admin-bar mt-21 mt-page-home-turner-design elementor-default elementor-template-full-width elementor-kit-57 elementor-page elementor-page-21 customize-support e–ua-firefox e–ua-mac
post-57.css@media (max-width: 767px)

.elementor-kit-57 {
font-size: var( –e-global-typography-73f16c1-font-size );
line-height: var( –e-global-typography-73f16c1-line-height );
letter-spacing: var( –e-global-typography-73f16c1-letter-spacing );
}

post-57.css@media (max-width: 1024px)

.elementor-kit-57 {
font-size: var( –e-global-typography-73f16c1-font-size );
line-height: var( –e-global-typography-73f16c1-line-height );
letter-spacing: var( –e-global-typography-73f16c1-letter-spacing );
}

post-57.css[all devices]

.elementor-kit-57 {
font-family: var( –e-global-typography-73f16c1-font-family ), Sans-serif;
font-size: var( –e-global-typography-73f16c1-font-size );
font-weight: var( –e-global-typography-73f16c1-font-weight );
line-height: var( –e-global-typography-73f16c1-line-height );
letter-spacing: var( –e-global-typography-73f16c1-letter-spacing );
}

style.min.css

body {
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: rgb(51, 51, 51);
}

Inherited from: html.grid_highlight tvr-hh-mode mt-hover-bound mt-element-selected mt_highlight
style.min.css

html {
line-height: 1.15;
}


Sebastian

Hey Andrew, the Styles tabs aborts style analysis if the total number of style rules exceeds 2500. Even if the analysis you forced didn’t find lots of CSS styles for the element you’ve selected, it had to analyse every style affecting the current page in the process (2500+).

MT sets the limit of 2500 to ensure the browser doesn’t stutter when you select an element. If you have a fast computer, you may find that the analysis happened in the blink of an eye when you forced the analysis. But for other users, it could be a problem.

You can get the same analysis using your browser’s Dev tools. Right click an element, choose “Inspect”, and then go to the Styles tab in the dev tools that pop up.

I’m also open to making the 2500 limit configurable in MT’s preferences.

Cheers,
Sebastian


andrew111

Morning Sebastian (or… Afternoon!)

Understood, thank you. This morning it’s working without issues, and instantaneously.

FYI this is on a site with only four pages, and three of them contain almost no content. Hmm… could this be caused by low browser memory?


Sebastian

Well if it’s an Elementor site, Elementor loads various CSS resources that can accumulate to over 2500 CSS rules. It’s less about how many pages the site has, but rather the size of the CSS resources it loads.

FYI, 2500 CSS rules isn’t necessarily going to slow your site down, it’s just where MT draws the line with regards to stylesheet analysis.

You must login or register to reply to this topic.