Die folgenden Empfehlungen helfen nicht nur bei den Core Web Vitals, sondern verbessern auch die allgemeine SEO-Gesundheit der Website.
Benutzerdefinierte widget werden nicht immer langsam geladen, aber wenn sie Aufrufe an externe APIs oder toolvon Drittanbietern erfordern, können sie dies sein. Schwere widget sind widget , die per Definition externe API-Aufrufe oder Code von Drittanbietern erfordern, um vollständig geladen zu werden. Zum Beispiel das Karten-Widget, Twitter Feed- widget, Video- widget, beliebige Facebook widgetusw.
Hinweis
Der "Fold" einer Website bezieht sich auf den Teil der Webseite, der ohne Scrollen sichtbar ist. Es ist der Inhalt, den Sie sofort sehen, wenn Sie die Seite zum ersten Mal laden. Alles, was Sie nach unten scrollen müssen, um es zu sehen, wird als "below the fold" betrachtet.
Benutzerdefinierte und umfangreiche widget können unterschiedliche Ladezeiten haben, was die LCP und das allgemeine Seitenladeerlebnis verringern kann.
Tipp
Bitten Sie Ihren Entwickler, bei benutzerdefinierten widgetdas Rendern und Abrufen von Inhalten mit Techniken wie asynchronem Laden, Abrufen von Daten aus dem Hauptthread und mehr zu verbessern.
Schriftarten werden automatisch heruntergeladen und in den HTML-Code Ihrer Seite eingebettet (bis zu einem Maximum von 50 KB Schriftart), wodurch die Anzeige von Schriftarten in Ihrem Browser beschleunigt wird. Dies hilft, CLS- und Schriftart-Flashes zu verhindern, die häufig beim Laden von Seiten auftreten.
Tipp
Versuchen Sie auch, die Anzahl der Gewichte so gering wie möglich zu halten.
Laden Sie nur ein einzelnes Bild oberhalb des Falzes und platzieren Sie Hintergrundvideos unterhalb des Falzes
Bilder und Hintergrundvideos sind in der Regel das größte Asset, das Browser von einer Website herunterladen. Wenn es viele Bilder, große Bilder (solche, die den größten Teil der Seitenbreite einnehmen) oder Videos gibt, kann es zu einer Verzögerung bei LCP und einer Erhöhung von CLS kommen, da der Browser die Elemente herunterladen muss, bevor sie gerendert werden können.
Wenn Sie mehrere Bilder oberhalb des Falzes benötigen, reduzieren Sie die Größe des Bildes auf die eines Symbols oder einer Miniaturansicht.
Tipp
Verschieben Sie Hintergrundvideos und Diashows auf der Seite nach unten. Wenn Sie eine Diashow verwenden möchten, beschränken Sie sie auf 3 Bilder oder weniger.
Core Web Vitals können einen großen Einfluss darauf haben, wie Websites von Google eingestuft werden, und versprechen, großartige Dinge für die Benutzererfahrung zu tun.
Videos, Webinar-Wiederholungen und vieles mehr finden Sie in unserem Core Web Vitals Resource Center, das sich ganz auf die Vorbereitung Ihrer Website auf Core Web Vitals konzentriert.