WordPress: oEmbed deaktivieren

Beim Update auf WordPress 4.4 gilt es Vorsicht walten zu lassen. So schön sich die neuen WordPress-Funktionen auch lesen (responsive Images, oEmbed-Funktion, …), WordPress lädt damit automatisch ungefragt einige Dateien in den Quellcode, welche nicht immer Sinn machen und so auf jeden Fall Ladezeit etc. verschlechtern. Daher sollte man beim Update auf WordPress 4.4 zumindest einige Funktionen wie oEmbed ggf. deaktivieren.

WordPress 4.4.

WP 4.4 namens Clifford bringt einige an sich spannende Verbesserungen, Neuerungen:

• Responsive Bilder
  angeblich vollautomatisch, wobei durch den genutzten Code ältere Browser eigentlich ein Polyfill benötigen, der wohl nicht geladen wird. Auch für die Google-Bilder-Suche gilt es aufzupassen, welche Bilder dann noch indizierbar sind. Dazu am Ende noch ein Bonus-Tipp.
• oEmbed-Funktionen
  damit können andere Webseiten WordPress-Beiträge ähnlich Twitter-Cards zitieren, einbinden. Dazu gleich mehr.
• Neues mobile first Theme
• Geänderte Reihenfolge der Kommentarfelder

Die oEmbed-funktion

Wie, was? Embed?
Wenn man in einem Beitrag einen Beitrag einer WordPress-Seite zitieren, einbauen möchte, reicht es nun einfach dessen URL in den Editor zu kopieren.

Achtung: nicht die URL verlinken, dann wird es „nur“ ein Link wie bislang.

Dank der neuen oEmbed-Funktion wird dann die URL durch folgendes Element ersetzt (für die Entwickler: ist ein iframe):

An sich ganz nett, aber jetzt mal ehrlich: wie häufig wird das wohl wirklich genutzt?
Damit das Funktioniert, muss WordPress allerdings etliche Dateien laden, die ansonsten keinen großen Nutzen haben und beispielsweise die Ladezeit deutlich verschlechtern. Was weg kann, kann weg, vgl. 10 Tipps für ein einfacheres Blog-Design.

Ab WP 4.4 sind das in der Regel folgende Dateien:

via wp_head():
<link rel='https://api.w.org/' href='//domain/wp-json/' />
<link rel="alternate" type="application/json+oembed" href="//domain/wp-json/oembed/1.0/embed?url=http%3A%2F%2Fdomain%2F" />
<link rel="alternate" type="text/xml+oembed" href="//domain/wp-json/oembed/1.0/embed?url=http%3A%2F%2Fdomain%2F&#038;format=xml" />

via wp_footer():
<script type='text/javascript' src='//domain/wp-includes/js/wp-embed.min.js?ver=4.4'></script>

Man kann relativ umständlich diese Funktion deaktivieren und (separat) die Ausgabe dieser dann überflüssigen Dateien im Frontend entfernen.
Das geht leider nicht so einfach. Daher dieser Beitrag.

oEmbed deaktivieren

Nach meinen ersten Recherchen und Tests ist folgendes in der functions.php des genutzten Themes erforderlich:

remove_action('wp_head','rest_output_link_wp_head',10);
remove_action('wp_head','wp_oembed_add_discovery_links',10);
add_filter('rest_enabled','_return_false');
add_filter('rest_jsonp_enabled','_return_false'); 

Damit die Ausgabe der Dateien auch im Code verschwindet wird es umfangreicher.
Am einfachsten nutzt man daher das Plugin Disable Embeds, das sich seit WP 4.4 auch zunehmender Beliebtheit erfreut.
Wer es genau wissen will, kann sich den einfachen und gut dokumentierten Code des Plugins anschauen.

Schon ist der Quellcode wieder schlank wie zuvor. Will man die oEmbed-Funktion dennoch nutzen, macht es derzeit noch (HTTP/2 is coming) mehr Sinn zumindest die JS-Datei in nur einem Aufruf in der vermutlich bereits vorhandenen JS-Datei asyncron zu laden.

Update: Disable Emojis, Disable Gravatars, Disable Embeds and Remove Querystrings

WordPress lädt daneben auch noch Emojis, ähnlich lästig im Quellcode und wohl eher selten genutzt.
Da gibt es ein nettes Plugin, welches hier ansetzt und gleich mehrere Möglichkeiten bietet: https://wordpress.org/plugins/wp-disable/. Bitte die Einstellungen genau anschauen!

Bonus: responsive Images deaktivieren

WordPress nutzt srcset um die Bilder abhängig von der Browserbreite zu laden. Bei diesem Ansatz muss man wissen und aufpassen, dass derzeit Google nur das Bild indiziert, welches mit src verknüpft ist.
Mit dem mobile first-Gedanken im Kopf verwendet man hierfür meist das kleinste Bild. Das ist aus Google-Sicht aber meist nicht so schlau, da Google gewisse Mindestgrößen bevorzugt und Bildänderungen unter Umständen negative Folgen haben.
Wer hier bereits auf eine bewährte Lösung setzt (oder noch so einen nicht-responsiven Blog wie den hier hat) oder erst mal nichts riskieren will, kann die Funktion in der functions.php recht einfach deaktivieren:

remove_filter('the_content','wp_make_content_images_responsive'); 

Sinn machen responsive Bilder dennoch, also in Deinem Einzelfall vorher nachdenken!

Bonus 2: SSL certificate problem

Wer seit WordPress 4.4 über das Backend wegen eines Zertifikatfehlers nicht mehr updaten kann und die Fehlermledung wie folgt bekommt:

SSL certificate problem, verify that the CA cert is OK. Details: error:14090086:SSL routines:SSL3_GET_SERVER_CERTIFICATE:certificate verify failed

Lösung: https://usability-weblog.de/wordpress-download-fehlgeschlagen-ssl-certificate-verify-failed

4 Kommentare zu WordPress: oEmbed deaktivieren

Kommentar schreiben zu WordPress: oEmbed deaktivieren

Kommentare werden erst nach manueller Freischaltung sichtbar.