Inconsistent issue: At times, blog post rendering on front end does not match what I designed in Pro

[Hjfinch]

I’m having an intermittent issue. I cannot diagnose what is causing the problem to happen sometimes, but not always.

My goal is to understand what is happening and ensure that it doesn’t happen when clients read my blog.

This is in reference to this blog post: https://theenergylogic.com/blog/the-biden-housing-plan-part-1/

At my most recent check, it is rendering correctly on the front end.
But, earlier this morning, it was not rendering correctly.

I did not change anything that would logically cause this to happen or resolve.

This is what is should look like:

But, for myself and a co-worker on a different computer, this morning and some yesterday it was rendering like this on the front end:

When it renders incorrectly, it seems to be showing the universal H2/H3/etc formatting, instead of the custom formatting I have designed for this blog.

When the post was rendering incorrectly, I was able to re-produce the incorrect rendering in Microsoft Edge and Chrome Incognito.

What insight do you have on what would cause this to happen and how I can avoid it in the future?

[ruenel]

Hello @Hjfinch,

Thanks for writing in! When checking your site, I am seeing the correct one that looks the same as what you have in the builder.

You may be experiencing some caching issue since you are using WPMUCDN. This means that in every site changes and updates, you will have to clear your CDN caches before testing your site again.

Best Regards.

[Hjfinch]

Thank you, but that does not answer my question.

Maybe I can be more clear:

1. When I put in my support ticket, it was rendering correctly on the front end for me as well.

2. That being said, it had rendered incorrectly on the front end the day before, for myself and another coworker that tested it. On a variety of browsers on desktop.

3. I had not made any formatting changes that would have caused it to show up with the large orange headings. That has never been the post’s design. I’ve used this post template hundreds of times without this issue. So, I don’t see how WPMUCDN would affect the rending issue. I understand caching, but a version that looked like that never existed on the backend.

Which again leads to my question - what could cause that formatting issue to happen and how can I avoid it in the future? I do not like having issues that occur randomly on my websites that I cannot explain to clients.

[ruenel]

Hello @Hjfinch,

Thanks for the updates. In most cases, the caching issues are the cause of all this. You may have added a caching plugin like Breeze, Autoptimize, WP Super Cache, etc. Or your server has a caching mechanism that caches the site. The browser caches the page as well. The caching happens for faster loading of the page. When the cache is not synced with the changes made on the site, it displays differently. Clearing the plugin caches, the site cache or forcing the browser to reload the page should display the latest changes.

Hope this helps.