How to use Generate Press Properly?

[Josh Saga]

Hello all,

I have access to GP Premium via Festinger's vault as well as Elementor Pro.

I have good design skill fundamentals and some mediocre to fairly decent web design fundamentals (I was in Design School back in college)

However, this is purely aesthetic wise. I have zero batshit knowledge on development.

I'm here to ask, with GeneratePress and Elementor Pro - what are the best methods to make my website more faster?

I have access to Festinger's vault so plugins like WP Rocket is available to me (already in my list)

Would really appreciate some pointers or pointing me to other threads here

Thanks,
Josh Saga

 

[LemonAcid]

Youtube and google is your best friend, there are tons of elementor guides...

but my opinion is that elementor is overrated...

 

[Black Adam]

You can build site with GeneratePress + Elementor Pro. After can speed up using Cloudflare CDN + Wprocket plugin.

 

[LemonAcid]

You can build site with GeneratePress + Elementor Pro. After can speed up using Cloudflare CDN + Wprocket plugin.

Even tho this is good tip it wouldnt cut it...

If he uses some "flashy" features of elementor even with optimization he wont be able to pull more than 50 points in mobile on google page speed insight

No matter if he uses wp rocket or cdn...

 

[Blogsmith]

IMO, you may avoid elementor altogether if you can combine usage of: GENERATEBLOCKS PLUGIN, GENERATEPRESS THEME, GP Premium Plugin and WP SHOW POSTS PLUGIN On your site. The outcome is crisp, clean, tidy and superbly impressive.

 

[Josh Saga]

Hello all - thank you for your input.

Does code bloat from page builders mess up SEO?

I want my site to be most optimized for SEO - but due to my lack of web dev knowledge and only design skills, I rely on page builders to make my site brandable.

 

[EMAOneBillion]

I don't know about GeneratePress but Elementor is super heavy and comes with lots of javascript and CSS. If you go for Elementor, plugins like WP-Rocket will not help you so much. You have to remove the unused CSS manually (because there's a lot of it) and optimize your templates to reduce DOM size. That means using a small number of containers and columns because they add a lot of HTML code. There's much more if you need help with Elementor you can always PM me.

 

[Soucha]

I don't have time to write you a full guide on optimization, but here is one a lot of people miss, which you may find interesting.

By default, at least in my experience, Elementor does not inherit fonts from your theme, and instead uses roboto/roboto slab.
You can check if these are loading via GTMetrix or similar tools.
You have to change the default fonts (roboto/roboto slab) to the literal default option, and then select the option in settings which tells Elementor to inherit fonts from your theme when default is selected in order to stop these additional fonts from loading.

 

[Kenobii]

Try Oxygenbuilder, much better than Elementor.

 

[Josh Saga]

I don't know about GeneratePress but Elementor is super heavy and comes with lots of javascript and CSS. If you go for Elementor, plugins like WP-Rocket will not help you so much. You have to remove the unused CSS manually (because there's a lot of it) and optimize your templates to reduce DOM size. That means using a small number of containers and columns because they add a lot of HTML code. There's much more if you need help with Elementor you can always PM me.

Thank you very much! - I'll keep you in mind should anything come up

I don't have time to write you a full guide on optimization, but here is one a lot of people miss, which you may find interesting.

By default, at least in my experience, Elementor does not inherit fonts from your theme, and instead uses roboto/roboto slab.
You can check if these are loading via GTMetrix or similar tools.
You have to change the default fonts (roboto/roboto slab) to the literal default option, and then select the option in settings which tells Elementor to inherit fonts from your theme when default is selected in order to stop these additional fonts from loading.

I'll note this down as well- thank you!

Try Oxygenbuilder, much better than Elementor.

I am so heavy leaning n Oxygen builder - but everyone says you need a good background on HTML and CSS for this to work, something I don't have. - However I plan to learn HTML and CSS this month and onwards as well