In diesem Bereich finden Sie alle Blog-Artikel zum Themenbereich Web-Entwicklung. Neben der Konzeption von Web-Anwendungen liegt der Fokus hauptsächlich auf den Themen Geschwindigkeit, Usability und Sicherheit. Hauptsächlich dreht sich hier alles um die beiden Systeme Contao und Wordpress.
In Sachen Cookies herrscht derzeit viel Unsicherheit. Die ePrivacy-Verordnung ist noch nicht umgesetzt und das Urteil des BGH fordert die aktive Einwilligung. Mit Matomo ist der Seitenbetreiber auf der sicheren Seite, hier ist sogar eine Nutzung komplett ohne Cookies gut möglich. Dabei gibt es keine Einbußen für die Besucherstatistik. Dazu ist nur eine zusätzliche Zeile Code notwendig.
Es gibt zahlreiche Website-Geschwindigkeitsmythen. Warum manche Empfehlungen mehr schaden als nutzen, erläutere ich in meinem Artikel „Fallstricke bei der Optimierung“, der in der aktuellen Ausgabe der Zeitschrift Web & Mobile Developer erschienen ist.
Um weiter die Geschwindigkeit meines Blogs zu erhöhen, bin ich das Thema Schriftarten angegangen. Ich habe mich von meinen bisherigen Web Fonts verabschiedet und setze jetzt konsequent auf Systemschriftarten, um die Ladezeit zu beschleunigen.
Werden externe Ressourcen wie CSS-, JavaScript- und Schriften-Dateien eingebunden, lohnt es sich, einen Blick auf das HTTP/2 Push Verfahren zu werfen. Damit lassen sich diese Dateien gezielt vorab laden und so die Geschwindigkeit einer Website effizient verbessern.
WebP ist ein noch junges Grafikformat, hat aber das Potential, etablierte Formate zu ersetzen. PHP bietet bereit schon seit Längerem eine Funktion, um Bilder im WebP-Format zu erstellen. Und mit einer Funktion kann es sehr einfach in WordPress genutzt werden.
Übliche Tipps zur Optimierung der Geschwindigkeit von JavaScript greifen nicht mehr, wenn viele große Bibliotheken verwendet werden. Stattdessen sollte eine Strategie erarbeitet werden, wie Inhalte bei Bedarf effizient geladen werden können. Gleichzeitig sind viele ältere Tipps mit neueren Methoden eher kontraproduktiv.
Die Zusammenfassung von mehreren CSS-Dateien und die Aufteilung in eine Version mit den Elementen „Above the Fold“ ist mittlerweile Standard. Die Frage ist nur, wie die restlichen CSS-Anweisungen am effizientesten geladen werden können. Darauf gibt dieser Artikel Antworten und zeigt Beispiellösungen.
Um eine hohe Geschwindigkeit der Website zu erzielen, müssen Abbildungen optimiert ausgeliefert werden. Dies wird mit der Verwendung des Bildformates WebP, der automatischen Anpassung der Bildgröße und der Auflösung am effizientesten erreicht.
Kürzlich habe ich bei der Entwicklung einer Web-Anwendung einen modalen Dialog eingefügt, welcher mit JavaScript aufgerufen und geschlossen werden sollte. Dabei musste ich eine Funktion realisieren, die auf jeden Klick außerhalb dieses Dialogs diesen wieder schließt. Diese Funktionalität kann sehr einfach mit jQuery realisiert werden.
Mit CSS-Selektoren können einzelne Elemente oder eine Gruppe von HTML-Elementen angesprochen werden. Neben den üblichen Selektoren – wie z.B. Tag-Name, Klasse oder ID – existieren noch weitere effiziente Selektoren. Wer nativ JavaScript programmiert, kann diese Selektoren auch einsetzen, um effektiv Elemente anzusprechen. In diesem Artikel stelle ich fünf eher unbekannte, aber mächtige CSS-Selektoren vor.
