Hello,

I am pretty sure that sticky menu in mobile theme is creating CSL 0,11
As soon I turned it off CSL is 0
I don’t know enough to know is this problem with my installation or it is general problem.
And important thing is that I am checking CSL in Google Chrome developer tool.
Google Insight is useless for hings like that.
Can you please respond? This seems pretty important.

Thank you for replay.
After theme update and few tweaks CLS is mostly ok.

Hint for you. Don’t check https://gtmetrix.com/ since it checks only desktop version. Mobile version is a problem.

I will send request for custom work since this requires CSS optimization.

I update theme to latest version. Now, sometimes I have CLS 0.11 – 0.13

Session window
The selected layout shift belongs to session window 1.
Current score: 0.11
Cumulative score: 0.13
Time: 1.345s

And 0.11 is what can be seen in https://pagespeed.web.dev/ for field test

Thank you a lot.
CSS code is working.

Hello Bettina,

Thank you for the quick repaly.
I don’t understand what you mean that during the upload image size can be chosen.

Isn’t the size defined in theme? During the upload different image sizes are generated and that is defined in theme panel.
I wonder how to avoid different image sizes for different screen width since in html code image size depends on screen width.

Here is example of code with multiple sizes for featured image

https://imgur.com/a/IstTYnc

• This reply was modified 4 years by crodexter.
• This reply was modified 4 years by crodexter.
• This reply was modified 4 years by crodexter.
• This reply was modified 4 years by crodexter.

Or the reason for this could be aggregation of CSS files?
I see in Chrome console that 93% of CSS code is not used.
If that is the case could you suggest how to create critical CSS only for mobile theme and how to use it?
In that case I suppose I should remove orginal CSS from mobile theme?

• This reply was modified 4 years by crodexter.

On the other hand I use Ad Inserter Pro shortcode on homepage and cloud page is working for homepage template

Hello,

I tried all suggestion. Header and footer disabled and chache plugin disabled.
I tried all steps for uninstall and install of TagDiv composer.
I disabled Ad Inserter Pro which is only new plugin I installed in last few months.

I did add some Ad Inserter Pro shortcode in template in HTML block but when I disable Ad Inserter Pro and disable chache same error happens. I would say it could be that shortcode.

Is there a way to see cloud template content in some way? In database or in some file so that I delete that shortcode?

• This reply was modified 4 years by crodexter.

Hello,

I got same error on one page. I tried to revert to previous version but it didn’t help.
It is strange that same error is on every page/post template

Error at zones: 6(models) : 5(dom). The model does not match the content Current state has involved an issue. You could try an UNDO operation (CTRL+Z / CTRL+SHIFT+Z)

Do you have any suggestion what could be the reason and what to do?

Thank you

I found in the mean time.Thank you

Btw, I found one revision for homepage template but I have problem with template for post.
How to revert to previous version for post template?

Thank you for a quick replay. I disabled revisions.
Is there other way?

Btw, without Rocket Loader mobile theme is much slower in PSI. From 70-80 to 30-50

Thank you for the quick replay.

I suppose there is flash becuse theme is responsive and flash is from button menu.
But full menu is visible on desktop in full screen?
I don’t know is it possible to disable element if width is above 1000 px.

Something like this to disable button menu on dekstop:

@media only screen and (max-width: 1000px) {
#header .nav{
display:none!important;
}
}

• This reply was modified 4 years by crodexter.

Hello,

Just to add that PHP block would be great functionality.
Is there a way to add PHP functions to cloud templates?

Hi, I switched to mobile theme. Now my score for mobile is also 90.

Hi Calin,

Thank you a lot for help.
I am using Litespeed and I had to turn-on Cache mobile.
I forgot about that option.

Best regards

Now I noticed that sometimes Google PSI is served mobile theme page for desktop test. In fact it is served mobile theme page for multiple tests in a row.

Check this
https://www2.stardust-testing.com/en/adaptive-web-design-or-responsive-web-design

And in general search “Adaptive web design SEO”

Hello,

Thank you for a quick replay.

I am using latest theme version on all three web sites.

I read most of links you wrote.
What is strange to me is that desktop version has PIS 90-96 and mobile PSI is 60-70.

To me it seems like some problem in serving mobile version.
Maybe mobile image since Largest Contentful Paint for mobile is 6.6. even with CDN.

I don’t expect support for speed but I think this is related to serving mobile version to visitors?

What is your experience? Should mobile version be as fast as desktop version regarding theme?

Thank you for the answer and taking this into implementation.
I’ve learned this can be done via Litespeed plugin if Litespeed cache is used for Lazyloading.
https://docs.litespeedtech.com/lscache/lscwp/pageopt/

It can be implemented also in other plugins.

For now I stopped to use Newspaper theme for Lazyload.
I can confirm that Largest Contentful Paint is now much better.

Hello,

I would like to express interest for this too since it seems important for SEO:

1. Optimize Your Largest Contentful Paint Element
– Exclude it from lazy load.

Thank you

Hello,

Yes that is that for the Tag Title.
Is it possible to have in Tag Description dynamicly inserted tag so that description is
“Some random text TAG some random text”

Thank you