kulturbanause Blog

Responsive Design, WordPress, Konzeption, HTML, CSS, JS & UX/UI …


Ladezeit der Website wird Ranking-Kriterium für mobile Suchanfragen

Google hat offiziell angekündigt, dass die Geschwindigkeit von Websites ab Juli 2018 ein Ranking-Kriterium für die Suche auf mobilen Geräten wird. Das ist im Grunde genommen nicht neu, allerdings wurden bisher nur vom Desktop aus gestartete Suchanfragen berücksichtigt. Für die Zukunft heißt das, dass Entwickler noch stärker für langsamere mobile Netzwerke optimieren müssen, um ein gleichbleibend gutes Ranking bei Google erzielen zu können.

Direkter Link zum Artikel

Bootstrap 4 ist da!

Es hat über drei Jahre gedauert aber jetzt ist es da – Bootstrap 4. Die Beta Phase ist offiziell vorbei und die stabile Version der Frontend-Library in Version 4 ist zum Download verfügbar. Neben der Überarbeitung der Print Styles, dem Umgang mit Borders und der Erweiterung der Flexbox-Grids wurde in den letzten Zügen der Beta Phase auch das Markup von Checkboxen und Radio-Controls auf die Validierungsmöglichkeiten von Formulareingaben ausgerichtet. Außerdem wurde daran gearbeitet die Dokumentation und Beispiele auf den neusten Stand zu bringen.

Direkter Link zum Artikel

CSS asynchron laden

Laut dem Analyse-Tool PageSpeed Insights von Google sollen JavaScript- und CSS-Ressourcen, die das Rendering blockieren, nicht in Inhalten »above the fold« (ohne Scrollen sichtbar) vorhanden sein.
Code, der nicht inline im Dokument eingebunden sondern in eine eigene Datei ausgelagert ist, blockiert das Rendering. Daher empfiehlt es sich JavaScript am Ende der Seite vor dem schließenden <body>-Tag anzubringen. Für CSS-Dateien muss jedoch eine andere Methode angewandt werden, wenn der HTML-Code valide nach den Richtlinien des W3C-Konsortiums sein soll. Eine Möglichkeit hierfür ist das asynchrone Laden. Wie das umgesetzt wird beschreibt Scott Jehl ausführlich.

Direkter Link zum Artikel