Performance und Barrierefreiheit

Eingebaut

• Rund 3 KB JavaScript beim Start. Der Code jeder Funktion lädt nur auf Seiten, die sie nutzen – und erst, wenn sie ins Bild scrollt.
• Responsive Bilder in der passenden Größe für jeden Bildschirm, unterhalb des sichtbaren Bereichs verzögert geladen. Das erste große Bild wird vorgeladen.
• Lighthouse mobil: Performance 90–95 und Barrierefreiheit 97–100 auf Start-, Produkt- und Kollektionsseite unseres Demo-Shops.
• Vollständige Tastaturbedienung mit sichtbarem Fokus; der Fokus bleibt in geöffneten Schubladen und springt danach zurück.
• Pausierbare Slideshows und Laufschriften sowie Bewegung, die der Einstellung „Bewegung reduzieren“ folgt.
• Klickflächen von mindestens 44 px, ausreichende Farbkontraste und Layouts, die auch von rechts nach links funktionieren.

So bleibt dein Shop schnell

• Lade Bilder mit etwa 2.000–3.000 px an der langen Seite hoch. Shopify liefert automatisch kleinere Versionen aus – riesige Dateien sind nicht nötig.
• Installiere nur Apps, die du wirklich nutzt. Jede App lädt eigene Skripte auf jeder Seite.
• Ein Hero-Bild oder eine kurze Slideshow ist besser als viele automatisch startende Videos im sichtbaren Bereich.
• Hinterlege Alt-Texte für Produkt- und Inhaltsbilder (in den Bildeinstellungen in Admin und Editor). Das hilft Screenreadern und Suchmaschinen.