Blog · Florian Brinkmann

Bestimmte Skripte und Stylesheets inline einbinden

Veröffentlicht am 16. Mai 202216. Mai 2022

Performance-Optimierungstools wie PageSpeed Insights empfehlen, JavaScript-Code, der kritisch für die Funktion der Website ist und so schnell wie möglich ausgeführt werden muss, inline zu laden. Und auch bei JS- und/oder CSS-Dateien mit sehr wenig Code kann es sinnvoll sein, den Code inline einzufügen statt eine externe Datei laden zu müssen (wenn Sie die Dateien nicht lieber zu einer etwas größeren zusammenfassen möchten).

Das sind zugegebenermaßen etwas konstruierte Fälle, aber aus Gründen habe ich mich mit dem Thema beschäftigt und nach einer Lösung gesucht, wie in WordPress als externe Dateien eingebundene Skripte oder Stylesheets so angepasst werden können, dass sie inline geladen werden.

Website-Logo-Funktion von WordPress ohne alt-Text für unverlinktes Logo

Veröffentlicht am 4. Mai 20224. Mai 2022

Für WordPress-Themes (Classic, nicht Block-Themes) kann über einen add_theme_support()-Aufruf die Unterstützung für die Website-Logo-Funktion aktiviert werden. Dabei gibt es seit WordPress 5.5.0 die Option, das Logo auf der Startseite nicht zu verlinken, allerdings wird dann auch das alt-Attribut leer gelassen statt mit dem Website-Titel gefüllt. Das kann je nachdem, wie das Logo im Theme genutzt wird, Probleme mit der Barrierefreiheit bedeuten.

Vorsicht vor PHP-Funktionen mit gecachtem Ergebnis

Veröffentlicht am 24. April 202224. April 2022

Letzte Woche haben Angelo und ich an einem WP-CLI-Command gearbeitet und bei der Erstellung der Behat-Tests zufällig fehlschlagende und erfolgreiche Tests gehabt. Nach einigem Debugging sind wir dann auf die Idee gekommen, ob das Ergebnis der PHP-Funktion is_dir(), die prüft ob ein Verzeichnis existiert, vielleicht zwischengespeichert wird.

Antispam Bee 3: jetzt aber wirklich 🤞

Veröffentlicht am 15. April 202215. April 2022

Das Plugin Antispam Bee (ASB) dürfte vielen ein Begriff sein, die sich mit WordPress beschäftigen – es kümmert sich darum, dass Kommentarspam erkannt und als Spam markiert wird. Im Pluginkollektiv, zu dem auch ich seit ein paar Jahren gehöre, gab es schon länger Pläne zu einer v3 von ASB, um das Plugin modularer, erweiterbar und für Drittplugins nutzbar zu machen.

David hatte sich schon 2019 Gedanken zur v3 gemacht, aus zeitlichen Gründen blieb es aber bei einer unvollständigen ersten Implementierung. Danach wurde es wieder ziemlich ruhig um die v3, da das Zeitproblem das ganze Kollektiv betrifft, und wir meist nur so gerade schaffen, die Plugins zu pflegen, für große Weiterentwicklungen reicht die Kapazität oft nicht.

Web Vitals per JavaScript messen

Veröffentlicht am 10. April 202210. April 2022

Die Core Web Vitals sind euch vielleicht schon untergekommen, wenn ihr euch mit SEO und Performance-Optimierung beschäftigt. Dabei handelt es sich um verschiedene von Google eingeführte Messwerte, die Aussagen über die User-Experience einer Seite geben können.

Diese Werte sind Teil der PageSpeed-Insights-Analyse, lassen sich aber auch per JavaScript ermitteln.

Aus der Selbstständigkeit in den Konzern: eine Zwischenbilanz

Veröffentlicht am 3. April 20223. April 2022

Im Dezember 2021 habe ich nach über fünf Jahren Selbstständigkeit als WordPress-Entwickler den Schritt in die Festanstellung gemacht und bin seitdem Software-Developer im WordPress-Dev-Team bei IONOS.

Formular per AJAX verschicken

Veröffentlicht am 1. September 20212. September 2021

Wenn ein HTML-Formular abgeschickt wird, lädt normalerweise die Seite neu. Das ist vielleicht nicht immer die beste User-Experience, im Sinne von Progressive Enhancement aber der beste Ausgangspunkt.

Wenn wir für Benutzer*innen, die JavaScript aktiv haben (und bei denen das Laden und Verarbeiten der JS-Ressourcen geklappt hat) die Erfahrung verbessern wollen, bietet es sich in manchen Fällen an, das Formular per AJAX zu verschicken, sodass die Seite nicht neugeladen werden muss.

Bildschirminhalt mit FFmpeg für das Web aufzeichnen

Veröffentlicht am 27. August 202127. August 2021

Ich wollte vorhin – mal eben – für Twitter ein kleines Video aufzeichnen, das einen Teil meines Bildschirminhalts zeigt. Das Aufzeichnen hat auch relativ einfach funktioniert (nachdem ich herausgefunden habe, dass ich Ubuntu von Wayland auf Xorg umstellen muss), das Video wurde im Firefox allerdings nicht abgespielt.

Nach einiger Recherche bin ich auf das »Encoding Video«-Gist von Glen Cheney gestoßen, in dem ich die rettende Code-Zeile gefunden habe, die eine MP4 generiert, die auch in Firefox abgespielt wird:

ffmpeg -video_size 960x400 -framerate 25 -f x11grab -i :0.0+75,260 -vcodec libx264 -pix_fmt yuv420p -profile:v baseline -level 3 output.mp4
Code-Sprache: Bash (bash)

Mit der Zeile wird der Display-Inhalt in einer Größe von 960x400 Pixel aufgezeichnet, wobei die linke obere Ecke des aufgenommenen Bereichs 75 Pixel vom linken und 260 Pixel vom oberen Displayrand positioniert ist.

useEntityProp zum Verändern von Beitrags- oder Seitenattributen verwenden

Veröffentlicht am 12. August 202119. Januar 2022

Der Hook useEntityProp kann verwendet werden, um Attribute von Inhalten wie Seiten und Beiträgen zu verändern. Bisher hatte ich den nur genau so eingesetzt wie in einem Doku-Code-Beispiel, aber vorhin habe ich mir die Funktion etwas genauer angeschaut und hatte einen kleinen 🤯-Moment, als ich verstanden habe, wie der Hook funktioniert.

Block-Stile von WordPress-Core-Blöcken entfernen

Veröffentlicht am 30. Juli 202130. Juli 2021

Einige Core-Blöcke kommen mit zusätzlichen Block-Stilen daher, wie etwa der Zitat-Block, der neben dem Standard-Stil noch einen großen Stil hat. Wenn diese Core-Block-Stile nicht erwünscht sind, können sie seit WordPress 5.8 mit einem kleinen Code-Snippet entfernt werden.