![Check out Enfold](https://kriesi.at/wp-content/themes/kriesi/images/banner-enfold.jpg)
Tagged: #header problems, Page Speed, PageSpeed Insights
-
AuthorPosts
-
May 13, 2020 at 2:01 pm #1212618
Could you please explain me why I get so large discrepancy between PageSpeed Insights results for desktop and mobile form my site?
For desktop I score 80 points.
For mobile I score merely 40 points.Fist rendering is the main problem but as on desktop it takes 0,9s, on mobile is over 3 times longer.
https://developers.google.com/speed/pagespeed/insights/?hl=pl&url=https%3A%2F%2Fwww.sensity.pl%2F&tab=desktop
vs.
https://developers.google.com/speed/pagespeed/insights/?hl=pl&url=https%3A%2F%2Fwww.sensity.pl%2F&tab=mobileMay 13, 2020 at 11:16 pm #1212792I found one more thing – maybe connected with page speed:
On desktop version animated numbers and masonry gallery (should be under “Nasz zespół” header) does not appear. But on mobile version both works fine. Pls refer: https://www.sensity.pl/. Similar situation is here: https://www.sensity.pl/o-sensity/.
There is also an issue with header on desktop – short after page loads, header shrink (I have 100px custom high set in Enfold settings) , logo is getting small, like a page is scrolled down, but there is no white overlay while scrolling.
What could be a reason? Could you please help.
I attach login details if necessary (will be active for one week).Regards,
Chris-
This reply was modified 4 years, 3 months ago by
kwlodar.
May 14, 2020 at 10:35 am #1212888Hi Chris,
We’re not really the ones you should ask about that, maybe you could find the answer for that online? But what you are highlighting has been true for me for every site I test using Google PSI, regardless of which theme it’s using, and weather it’s a WordPress site or not. I think the mobile results are using a simulated mobile network, but I don’t have any documentation on that.
As a reference, I tested the site of the Swedish tax authorities. Here are the results: https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fskatteverket.se%2F&tab=mobile
Best regards,
RikardMay 14, 2020 at 10:48 am #1212891Thanks for reply.
And what about elements which does not work on desktop version (my 2nd post)?
Masonry gallery with portfolio entries does not work. Animated numbers does not work. Could you please help me to find the problem?
Regards!
ChrisMay 14, 2020 at 11:16 am #1212906I can see that Masonry gallery is disabled on home page: https://snipboard.io/odIEtr.jpg
There is a
<div class=”av-masonry-container isotope av-js-disabled “>
and
<div class=”av-masonry-entry isotope-item av-masonry-item-no-image “>
code in console.It still does not explain counters issue, but maybe if couple animated elements are broken, something is wrong with styles or js?
May 15, 2020 at 8:56 am #1213182Hi,
Please try to stay with one problem per thread and at a time. I can see animated numbers above the NASZ ZESPÓŁ header and they are working as they should, and that corresponds to your layout on the backend as well. https://imgur.com/a/iIR81IZ
Best regards,
RikardMay 15, 2020 at 11:20 am #1213227Hi Rikard,
thank you for your reply. Sorry for many touching couple problems here but firstly I thought they are connected with each other.Last night I asked the developer for help and he was able to resolve the problem with animations. In fact, I can hardly explain what was wrong – something with jQuery lib. I know he had to disable almost all options in Enfold/Performance menu.
Unfortunately I still face the problem with header.
When refreshing the page the header of the correct height is loaded first. A moment later it gets small. I reviewed all the theme settings and I think they are correct – the header should be 100px high.You can easily see the problem here: https://www.sensity.pl/zdrada/
1. At first it loads properly – like it was before and should be: https://snipboard.io/EBwaCp.jpg
2. After a second it becomes low, as it should after you start scrolling down the page: https://snipboard.io/F9BynW.jpg
3. Interestingly, on this page, you can see the correct header with a white background (overlay) after scrolling down – it should be everywhere like this: https://snipboard.io/HvXe8Q.jpg, but on homepage it is almost transparent: https://snipboard.io/DHVpGf.jpg but submenu looks fine.Before everywhere it was 100 px high with big logo on top, getting smaller (lower) with white overlay when scrolling down.
Can you find the reason why it has broke?
regards!
ChrisMay 16, 2020 at 1:56 pm #1213562Hi Chris,
I see that happening on my end too. This CSS seems to be causing it;
Logo image:
max-height: 55px;
Logo container element:
height: 55px; line-height: 55px;
The codes are added inline and override your settings on the backend of the theme. Do you know what might be adding that CSS?
Best regards,
RikardMay 16, 2020 at 6:38 pm #1213627No idea. :(
I review Quick CSS section but nothing like that found there. I’m quite sure this is the only place I could add css (mainly thanks to your help) because I’m not a programmer.May 17, 2020 at 8:33 am #1213765Hi Chris,
I’ve added some CSS for you at the top of your Quick CSS box, please review your site now.
Best regards,
RikardMay 18, 2020 at 12:16 am #1213892Hi,
even worse. I’ve commented the code you’ve added. :(
Header and logo become larger but it didn’t get smaller while scrolling the site – the header covers the content more than before. It was even more confusing because the overlay is still present on some pagers, and there is no overlay on others https://snipboard.io/iczEj3.jpg.It worked fine, like on the demo: https://kriesi.at/themes/enfold, until some day (don’t ask me which) so I’d rather try to find a bug than add more code to cover incorrect code. On common sense….. ;)
Would you try to take another look at this?
Regards!
ChrisMay 19, 2020 at 9:46 am #1214244Hi Chris,
I believe the issue is related to one of your plugins. Have you installed or activated any plugins prior to this issue? If you have, please try de-activating them and if that does not help, please try de-activating all active plugins and check. You can then activate them one by one to find the culprit.
Cheers!
Yigit -
This reply was modified 4 years, 3 months ago by
-
AuthorPosts
- You must be logged in to reply to this topic.