Elemente ausblenden bei mobiler Ansicht

Entschiedenes Jein.

Wenn du bei der Herangehensweise bleibst, was normalerweise unter „responsive“ verstanden wird, bleibt dir eigentlich nur display: none.

Eine andere Möglichkeit ist, den User-Agent auszulesen und für mobile Devices die entsprechenden Elemente gar nicht erst auszugeben.
Das ist in Bezug auf das „Ausschnüffeln“ ein wenig kritisch zu sehen. Ich persönlich finde die wp-Funktion wp_is_mobile(); da einen ganz angemessenen Kompromiss. Allerdings muss man sich dabei im Klaren sein, dass das dann alle Mobilgeräte betrifft, auch Tablets, die vielleicht ein größeres Display haben als mein Notebook, wenn ich das Browserfenster nicht ganz aufziehe …

Für Bilder gibt es auch noch die Möglichkeit von „responsive images“ über srcset.
Bei Text ist drüber nachzudenken (wäre mal auszuprobieren und die Ladezeit zu messen), ob Inhalt ausgeben und über CSS nicht anzeigen lassen tatsächlich mehr Ressourcen braucht als die if-Abfrage und gesondertes Handling …

Gruß
helix

 

naja, man könnte mobile first vorgehen. Also erst mal alles ohne die Bilder etc. aufbauen und dann über css media query ab einer bestimmten width das (Hintergrund)bild bestimmen.