Welcome Guest, Not a member yet? Register   Sign In
Website Rendering Issue
#1

Anybody know about website Rendering issues? I have website showing good live but when i check my website Live Test HTML code from GSC it show many section up and down, nothing align, why this happening, any developer know why?
Reply
#2

Usually that is caused by a missing css or js file or path link.

hit F-12 key in your web browser to bring up the developers tools console and see
if it is getting any errors.
What did you Try? What did you Get? What did you Expect?

Joined CodeIgniter Community 2009.  ( Skype: insitfx )
Reply
#3

Yes, this is actually a common issue that many site owners face, especially when relying heavily on JavaScript or external CSS files.

When you check your site using Google Search Console's Live Test or URL Inspection Tool, Google renders the page using a headless browser—but sometimes it doesn’t fully load all external resources (like CSS or JavaScript), especially if they're blocked by robots.txt or hosted in a way that delays rendering.

Here are a few things you can check:

Check robots.txt – Make sure you're not accidentally blocking Google from accessing your CSS/JS files. These resources are crucial for rendering the page correctly.

Use inline or critical CSS – Relying solely on external CSS may delay proper rendering. Google may see a “unstyled” version of your page if styles don’t load fast enough.

JavaScript rendering delay – If your layout depends on JS to shift or style elements after load (common in builders like Elementor, WPBakery, etc.), GSC might render it before the JS fully executes.

Page loading speed & LCP – If your layout shifts due to lazy loading or slow server response, it may appear broken or misaligned in test results even if it looks fine live.

Use Mobile-Friendly Test or Lighthouse – These tools give more insights into what Google sees during rendering and whether your site layout shifts due to missing or delayed resources.
Reply
#4

(This post was last modified: 06-18-2025, 04:24 AM by captain-sensible. Edit Reason: usual suspects )

another one that can stop  things rendering is web Content Security Policy  (CSP) .Web code  can be  correct, but images  etc dont get rendered , if csp  not done properly .    To script-src  i had to play around and add
Code:
  https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js      https://www.googletagmanager.com 

For csp reference see

csp ref
CMS CI4 A CMS system, runs out of the box written on top of CI4
Arch Book  CodeIgniter4 on Apache(pages 92-114) 
Reply




Theme © iAndrew 2016 - Forum software by © MyBB