Display after full page load

[elearningpro80]

Hello Ernest,

We are trying to make some page speed improvements on our site. The developer who is assisting us with this task asked “why are the filters boxes set to be shown only when the page is fully loaded?” He is referring to the “Choose a Category”, “Filter By Category”, “Choose a Course Length”, “Filter By Course Length” components on page https://brightmitrain.dev.onpressidium.com/shop-courses/

See the attached screen snippet.

This page is on our staging site which was created from our production site https://brightmindstraining.com

Can you please help with this question?

Kind regards,

Larry

[Ernest Marcinko]

Hi Larry,

It is evaluated and made visible by the script, however it should not be a concern as it is almost immediate. It is done when the page is parsed (not fully rendered yet) so during the actual rendering it should be open.

However, if it’s a concern or there are more scripts evaluated during that time, you can forcefully make them visible via a custom CSS snippet, which is effectively immediate if placed in the header:

.asp_ss_6 {
   display: block !important;
   visibility: visible !important;
   opacity: 1 !important;
}

I hope this helps!

[elearningpro80]

Hello Ernest,

Thank you for the explanation and the custom CSS. I will pass it on to the Developer.

Kind regards,

Larry

[Author]

Posts