~/home / website-city
✨ n8n · just for fun
Your website as a city.
Every website is a city. The homepage is the glowing spire in the centre, each section (/blog, /tools …) is a district, its subpages are the towers. Security headers span an energy dome, loading time flows as light across the bridges. Enter a domain, and an n8n workflow surveys it live.
- Pages–
- Districts–
- Weight–
- TTFB–
- Security–
- Mail–
- TLS–
- HTTP–
◈ AI city guide
City map
Structure not availableThis city was built without a city map (an older survey or no readable structure). The districts in the picture are placeholders.
Legend: what the city means
- Centre = homepage
The glowing spire in the centre is your homepage (/). Bridges lead from it to every section.
- District = section of your website
Each platform is a section such as /blog or /tools. More pages, bigger district.
- Towers in a district = subpages
Named towers are subsections, their height grows with the page count (logarithmic). The other towers fill the district by page count.
- Light packets = load time
Packets on the bridges show the response time (TTFB): fast below 0.6 s, slow up to 1.5 s, above that a red jam.
- Dome = security headers
Six emitters on the edge span the dome: HSTS, CSP, nosniff, Frame, Referrer, Permissions. A missing header leaves a red breach in its segment.
- Energy core = TLS
The core at the entrance glows with valid HTTPS and shows the days left on the certificate. Without HTTPS it stays red.
- Antenna = e-mail protection
Green signal: SPF and an enforcing DMARC. Yellow: partly. Red: senders are easy to fake.
- Holo panels = technology
Above the tallest towers float the technologies the workflow detected.
- Rings = languages
Coloured rings around the centre: one ring per language version of the site.
- Click = open the page
Click a district or a tower to open that section of the website; the centre opens the homepage.
Recently built cities
Cities of other visitors. Tap a city to open it.
How it works
- WebhookYour click starts an n8n workflow on my server, with the domain attached.
- CheckpointFirst a safety check: is the domain public and allowed? Plus the final URL after redirects, security headers, TLS, SPF and DMARC.
- Three requests at onceIn parallel n8n fetches the homepage, sitemap.xml and sitemap_index.xml.
- MergeA Merge node waits until all three answers are in and joins them.
- Read the city mapA Code node reads sections, subsections, depth and languages from the sitemap. Without a sitemap the homepage links serve as the map; child sitemaps are fetched too.
- Survey the cityLoad time, weight and requests of the homepage are measured and combined with the check results into scores and an overall grade.
- AI city guideAn AI model hosted at IONOS in Germany writes the city tour and names the city. A Code node checks the text.
- IngestThe result lands on the server as JSON, and this page draws the city from it.
Privacy: only publicly reachable things are checked (homepage, sitemap, headers, DNS records). The domain and the result are stored so the link works, but your IP address is not kept. More in the privacy policy
So the generator does not overheat, there is a short pause between two cities and a limit per hour.
More serious: the website report card with grades and tips →