Beschleunige die Ladezeit von Seiten.

Squarespace verfügt zwar über eine Reihe von Maßnahmen, um schnelle Ladezeiten zu gewährleisten, aber die Inhalte, die zu deiner Website hinzugefügt werden, haben Auswirkungen auf die Ladegeschwindigkeit. Beispielsweise können Seiten mit vielen Bildern langsam geladen werden, insbesondere auf Mobilgeräten und langsameren Verbindungen.

Wenn möglich, solltest du jede Seite deiner Website auf 5 MB oder weniger beschränken.

Verwende diese Anleitung, um die Größe einzelner Seiten zu überprüfen und deine Seitengröße in diesen idealen Bereich zu bringen. Dies trägt dazu bei, die Ladezeit auf deiner Website zu verkürzen. Weitere Informationen zu häufig auftretenden Problemen im Zusammenhang mit der Ladezeit der Website findest du unter Meine Website wird langsam geladen.

Ladegeschwindigkeit der Seite überprüfen

Um ein Gefühl für die Ladezeit deiner Website zu erhalten, verwende Tools wie Pingdom, GTmetrix, PageSpeed Insights von Google oder das integrierte Tool zur URL-Inspektion deines Browsers. Mit Google Chrome kannst du beispielsweise die folgenden Schritte ausführen:

1. Öffne Entwicklertools.
2. Klicke auf den Netzwerk-Tab.
3. Aktualisiere die Seite, um die Ladezeit anzuzeigen.

Beachte, dass diese Tools besser für Websites geeignet sind, die von Grund auf neu programmiert wurden, als für Websites, die mit einem CMS erstellt wurden. Da Squarespace-Websites ein CMS verwenden, können einige Tools falsch negative Ergebnisse zurückgeben. Wenn bei der Verwendung dieser Tools ein Fehler oder eine unterdurchschnittliche Geschwindigkeit angezeigt wird, bedeutet dies nicht unbedingt, dass ein Problem mit deiner Website vorliegt.

Deine Seitengröße überprüfen

Wenn das Laden einer Seite länger als gewünscht dauert, überprüfe die Seitengröße.

Eine Möglichkeit dafür sind die Entwicklertools von Chrome:

1. Öffne Google Chrome. Wenn du bei Squarespace angemeldet bist, melde dich ab oder öffne ein privates Browserfenster.
2. Öffne einen neuen Tab.
3. Öffne die Entwicklertools von Chrome. Tastaturkürzel:

• Mac – ⌘ + Option + J
• Windows – Strg + Umschalttaste + J

1. Öffne im selben Tab die Seite, die du überprüfen möchtest. Die Entwickler-Tools müssen geöffnet bleiben.
2. Klicke in den Entwicklertools auf den Tab Netzwerk. Wenn in diesem Tab keine Informationen angezeigt werden, aktualisiere die Seite.
3. Überprüfe die Gesamtseitengröße am unteren Bildschirmrand. Im Beispiel unten wird sie als „1,0 MB übertragen“ angezeigt.
4. Klicke auf die Spalte Größe, um den Seiteninhalt nach Größe zu sortieren. Dies zeigt die Teile der Seite, die am meisten Speicher beanspruchen und möglicherweise die Website verlangsamen, insbesondere auf Mobilgeräten. Bei den größeren Inhalten handelt es sich höchstwahrscheinlich um Bilder. Klicke auf den Namen der Datei, um das Bild zu sehen.

Du solltest eine Seitengröße von 5 MB oder weniger anstreben. 1 MB ist die sicherste Größe für Mobilfunkverbindungen. Wenn deine Seite größer ist, lies unsere folgenden Tipps zum Reduzieren der Seitengröße.

Deine Seitengröße reduzieren

Da Inhalte auf den meisten Seiten gleichzeitig geladen werden, dauert das Laden von inhaltsreichen Seiten länger. Wenn eine Seite größer als 5 MB ist, kann das Entfernen von Inhalten oder das Reduzieren der Größe deiner Bilder dazu beitragen, dass sie schneller geladen wird.

So reduzierst du den Inhalt einer Seite:

• Stelle sicher, dass nicht mehr als 60 Blöcke pro Seite verwendet werden. Um einen Block von einer Seite zu entfernen, besuche Blöcke löschen.
• Wenn die Seite mehr als ein Thema enthält, teile sie in mehrere Seiten auf. Dies kann es Besuchern auch erleichtern, die gewünschten Informationen zu finden, und dazu beitragen, die SEO deiner Website zu verbessern.
• Reduziere die Anzahl der Videos. Eingebettete Inhalte wie YouTube- oder Vimeo-Videos können die Ladezeiten erhöhen, insbesondere auf Mobilgeräten. Verteile die Videos stattdessen mithilfe von Links auf mehrere Seiten, um Besuchern zu helfen, von einer Seite zur anderen zu navigieren.
• Wenn deine Blog-Landing-Page langsam geladen wird, verwende Blog-Auszüge, um Vorschauen für jeden Beitrag hinzuzufügen, anstatt den vollständigen Text des Beitrags anzuzeigen. Du kannst auch AMP aktivieren, damit Beiträge auf Mobilgeräten schneller geladen werden.
• Wenn deine Website gestapelte Index-Seiten verwendet (Version 7.0), reduziere die Anzahl der Abschnitte, insbesondere Abschnitte mit Galerien.

Ladezeiten von Bildern verbessern

Das Laden großer Bilder und Seiten mit vielen Bildern kann lange dauern. Wenn du einige Best Practices befolgst, kannst du die Ladezeiten von Seiten mit vielen Bildern beschleunigen.

Bildgröße reduzieren

Verwende Bilder unter 500 KB mit einer Breite von 1500 Pixel bis 2500 Pixel. Um eine kleinere Bilddatei hochzuladen, ändere die Größe mit einer Bildbearbeitungssoftware eines Drittanbieters, bevor du sie hochlädst. Ein Bildkompressor wie JPEGmini kann helfen, die Dateigröße zu reduzieren, ohne die Qualität zu beeinträchtigen. Weitere Tipps zu Bildern findest du unter Bilder für Websites formatieren.

Tipp: Optimiere die Bildgrößen, indem du die TinyIMG-Erweiterung verbindest. TinyIMG ersetzt übergroße Bilder durch komprimierte Versionen und sorgt so für ein schnelleres Laden der Seite bei gleichbleibender Bildqualität. Wir arbeiten zwar mit Drittanbieter-Services zusammen, um sicherzustellen, dass Squarespace Extensions ordnungsgemäß funktionieren, jedoch fallen Erweiterungen nicht in den Zuständigkeitsbereich unseres Supports. Wir können dir beim Verbinden oder Trennen deiner Erweiterungen behilflich sein. Bei allen anderen Fragen wende dich bitte direkt an den Anbieter der Erweiterung.

Galerien nicht überladen

Beschränke Galerien auf jeweils 50 Bilder. Stell dir Galerie-Abschnitte, Galerie-Blöcke und Galerie-Seiten als Vitrinen vor und nicht als Gesamtbestand.

.jpg-Bilder verwenden

Verwende nach Möglichkeit JPG-Bilder. Beschränke die Verwendung von GIF-Dateien oder Animationen.

Ajax Loading aktivieren (Version 7.0)

Wenn deine Website Version 7.0 nutzt und dein Template dies unterstützt, aktiviere Ajax Loading. Ajax lässt das Laden von Seiten schneller und nahtloser erscheinen. Diese Option ist ideal für inhaltsreiche Seiten wie Blog- und Galerie-Seiten.