Die wichtigsten Begriffe
Headless
Trennung von Inhalt (Backend) und Darstellung (Frontend), verbunden über eine API.
Composable / MACH
Ein Stack aus austauschbaren Best-of-Breed-Bausteinen; MACH steht für Microservices, API-first, Cloud-native und Headless.
Headless CMS
Ein Content-Management-System, das Inhalte per API liefert, ohne eigenes Frontend.
DatoCMS
Das headless CMS, mit dem Gridonic arbeitet – cloud-nativ, schnell und redaktionsfreundlich.
Core Web Vitals
Googles Messwerte für Ladezeit (LCP), Reaktionsfähigkeit (INP) und visuelle Stabilität (CLS).
Edge Rendering
Auslieferung von Inhalten von einem Knoten nahe am Nutzer – für maximale Geschwindigkeit weltweit.
GEO / LLMO
Optimierung dafür, in den Antworten von KI-Systemen wie ChatGPT oder Gemini zitiert zu werden.
Design System
Eine Bibliothek wiederverwendbarer Komponenten und Design-Tokens als zentrale Quelle der Wahrheit.
Progressive Web App (PWA)
Eine Web-App, die sich wie eine native App verhält – installierbar und offline-fähig.
SXO
Search Experience Optimization – klassisches SEO plus Sichtbarkeit in KI-/LLM-Suche, vereint mit guter UX.
LCP (Largest Contentful Paint)
Misst, wann das grösste sichtbare Element einer Seite geladen ist; guter Wert: unter 2,5 Sekunden.
INP (Interaction to Next Paint)
Misst die Reaktionszeit einer Seite auf Nutzerinteraktionen über die ganze Sitzung; guter Wert: unter 200 Millisekunden.
CLS (Cumulative Layout Shift)
Misst die visuelle Stabilität einer Seite während des Ladens; guter Wert: unter 0,1.
TTFB (Time to First Byte)
Zeit, bis der Server die ersten Daten an den Browser liefert – oft ein Hosting- oder CDN-Thema.
FCP (First Contentful Paint)
Zeit, bis der erste sichtbare Inhalt auf dem Bildschirm erscheint.
CDN (Content Delivery Network)
Verteiltes Servernetz, das Inhalte vom geografisch nächsten Standort ausliefert.
Lazy Loading
Inhalte wie Bilder ausserhalb des Sichtbereichs werden erst geladen, wenn sie gebraucht werden.
Caching
Zwischenspeichern von Dateien, damit wiederholte Seitenaufrufe deutlich schneller sind.
Nuxt
Vue-basiertes Web-Framework für schnelle, serverseitig gerenderte Frontends.
Astro
Web-Framework, das standardmässig wenig JavaScript ausliefert – ideal für performante Sites.
Three.js
JavaScript-Bibliothek für 3D-Grafik im Browser auf Basis von WebGL.
WebGL
Browser-Technologie zur hardwarebeschleunigten Darstellung von 2D- und 3D-Grafik.
GSAP
Animationsbibliothek für performante, komplexe Web-Animationen.
API
Schnittstelle, über die Systeme Daten und Funktionen austauschen.
GraphQL
Abfragesprache für APIs, die genau die angefragten Daten liefert – nicht mehr und nicht weniger.
SSR (Server-Side Rendering)
HTML wird auf dem Server gerendert und fertig an den Browser ausgeliefert.
SSG (Static Site Generation)
Seiten werden beim Build vorgerendert und als statische Dateien ausgeliefert.
Hydration
Prozess, bei dem statisch ausgeliefertes HTML im Browser interaktiv gemacht wird.
Microservices
Architektur aus kleinen, unabhängig betreibbaren Diensten statt einem Monolithen.
API-first
Entwicklungsansatz, bei dem jede Funktion zuerst als API verfügbar ist.
Cloud-native
Software, die für den Betrieb in der Cloud konzipiert ist – skalierbar und ausfallsicher.
IndexNow
Protokoll, das Suchmaschinen sofort über neue oder geänderte Inhalte informiert.
Webhook
Automatische Benachrichtigung von System zu System bei einem Ereignis – z. B. Publish löst einen Build aus.
Modular Content
DatoCMS-Feldtyp für flexibel zusammensetzbare Inhaltsblöcke.
Structured Text
Strukturiertes, maschinenlesbares Rich-Text-Format in DatoCMS.
Visual Editing
Inhalte direkt in der Vorschau anklicken und bearbeiten, ohne Felder zu suchen.
Drupal
Etabliertes Open-Source-CMS, das sich auch headless einsetzen lässt.
Statamic
Flat-File-CMS, ideal für schlanke, statische Websites.
Imgix
Bild-CDN, das Bilder automatisch für Gerät und Netzwerk optimiert ausliefert.
Mux
Plattform für performantes On-Demand-Video-Streaming.
UX (User Experience)
Das gesamte Erlebnis, das ein Nutzer mit einem Produkt hat.
UI (User Interface)
Die visuelle und interaktive Oberfläche eines Produkts.
User Flow
Der Weg, den ein Nutzer durch eine Anwendung nimmt, um ein Ziel zu erreichen.
Prototyping
Interaktives Modell zum Testen von Konzepten vor der Entwicklung.
Conversion
Die gewünschte Handlung eines Nutzers – etwa eine Anfrage oder ein Kauf.
Barrierefreiheit (Accessibility)
Gestaltung, die für alle Menschen nutzbar ist, auch mit Einschränkungen.
Generative UI
KI erzeugt funktionale Interface-Bausteine aus einer natürlichsprachigen Beschreibung.
SEO
Suchmaschinenoptimierung für bessere Sichtbarkeit in der organischen Suche.
Meta Description
Kurzbeschreibung einer Seite für Suchergebnisse und Social-Media-Vorschauen.
Canonical Tag
Verweist auf die bevorzugte URL einer Seite und verhindert Duplicate Content.
hreflang
Auszeichnung der Sprach- und Länderversionen einer Seite für Suchmaschinen.
Sitemap
Maschinenlesbare Liste aller indexierbaren URLs einer Website.
robots.txt
Datei, die Crawlern sagt, welche Bereiche einer Website sie crawlen dürfen.
Open Graph
Meta-Tags, die steuern, wie ein Link in sozialen Medien dargestellt wird.
Zero-Click Search
Suchanfragen, die direkt beantwortet werden, ohne dass auf eine Website geklickt wird.
Visual Design
Die gestalterische Ebene einer Oberfläche: Farben, Typografie, Bildsprache und Komposition.
Fluid Design
Layouts, die stufenlos mit der Viewport-Grösse skalieren – etwa über CSS clamp() – statt nur an festen Breakpoints zu springen wie klassisches Responsive Design.
Information Architecture (IA)
Struktur und Organisation von Inhalten, damit Nutzer sich zurechtfinden und Inhalte logisch auffindbar sind.
Grid
Ein Gestaltungsraster aus Spalten und Abständen, das Layouts konsistent und ausgewogen strukturiert.
Styleguide
Dokumentation der visuellen Regeln einer Marke – Farben, Typografie, Komponenten – als Grundlage für konsistentes Design.
User Journey
Die gesamte Reise eines Nutzers über mehrere Touchpoints und oft über einen längeren Zeitraum hinweg.
User Interface Design
Die Disziplin, die visuelle und interaktive Oberfläche so zu gestalten, dass sie klar, konsistent und gut bedienbar ist.
Modul
Ein wiederverwendbarer Inhalts- oder Layout-Baustein, aus dem Seiten zusammengesetzt werden – in DatoCMS z. B. die Content-Module.