[ottobonoParticipant]

Hello everyone, I have some questions about X-Theme and how to improve my PageSpeed Insights score.

I am using different plugins to improve my score on GTMetrix and PageSpeed and so far so good. I found two settings that give me some problems with Cornerstone, that not get loaded properly when these two settings are enabled (I only found out this thing, but I think there can be more):

1) “Defer parsing of javascript files” of Speed Booster

2) “Optimize CSS delivery” of Above The Fold Optimization

When these two settings are enabled, I cannot use the pagebuilder, the pages are not fully rendered.

If I disable these two settings my score get worse. Why does it happen and how can I fix this?

On the top of that PageSpeed Insights tells me a couple things.

To describe this problem better, I attached a pic (sorry, it is in german, my website is https:/www.ottobono.it, also an italian site).

On the mobile side, there are some suggestions about some elements that are outside the content (456 css-pixel while max width is 411), but I do not know what I should do about that and why they are there. Plus there is some warning about links that are near each others.

To reply to this questions, I got in touch with a SpeedInsight specialist and told me that:

Your Theme – It’s not Google Page Speed optimized. (Any theme which has got visual composer features is not page speed optimized)

{ “Defer parsing of javascript files” of Speed Booster, “Optimize CSS delivery” of Above The Fold Optimization. When these two settings are enabled, I cannot use the pagebuilder, the pages are not fully rendered. }

This is because of multiple CSS files that are used in the theme. When we optimize CSS of a theme with visual composer features, poorly coded features, it happens. That’s why WordPress doesn’t allow such kind of themes in their official repository.

What can we do about this? Can you help me solving these issues?

Thank you!

Vittorio

[RadModerator]

Hi there,

Thanks for writing in.

There is no perfect score 🙂

And yes, optimization will break some functionality of your site. Javascript is loaded according to its dependency, combining and minifying them, or cache them may change the order how they are loaded, and will, of course, break it.

You may try excluding cornerstone scripts and CSS since they are available within the builder https://developers.google.com/speed/pagespeed/module/restricting_urls

I’m not sure how it’s done using URL query as the wildcard, seems the sample only exclusion shows per file. You may want to contact them.

Thanks!

[ottobonoParticipant]

Hi Rad, many thanks for your reply!

I made a test today, I tried to upload to a separate domain x-theme and did a couple tests with gtmetrix and I got a score like 97 pagespeed and 99 yslow, so it is not a theme issue but an optimization issue.

I will try to wildcard them, you said they are inside the builder, how would you exclude them, what should I write exactly? Can you post a couple examples please?

Thank you!

Edit: attached a pic of the plugin “Above the fold”

[ottobonoParticipant]

Another question, how to fix the out of the content error I get on the mobile version and the links that are too close each other? p.s. with the defer parsing option for js enabled a lots of pages do not get fully rendered

[RadModerator]

Hi there,

You may exclude these (maybe it needs full URL)

/wp-content/plugins/cornerstone/assets/dist/css/admin/preview.css
/wp-content/plugins/cornerstone/assets/dist/js/site/cs-head.min.js
/wp-content/plugins/cornerstone/assets/dist/css/admin/generator.css
/wp-content/plugins/cornerstone/assets/dist/css/admin/builder.css
/wp-content/plugins/cornerstone/assets/dist/css/admin/huebert.css
/wp-content/plugins/cornerstone/assets/dist/css/admin/code-editor.css
/wp-content/plugins/cornerstone/assets/dist/js/admin/huebert.min.js
/wp-content/plugins/cornerstone/assets/dist/js/admin/code-editor.min.js
/wp-content/plugins/cornerstone/assets/dist/js/admin/generator.min.js
/wp-content/plugins/cornerstone/assets/dist/js/admin/core.min.js

Or you may contact Pagespeed Developer/Author to see how it’s done on their end. I’m not really sure how their optimization works, contacting them is the best idea 🙂

About the links that are too close, each button or links should have enough size to easy tap by fingers, and margin as space to separate them to avoid accidental click on mobile.

If only it’s as easy as adding ?cornerstone=1 as part of wildcard (similar to CloudFlare), then it would be easier.

Cheers!

[ottobonoParticipant]

Thank you Rad!

I used pingdom to check which resources are loaded on startup on my website https:/www.ottobono.it (https://tools.pingdom.com/#!/dMMMWr/https://www.ottobono.it) and there are these two googlefont files that get loaded every time https://fonts.googleapis.com/css?family=Raleway:300,300italic,700,700italic%7CMontserrat:400%7CLato:300%7CRaleway:300%7CRaleway:400%7CRaleway:700%7CLato:300%7CLato:400%7CLato:700%7COpen+Sans:300%7COpen+Sans:400%7COpen+Sans:700&subset=latin,latin-ext,latin,latin-ext,latin,latin-ext,latin,latin,latin,latin,latin,latin,latin,latin,latin

and

https://fonts.googleapis.com/css?family=Roboto:300,400,500,700

I do not use all these fonts and variations, how can I delete what I do not need? I suspect they get imported on every page I create(d)… I just cannot find the file where this fonts get loaded from

[RadModerator]

Hi there,

Lato font is default X theme’s font and can’t be removed. And you can disable Roboto font by switching it back to Lato.

Thanks!

[Author]

Posts