Nachtrag zum WP Audit #3

Hier nun die versprochenen Ergänzung zum gestrigen Meetup in Form einer lose kommentierten Liste erwähnter Links.

Den Test für die Seite von thehacker.blog auf webpagetest.org gibt es hier, für die Seite von http://heilpraktiker-goerne.de hier.

Der HTML-Markup kann mittels des Validators der w3.org überprüft werden und was in den Head einer HTML-Seite gehört sowie dort erlaubt ist findet sich unter https://gethead.info.

Die Specificity von CSS-Regeln kann mittels des Specificity Visualizers illustriert werden. Eine gute Übersicht sowie statistischen Überblick bieten die CSSstats. Will man dann noch wissen welche CSS Property im Kontext von Animationen ein Layout, Paint und oder Composite Event verursacht, ist hierfür CSS Triggers eine gute Anlaufstelle.

Eine Liste welche Properties und Methoden in Javascript zu einem „Reflow“ des Layouts führen ist in einem Gist von Paul Irish zu finden.

Eine profunde Zusammenfassung und Erklärung des Critical Rendering Path gibt es von Ben Schwarz auf CSS-Tricks unter dem Titel „The Critical Request„.

Will man lokal Bilder optimieren gibt es unter MacOS ImageOptim, unter Windows FileOptimizer sowie Trimage für Linux basierte Systeme. Will man dagegen Bilder direkt in der eigenen Mediathek unter WordPress optimieren, gibt es den Service Resmushit mit dem dazugehörigen WordPress-Plugin resmushit-image-optimizer. Ob der Markup und Rohdaten für Responsive-Images passen kann im Anschluss mittels RespImageLint überprüft werden.

Wie man SVG-Dateien richtig aufbereitet hat Kyle Foster in zwei schon etwas älteren, aber immer noch zeitgemäßen, Videos erklärt.

Will man noch tiefer in die Materie einsteigen, kann der Blog von Sara Soueidan konsultiert werden. Für das schnelle optimieren einer SVG-Datei online ist SVGOMG anzuführen.

Sollen Google Fonts selbst gehostet werden, gibt es den Google Webfonts Helper. Will man Fonts subsetten, verwendet man dann am Besten Glyphhanger. Für eine Auflistung sowie Erklärung aller gängigen Ladestrategien für Webfonts hat Zach Leatherman einen erschöpfenden, regelmäßig aktualisierten, Artikel verfasst. Folgender Screencast zeigt eine pragmatische Variante aus besagten Artikel.

Um potentielle Hintertüren in der eigenen WordPress-Installation zu finden, kann zum einen WPCheck von Sergej Müller verwendet werden oder aber WPScan von Succuri.

Wie barrierefrei die eigene Website ist, kann man ganz einfach mit einem neuen Tool von Microsoft unter http://accessibilityinsights.io testen. Daneben wurde dann noch das Tota11y-Bookmarklet angesprochen.

Webhint bietet mehr oder minder für alle oben genannten Themengebiete Tests in einer Benutzeroberfläche zusammengefasst (Danke Dieter).

Hinsichtlich der DSGVO kann man sich unter Datenschutz Generator eine Datenschutzerklärung automatisiert erstellen lassen. Selbiger ersetzt zwar keine Konsultation bei einem Anwalt, stellt aber für Privatpersonen und Kleinunternehmer eine kostenlose Möglichkeit dar sich eine individuelle Datenschutzerklärung zu erstellen. Um Zugriffe auf Server dritter durch die Standardeinstellungen von WordPress zu unterbinden, können zum einen Emojis mittels des Plugins Disable Emojis deaktiviert werden, sowie Gravatar Benutzerbilder durch WP User Avatar unterbunden werden. Alternativ, ohne den Einsatz eines Plugins, kann man die Anzeige von Avataren im WordPress Admin-Interface grundsätzlich deaktivieren; zu finden unter Einstellungen-> Diskussion ->Avataranzeige (Danke Thomas). Die offenen Endpunkte der Rest API können mit Hilfe der Rest Api Toolbox geschlossen und statt dessen eine Authentifizierung verlangt werden.

Meetup 17.11.2016 Beispiele REST-API & Pressmatic Vorstellung

Beim Meetup am 17.11.2016 haben wir zwei Vorträge gehabt.

Praktische Beispiele mit der WP-Rest API

In dieser Präsentation zeigte Carlos uns , wie man die WP-Rest API in einem Theme oder Plug-In integrieren kann. Praxisbeispiele in Form einer einfachen CPT Suche und ein „Mehr-Blog-Beiträge-Laden“- Button.

 

Pressmatic

Frank zeigt uns Pressmatic. Pressmatic ist eine leistungsfähige, moderne und komfortable Alternative zu MAMP, einer Serverumgebung für lokale Rechner. Man kann damit WordPress lokal auf seinem Rechner installieren. Pressmatic gibt es aktuell nur für macOS.