[Support request] First GPP blog post wrecks mobile deployment of website. . . .

[Robert Holland]

Folks: Please allow me to thank all of you for your kindness and patience. With your collective help and guidance, I’ve re-stabilized my website ( RobertDeanHolland.com ) with the newest Version of GPP 2.2.0 and GenerateBlocks 1.6.0

My next step is to create a blog with regular posts about the “Stolen Man Trilogy”, so I made checked to make certain GPP Blog is activated and created my first Post, which I assembled like a regular web page ( https://robertdeanholland.com/what-is-a-sijanpao/ ) by using containers, spacers, headers and paragraphs. I then added a menu item for both desktop and mobile called: Robert’s Blog, then put the page name underneath.

However, it hammered the mobile performance of my website, which only slowly populates properly to one of our mobile phones. The new blog post hangs indefinitely on our other mobile phone till I force a refresh on the page.

Am I incorrect in building the post like any other page in my site?

Do I not have a necessary setting correct?

I updated the GPP admin login.

Is this not the standardized use of blog posts?

what am I missing?

[Fernando]

Hi Robert,

How you created your Blog Post should be fine. There should be no issues with your settings.

Basically, there other things you need to address for your site’s performance.

1. You need to serve next-gen images. A commonly used image format is webp. In your front page for instance, you can see here how the size of the images is dragging your site’s performance down: https://share.getcloudapp.com/Jru82we0

You can replace the images manually with webp images or, you can also opt to use a plugin for this. This article I found may be helpful: https://www.wpbeginner.com/wp-tutorials/how-to-use-webp-images-in-wordpress/

Try to upload images with image sizes relative to what will be outputted. Don’t upload too big images.

2. Eliminate render blocking resources. This article may be helpful for this: https://kinsta.com/blog/eliminate-render-blocking-javascript-css/

3. I can see that you’re also using Google Fonts. Google font API can slow things down significantly.
You can look to host them locally: https://docs.generatepress.com/article/adding-local-fonts/

[Robert Holland]

Fernando:

We have been using webp on most of the graphics except for the book covers because those images are presented as simulated 3D, i.e., they are not simple graphic squares or rectangles. Since I’m beginning to understand the color paradigm of the new GPP, and we’re running dark backgrounds with turquoise letters, I figured out how to set the column backgrounds and container backgrounds, etc., to #000000, or totally black. We then set the backgrounds of the pngs to #000000 and converted them to webp — they blended seamlessly.

Your suggestion gave me the idea.

And since we’re talking about performance, at what point in developing a beta website like mine, should I toggle caching on. I have ‘WP Super Cache’, but I get so much static and misinformation when caching is on and I need to see modifications in real time, I’ve been keeping this off.

Does GPP have a caching module?

Or, should I toggle caching off and clear the cache before development sessions, then turn it back on after?

Thanks again.

[Fernando]

I see. Thank you for sharing.

With regards to developing or making changes to a site, we highly recommend using a staging site. Through this, you can safely make changes, and disable caching as well so site visitors aren’t affected.

On a Live site, I guess it’s preferential. Depending on your Site’s performance without Caching, it may be alright or not.

You’re welcome Robert!

[Author]

Posts