Assistance Required: Performance Optimization and Layout Shift Issues in Blog Posts

Hi there,

I am currently developing a company blog using WebsiteX5 and have encountered several performance and stability issues. I would appreciate your guidance to determine if these are configuration errors on my end or limitations within the engine.

Below are the details of the metrics I am seeing:

• PageSpeed Insights Score: Consistently between 70 and 80.

• Largest Contentful Paint (LCP): Ranging from 3.0s to 4.4s.

• Cumulative Layout Shift (CLS): Currently below 1.0, though this remains a point of concern.

• Layout Shift Duration: Culprits identified between 1,500ms and 3,000ms.

• Image Optimization: The largest image used is only 5.5 KB.

• Typography: Using standard Arial fonts.

Specifically, I have observed the following layout shift data regarding the #imBlogContent > div.imBlogPostBody element:

Previous State: { x: 101, y: 230, width: 0, height: 377, top: 230, right: 0, bottom: 607, left: 101 }

Current State: { x: 0, y: 0, width: 0, height: 0, top: 0, right: 0, bottom: 0, left: 0 }

Additionally, I have noticed that on mobile viewports, the text is rendering with zero margins on the left. I have attempted to correct this using CSS. 

My main website https://www.pamsmaritime.com with 64 pages is going well mobile score in Pagespeed insight 99 mobile 100 desktop, but the blog https://blog.pamsmaritime.com/index.php is with bad results. Cloudfare flaging the blog article all the time.

Any advice and solution is higly appreciated.

Regards,

Nektarios