[Resolved] Best Settings Generate Press and WP Rocket

[Kathrin]

At the moment I’m using merge+minify+refresh to speed up my webpage. But I have some speed problems so I want to move to WP Rocket. Can you please tell me what are the best settings in WP Rocket for Generate Press?

Greetings Kathrin

[Leo]

Hi Kathrin,

Unfortunately we don’t use WPRocket ourselves so I am not really sure.

We use Autopimize for our website and here are the suggested settings which I’d assume WP Rocket has something similar:
https://docs.generatepress.com/article/configuring-autoptimize/

You will need to make sure the settings work with your other plugins as well.

The best way is probably to do some trials and errors.

Hope this helps 🙂

[Kathrin]

Ok, thank you very much for the information. David told me that I should not activate the critical css path so that WP Rocket is doing that automatically. But was is about the custom css code that I added to the theme:

@media (min-width: 768px) {
#primary {
border-right: 1px solid #222;
}
}
.site-header {
background-color: rgb(158, 194, 42);
}
.inside-header {height: 250px; flex-shrink: 0;}
.entry-meta {
font-size: 85%;
margin-top: 15px;
margin-bottom: 15px;
line-height: 1.5;
}
.rank-math-breadcrumb, .rank-math-breadcrumb a {
font-size: 10px;
margin-bottom: 40px;
}

@media (min-width: 768px) {.main-title {
font-size: 75px;
margin-bottom: 30px;
text-shadow: 0 0 5px whitesmoke;}
.site-description {
color: rgb(255, 255, 255);
font-weight: 400;
font-size: 25px;
margin: 0px;
}
h1.entry-title {font-size: 50px;}}

@media (max-width: 768px) {.main-title {
font-size: 35px;
margin-bottom: 15px;
text-shadow: 0 0 5px whitesmoke;}
.site-description {
color: rgb(255, 255, 255);
font-weight: 400;
font-size: 15px;
}
h1.entry-title {font-size: 30px;}}

Must this be included in the critical css path that ClS is avoided?

Greetings Kathrin

[Leo]

Is that added in Additional CSS field in the customizer?

The best way is to try including it and excluding it and see what works for you.

[Kathrin]

Yes, it is added in the Additional CSS field in the customizer. But how I include and exclude it?

Greetings Kathrin

[Elvin]

Hi there,

CSS added on Appearance > Customize > Additional CSS are added as an embedded style in <style id="wp-custom-css"></style> rather than on an external css file.

I’m not sure if WP Rocket is able to exclude embedded or inline CSS. You can try making a child theme for its style.css and exclude that stylesheet,

or create a custom_style.css file containing your custom CSS and manually upload it through FTP and use a Hook Element to add the stylesheet on wp_head hook.

or ask WP Rocket if they have a way to excluded embedded stylesheets. 🙂

[Kathrin]

Thank you very much.

Greetings Kathrin

[Elvin]

No problem. 🙂

[Author]

Posts