Google hat angekündigt, dass Core Web Vitals (CWV) ein SEO-Faktor sein werden, und das Datum rückt näher: Mai 2021. Daher sehe ich einige Bemühungen, sicherzustellen, dass diese Metriken gut sind. Sie wissen schon, die Akronym-Suppe: CLS, LCP und FID. Es gibt immer mehr Tools zur Messung und Diagnose von Problemen. Hoffentlich haben Sie nach der Diagnose einige Ideen, wie Sie diese beheben können. Wenn Sie zum Beispiel eine schlechte CLS haben, liegt das daran, dass Sie Elemente (wahrscheinlich Anzeigen) laden, die das Layout verschieben, und Sie sollten entweder damit aufhören oder im Voraus Platz dafür schaffen, damit es weniger Verschiebungen gibt.
Aber was ist mit LCP? Was ist, wenn Sie dieses große Hero-Bild haben, das lange zum Rendern braucht und Ihnen eine schlechte LCP-Zahl beschert? Der Trick von Chris Castillo besteht darin, das Hintergrundbild des Helden überhaupt nicht zu laden, bis der Benutzer auf irgendeine Weise interagiert. Das erscheint mir seltsam, aber Chris hat einige Tests durchgeführt und festgestellt, dass einige Benutzer es nicht wirklich bemerkt haben.
Obwohl dies das Ziel erreicht, ist es nicht ohne Kosten. Das Hintergrundbild wird erst geladen, wenn der Benutzer mit dem Bildschirm interagiert, daher muss bis zum Laden des Bildes ein Fallback verwendet werden. Ich habe ein paar Freunde gebeten, die Seite auf ihren Handys zu laden und mir zu sagen, ob ihnen etwas Merkwürdiges an der Seite aufgefallen ist, und keiner von ihnen bemerkte etwas "Ungewöhnliches". Was ich beobachtet habe, ist, dass die wenigen Freunde, die ich um Tests gebeten habe, alle ihre Finger auf dem Bildschirm hatten oder den Bildschirm schnell berührten, während die Seite geladen wurde, sodass es so schnell geschah, dass sie es nicht bemerkten.
Es ist ein feiner Trick, den Chris dokumentiert, aber der Punkt ist, eine Maschine dazu zu bringen, Ihnen bessere Testergebnisse zu liefern. Dies fühlt sich wie der Beginn einer seltsamen neuen Ära der Web-Performance an, in der die Metriken der Web-Performance sich zu nutzerzentrierten Messungen verschoben haben, aber die Leute trickreiche Strategien implementieren, um diese Zahlen mit Methoden zu manipulieren, die, wenn überhaupt, die Benutzererfahrung *leicht* beeinträchtigen.
Ugh… Fühlt sich an wie die alten Zeiten, in denen man unsichtbare Schlüsselwörter im Footer seiner Seite versteckte, um zu versuchen, die Suchmaschinen zu täuschen. Ich hasse SEO so sehr. Es schadet mehr oft als nicht der Benutzererfahrung und fühlt sich einfach schmutzig an. Ich hasse es, dass es uns zwingt, Hacks zu verwenden.
SEO zwingt nichts. Suchmaschinen versuchen, Seiten und Artikel zu empfehlen, in denen ihre Benutzer einen Wert finden. Wenn Sie möchten, dass die Engine Sie nach Benutzerfreundlichkeit und Relevanz einstuft, erstellen Sie benutzbare und relevante Inhalte. Alles, was das System täuscht, wird ziemlich schnell aufgedeckt, da Google die Rangfolge im Verhältnis zu den Engagement-Metriken überwacht und die Algorithmen entsprechend anpasst. Es gibt viele Dinge, die man an Suchmaschinen kritisieren kann, wie z. B. das Kopieren Ihrer Inhalte direkt in die Suchergebnisse, aber bessere Ranking-Algorithmen gehören nicht dazu.
+1 dazu.
s/WCV/CWV/Es sind Core Web Vitals. Das ist der Kommentar :-)
Vielen Dank
Auf dem Gatsby-Blog gibt es einen Artikel darüber, Analysen erst dann zu laden, wenn der Benutzer interagiert. Man verliert einige Daten, gewinnt aber eine bessere gemessene und tatsächliche Leistung.
Ich denke, wir werden das noch oft sehen.
Es ist definitiv eine Art von "progressiver Verbesserung" und nicht unbedingt ideal.
Interessanterweise hat Gigo Varghese gestern Lazy Rendering für sein FlyingPress-Plugin veröffentlicht.
Dieses Lazy Rendering tut etwas Ähnliches, nutzt aber die neue `content-visibility`-CSS-Eigenschaft.
https://web.dev/content-visibility/
Das einzige Problem bei diesem Ansatz ist, dass die Browserunterstützung derzeit ziemlich schlecht ist – nur etwa 60 % Unterstützung in modernen Browsern.
Die Art von Strategie, die ich in meinem Artikel skizziert habe, ist fast wie ein Polyfill für das, was meiner Meinung nach ein Standard in Bezug auf Browserfunktionen sein sollte, die Entwickler nutzen können – wie `content-visibility`.