Return to previous page

Both Mobile and Desktop Header Load on Every Page

This topic has 8 replies, 3 voices, and was last updated 2 years, 2 months ago ago by Awais Ahmed

bnourse

Participant

August 17, 2022 at 02:13

Hello,
We are trying to boost our page load speed and Google Pagespeed score. We have noticed that both the mobile header code and the desktop header code load on very page.

According to my developer : “There’s definitely two header layers within the

tag. It’s the .header-wrapper and the .mobile-header-wrapper and all of the contents within each.

Since this loads on every page, it contributes unneeded overhead to each page.

Can you suggest how to fix this up? It seems like the appropriate header should load based on whether the browser is mobile or desktop.

Thanks as always for your support.

Ben

#331918 Copied Theme version: 8.3 WooCommerce version: 6.8.0

7 Answers

Awais Ahmed

Participant

August 17, 2022 at 06:26

Hello, @bnourse,

I have checked your site and found that the result of your site is very well ok. Your site speed score is “91%” and load time is less than 1 second. Also, I have checked if there are some other things that might need to improve but as you can see all is fine: https://postimg.cc/sBq8yqcg

Now, Regarding the header files, you talk about it. Let me tell you. The desktop header is in the other box/div and the mobile is in the other so that whenever you open the site on mobile the mobile div will appear the header div will be completely not shown on mobile. it is better to understand the code and it’s a professional way. Every theme is based on different parameters.

Your site speed is perfect, no need to worry about it.

Regards 8Themes Team.

#331924 Copied

bnourse

Participant

August 17, 2022 at 13:03

Thank you for your quick response. Please see private content area.

Please contact administrator
for this information.

#331969 Copied

Rose Tyler

Support staff

August 17, 2022 at 15:37

Hello,

Please provide temporary wp-admin and FTP access. Then I will pass your question to one of our devs.

Regards

#331976 Copied

bnourse

Participant

August 17, 2022 at 15:45

Hello Rose,

Thank you for your prompt reply.

Please see private area for my response. I will do what you request if needed.

Ben

Please contact administrator
for this information.

#331977 Copied

Awais Ahmed

Participant

August 18, 2022 at 11:39

Hello, @bnourse,

Please go to XStore >> Theme Settings >> General and use the Mobile Content Optimization Option from there, save changes and check back to your site after clearing the browser cache.

https://postimg.cc/fSYnykch

Regards 8Themes Team.

#332031 Copied

bnourse

Participant

August 31, 2022 at 20:07

Hi,
Still working through this. It seems that the Mobile Content Optimization does reduce our dom elements considerably, but causes the desktop header to also load on mobile devices. Is there still a setting wrong??
I have provided credentials in private area. Would appreciate it if you can tell me how to get the mobile header to display correctly, like in the preview, while mobile optimization is turned on.
Thanks,
Ben

Please contact administrator
for this information.

#332885 Copied

Awais Ahmed

Participant

September 1, 2022 at 07:19

Hello, @bnourse,

Actually, the option “Mobile Content Optimization” is used to help to disable unused HTML, CSS, and JS of the desktop elements for mobile versions. Keep disabled if you use cache for the mobile devices of the cache plugin, and I can see that you are using cache plugins and other cache options too in the “Speed optimization Wizard” feature of our theme see the image: https://postimg.cc/MvVrRfkb and https://postimg.cc/q68XtntN so it might be possible that the options are conflicts with each other also with the plugin too.

So please disable this option “Mobile Content Optimization” and use the other optimization features of the theme and of the plugins in order to optimize the site speed.

And I have tested your site on my personal mobile phone and the header on my mobile is working perfectly fine, here is the detailed video: https://www.veed.io/view/3ad23785-4dda-4a62-af42-b451daf23ceb?sharingWidget=true

Regards 8Themes Team.

#332904 Copied
Tagged: best selling woocommerce themes, desktop header, load every page, mobile header, seo friendly
Viewing 8 results - 1 through 8 (of 8 total)