Highlights des HTTP Archive Web Almanac

Avatar of Chris Coyier
Chris Coyier am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Ich habe mir kürzlich das CSS-Kapitel des Web Almanac angesehen und einige Gedanken dazu gehabt. Hier blickt Stefan Judis auf das Ganze und fasst die für ihn interessantesten Punkte zusammen. Hier sind die meisten davon

  • 20 % der Websites komprimieren ihren JavaScript-Code *nicht*.
  • React ist auf 5 % der Websites zu finden, während jQuery auf 85 % der Websites verwendet wird. (Daher mein Augenzwinkernder Tweet)
  • Native JavaScript-Imports sind unter 1 % (wir bündeln alle noch, was uns vorerst, wie uns gesagt wird, als der richtige Weg gilt).
  • Flexbox wird zu 50 % verwendet, Grid nur zu 2 %. (Ich habe bereits angemerkt, wie verrückt ich das finde, da die Browserunterstützung nicht wesentlich unterschiedlich ist und Grid meiner Meinung nach, IMO, generell nützlicher ist.)
  • 20 % der Websites verwenden responsive Bilder. (Interessant, da WordPress dies standardmäßig tut und etwa 34 % des Webs antreibt. Vielleicht gibt es viele wirklich alte, veraltete WordPress-Versionen da draußen?)
  • Die Verwendung von font-display liegt bei 26 %, was mich überrascht, da es relativ neu und etwas esoterisch ist (so sehr ich es auch liebe).
  • HTTPS ist bei 80 %. Ebenfalls überraschend, wenn man bedenkt, was für eine Mühe es ist, wenn der Hoster es nicht standardmäßig anbietet.
  • 4 von 5 Websites weisen Probleme mit dem Farbkontrast auf. Nicht überraschend, aber ich frage mich, wie viele Falschmeldungen hier enthalten sind. Das habe ich bei automatisierten Tools oft gesehen.
  • 1 von 4 Websites gibt kein lang-Attribut an.
  • 4 von 5 Formularen haben keine Labels für ihre Eingabeelemente. WASSSSSS.
  • 0,44 % der Websites verwenden einen Service Worker. Ich bin ein Fan, aber sie sind (1) zu schwierig und (2) fühlen sich zu gefährlich an, um damit zu experimentieren.
  • 2 von 3 Seiten haben eine enorme Inhaltsverschiebung während des Ladens. (Denken Sie daran, width- und height-Attribute für Bilder hinzuzufügen, was Inhaltsverschiebungen verhindert. *Enorm*.)
  • Wir hören, dass WordPress 1/3 des Webs antreibt, aber eine weitere interessante verwandte Statistik ist, dass, *wenn* Sie ein CMS verwenden, die Wahrscheinlichkeit zu 75 % beträgt, dass es sich um WordPress handelt.
  • Nur 20 % der Websites verwenden ein CDN (für das HTML). Ich bin sicher, dass es für Assets höher ist.
  • Wir bewegen uns immer noch mit einer durchschnittlichen Seitengröße von 2 MB. Alles hängt davon ab, aber wenn wir versuchen, im Allgemeinen bewusste Menschen zu sein, sagen wir, wir streben die Hälfte davon an.

Direkter Link →