Case studyCase studyCase Study

OceanSphere Service — Our own studio siteOceanSphere Service — Nasza strona studiaOceanSphere Service — Unsere eigene Studio-Seite

The studio site is both shop window and first engineering sample. It has to load fast, rank well, and speak the three languages we actually work in.Strona studia to jednocześnie witryna i próbka inżynieryjna. Musi ładować się szybko, dobrze rankować i mówić w trzech językach.Die Studio-Seite ist Schaufenster und erste Engineering-Probe zugleich. Muss schnell laden, gut ranken und in den drei Sprachen funktionieren, in denen wir arbeiten.

oceansphere-service.com ↗

01The challengeWyzwanieDie Herausforderung

A studio site that tries to look innovative often ends up slow, JavaScript-heavy and hard to index. We wanted the opposite: static HTML, real i18n without routing gymnastics, fast TTFB and schema-rich content.Strona studia próbująca wyglądać innowacyjnie często kończy jako wolna, JS-ciężka. Chcieliśmy przeciwieństwa: statyczne HTML, prawdziwe i18n, szybki TTFB.Eine Studio-Seite, die innovativ aussehen will, wird oft langsam, JavaScript-überladen und schlecht indexierbar. Wir wollten das Gegenteil: statisches HTML, echtes i18n ohne Routing-Akrobatik, schneller TTFB, schema-reicher Content.

02The solutionRozwiązanieDie Lösung

Plain HTML with JS-toggled language blocks via data-lang attributes. No framework, no build step, no hydration penalty. Nginx static with Let's Encrypt. Trust signals: schema.org Organization, hreflang, contact-ready markup.Czysty HTML z przełącznikiem języka przez data-lang. Bez frameworka, bez buildu. Nginx static z Let's Encrypt.Simples HTML mit JS-umschaltbaren Sprach-Blöcken per data-lang-Attributen. Kein Framework, kein Build, kein Hydration-Penalty. Nginx static mit Let's Encrypt. Trust-Signale: schema.org-Organization, hreflang, kontakt-fertiges Markup.

03Tech stackStack technologicznyTech-Stack

HTMLCSSVanilla JSNginxLet's Encryptschema.orghreflang

04ResultsRezultatyErgebnisse

Sub-second time-to-first-byte on mobile
Three languages (EN/PL/DE) served from one file
Schema.org Organization, hreflang, canonical links
Zero third-party JavaScript in critical path

Sub-sekundowy TTFB mobilny
Trzy języki (EN/PL/DE) z jednego pliku
Schema.org, hreflang, canonical
Zero JS third-party w critical path

Sub-Sekunden-TTFB auf Mobile
Drei Sprachen (EN/PL/DE) aus einer Datei
Schema.org-Organization, hreflang, Canonical
Null Third-Party-JavaScript im Critical Path

05Lessons learnedWnioskiGelernt

Static is still fast. Three languages in one file sounds messy but scales better than three build targets when the content is stable.Statyczne wciąż jest szybkie. Trzy języki w jednym pliku skaluje się lepiej niż trzy build targets.Static ist weiterhin schnell. Drei Sprachen in einer Datei klingt chaotisch, skaliert aber besser als drei Build-Targets, wenn der Content stabil ist.

Have a similar project?Masz podobny projekt?Haben Sie ein ähnliches Projekt?

We build tools like this one for clients, too. From idea to live in 2–6 weeks.Budujemy takie narzędzia dla klientów. Od pomysłu do live w 2–6 tygodni.Wir bauen solche Tools auch für Kunden. Von der Idee zum Live-Betrieb in 2–6 Wochen.

Start a projectRozpocznij projektProjekt starten