BuzzFeed ist steht für mich persönlich für krasse Clickbaits, lästige Listicals und weiträumige Werbemittel. Recht häufig habe ich sie als Beispiel für diese Art von Domains genannt, die mit ihrer Werbung Nutzern auf den Senkel gehen, ohne adäquaten inhaltlichen Mehrwert zu schaffen.
Meine tatsächliche Nutzererfahrung beschränkt sich auf den ein oder anderen Clickbait, auf den ich reingefallen bin, dessen Auflösung ich nie erfahren habe, weil ich nicht die Geduld hatte, auf die Werbemittel zu warten, sowie den ein oder andere Aufruf zur Demonstration von CLS-Problemen.
BuzzFeed hat hier aber in den letzten Monaten enorm viel getan.
-
BuzzFeed hat die Basics glattgezogen: Elemente wie Bilder haben eine feste width und height erhalten und für dynamische Elemente wie Tik Tok-Embeddings oder Werbemittel werden statische Platzhalter für den Educated Guess der wahrscheinlichsten Größe vorgesehen. Aber das hat natürlich nicht gereicht.
-
Die Entwickler von BuzzFeed haben daraufhin Daten von der Layout Instability API mit der eigenen Analytics Pipeline verknüpft und damit Details zu den größten Layout Shifts bei echten Nutzern erhoben, um herauszufinden, wo der Hase im Pfeffer liegt. Das ist ein interessanter Ansatz, wenn man die Probleme wirklich nicht mit Labortests identifizieren kann. Nicht ohne Selbstironie konnten die Entwickler so "this one weird trick" identifizieren, um den Threshold fast zu knacken. Aber das hat natürlich noch nicht gereicht.
-
Hier war ich wirklich beeindruckt. BuzzFeed hat bei den mannigfaltigen Social-Embeds eine unvorhersehbare Fülle an Formaten. Um dafür passende Placeholder zu definieren, haben sie erneut ihre Analytics-Pipeline aufgebohrt und erheben die tatsächlichen Dimensionen der Elemente bei echten Nutzern und generieren automatisiert die Größe der Embeds. Das war sicherlich eine Mammutaufgabe, aber es hat die letzten Prozentpunkte gebracht, die sie brauchten, um die verbleibenden Probleme, die die Werbebanner verursachen, ignorieren zu können.
Insgesamt ein beeindruckendes Stück CLS-Optimierung, das auch schön dargestellt ist. Fun Fact zum Ende: Für die Origin Daten von BuzzFeed sieht es jetzt gut aus, aber die Startseite hat von der Optimierung nicht viel abbekommen ¯\\(ツ)\/¯.