The Home page spacing is removed and page is not loading

First and foremost try to identify what is changing spacing by just disabling CSS or JS or HTML or Image optimization (incl. lazyload). Based on that we can see what the next steps need to be ??

frank

Hi Frank,

I have disabled the CSS the spacing issue remains same.

Disabled JS – the spacing issue remains same.

Disabled Optimize HTML Code – the spacing issue remains same.

Disabled Image optimization – No changes on the spacing.

I am using the Elementor page builder on my website, and the styles I added to it are being removed after installing the Autoptimize plugin.

And there is no improvement on the page speed score after installing the plugin.

Thanks,

Divya

focusing on the spacing issue first and foremost; so whatever setting you disable, the problem remains (you might have to clear WP Engine’s page cache after each change, did you do that) ? and if you disable Autoptimize the problem goes away?

• This reply was modified 3 months, 3 weeks ago by Optimizing Matters. Reason: additional question re. page cache

Yes, I did clear the cache in WordPress and WP Engine.

And yes, if I deactivate the Autoptimize plugin, the site will load fine.

Thanks,

can you enable AO again so I can see it happening and investigate?

Sure.. I have enabled it now

https://nimblepartnstg.wpenginepowered.com/

OK, can you disable “aggregate CSS” now?

think I’ve got the culprit; in wp-content/themes/nimblepartnerswptheme/style.css you have:

h1 {
  font-size: 56px;

  @media (min-width: 0) and (max-width: 767.98px) {
    font-size: 40px;
  }

  @media (min-width: 768px) and (max-width: 1198.98px) {
    font-size: 50px;
  }
}

but that should probably rather be:

h1 {
  font-size: 56px;
}
  @media (min-width: 0) and (max-width: 767.98px) {
    font-size: 40px;
  }

  @media (min-width: 768px) and (max-width: 1198.98px) {
    font-size: 50px;
  }
}

(maybe the last } needs to go, not sure)

frank

Yes I disabled “aggregate CSS” now.

Spacing looks OK to me that way, does it look OK to you?

(you can probably re-enable aggregate CSS if you fix the style.css issue mentioned earlier)

Hi

After enabling aggregate CSS, again the styling is gone. Also facing another issue on the site, page is not loading.

https://nimblepartnstg.wpenginepowered.com/approach/

aggregating is not as interesting as it was before HTTP/2 (some consider is an anti-pattern nowadays), but if you absolutely want to aggregate; I’m afraid the style.css has more then one place where a heading-selector has media queries inside it so you would have to fix those as well? :-/

re. the /approach/ page; that is one huge blob of HTML (including a big amount of commented out code, which is likely causing PCRE in PHP to crash due to the regexes in Autoptimize and the size of the data. you can always in the “edit” screen of that (or any) page find the “autoptimize this page” metabox and disable Autoptimize for that page specifically.

Thanks, Approach page is working fine.

After disabling it, the site is working.

What is the purpose of adding this plugin? Do you have any other suggestions for optimizing the site and improving page speed?

Thanks,

After disabling it, the site is working.

well, if I remember correctly we had already changed the configuration for it to work with AO enabled too, no? ??

What is the purpose of adding this plugin?

consider it a toolbox to help improve performance.

Do you have any other suggestions for optimizing the site and improving page speed?

well, AO seems off now so can’t comment on what to change in the settings ??