Um schreiben oder kommentieren zu können, benötigen Sie ein Benutzerkonto.
Sie haben schon ein Benutzerkonto? Melden Sie sich hier an.
Jetzt anmeldenHier können Sie ein neues Benutzerkonto erstellen.
Neues Benutzerkonto erstellen
Hallo!
Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.
display:none ist bekannt. jedoch wollte ich wissen, ob es eine ressourecenschonendere Variante gibt.
bei display:none werden doch die Elemente geladen, was die Ladezeit beeinträchtigt.
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.
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!