Why is site loading firstly in different layout

Hi,

Do you know why our site firstly loads in a fixed width and then changes to full width header configuration? In some cases I can also see icons and buttons firstly loading in a wrong color and then turning to the proper color. It seems that this could also cause unnecessary CSS comprehension and load times.

I added a couple of screenshots to illustrate the initial and final load.


Comments

  • Here are GTMetrix and PageSpeed results. They both refer to excessive DOM (2872 elements) and to eliminate render blocking resources. I don't think I have done anything that intensive with BeBuilder, it looks like regular website to me.


  • Hello,

    Please turn off all of the plugins, refresh your cache, and check if the problem persists.

    Moreover, if you use a child theme, switch to parent, and recheck it.

    Thanks

  • edited October 2023

    Hi,

    Tried:

    1) switching to parent theme

    2) deactivated all plugins

    3) flushed cache all the time

    It still does the same thing. It also happens on the product page, see screenshots attached. It firstly loads a weird look, it probably takes a while to get all the CSS loaded.

    What I have noticed is that if I am using custom templates for certain pages and elements like the Shop Archive page, Single product page and also footer element, the site is momentarily loaded in some default values taken from the Theme Options and then the Template Rules are applied. This clearly means the site is basically loaded twice, all the CSS is loaded double.


  • Please send us the WordPress dashboard and FTP access privately through the contact form, which is on the right side at http://themeforest.net/user/muffingroup#contact, and we will check what might be the reason.

    Notice!

    Please attach a link to this forum discussion.

    Sending incorrect or incomplete data will result in a longer response time.

    Therefore, please ensure that the data you send are complete and correct.

    Thanks

  • Hi Phil,

    Sent the details over to you. Thanks.

  • We have made some adjustments to your website.

    Please check it now and see if it is correct now.


    Best regards

  • Thank you! Header seems nice now! Can you check the product archive pages also, they are currently still loading the default orange prices and then changing to small grey ones and smaller size.

  • Shop archive templates load their styles from a file, which is located in the Footer, unfortunately, there is no option to overcome this, and styles load with a slight delay. The smaller the delay the faster your server is.


    Best regards

  • Thank you for the info. It would just make sense to override the default CSS totally so it doesn't have to double-load. I think it makes sense speedwise as well, doesn't it? Can you add this to your to-do list perhaps?

  • It is not that easy, but we will take a look at what can be done to improve this.


    Best regards

Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.