Elemente für Mobil ausblenden

[nadjak]

Hallo,

ich möchte gewisse grafische Elemente für Smartphones ausblenden.
Wie ist das denn Performancetechnisch, wenn ich das über disply:none mache?
Oder wie ist es denn am Performantesten? Es geht darum, dass die Seite recht viel zum laden hat, und ich deshalb einiges für Smartphones ausblenden möchte, damit die Seite besser geladen wird.

Danke und lg Nadja

 

[Enigmon]

Siehe unteres Beispiel:
damit kannst du ganze Div verstecken:

@media only screen and (min-width: 640px) and (max-width: 1024px) {
// hier CSS-Eigenschaften
}

hier ein Link wie "versteckt" wird:
http://www.w3schools.com/css/css_display_visibility.asp

zum Thema Perfomance:
http://ageekandhisblog.com/html-css...elements-and-displaynone-vs-visibilityhidden/

LG
Thomas

 

[nadjak]

Vielen Dank.
Aber wie ich das mit den MediaQueries mache weiß ich schon
Ich wollte nur wissen, ob es empfehlenswert es über display:none zu machen oder ob es eine bessere Variante gibt.
lg NAdja

 

[Enigmon]

Deshalb auch der unterste Link.

LG
Thomas

 

[nadjak]

Oh! Entschuldige bitte. Der ist mir leider entgangen.
Hast du schon erfahrung damit ?
Die Seite ist wirklich sehr groß und ich muss daher einiges rausschmeissen für mobil.
Daher tendiere ich zu display:none.
Wie sind deine Erfahrungen?
Danke
lg Nadja

 

[Enigmon]

Also ich habe nie darauf geachtet, welche Version schneller ist.
Ich habe noch keine Seite programmiert, die so überladen ist, um den Unterschied zu merken. Ausserdem hängt es davon ab, was du erreichen willst, mit dem Verstecken.
Bei Visibility hast du halt immer noch einen "Platzhalter" und bei Display eben nicht.
Bei Visibility muss die Berechnung der Grösse erfolgen, um den "Platzhalter" zu sagen, wie gross der Platz ist, der freigehalten werden muss.
Bei Display eben nicht. Also denke ich, dass Display: none Rechenzeit spart.

LG
Thomas

 

[nadjak]

Vielen Dank für deine Einschätzung.
Ich denke auch, dass display:none für mich besser geeignet ist.
ICh werd es ausprobieren
lg Nadja

 

[Enigmon]

Viel Erfolg!!

LG
Thomas

 

[nadjak]

Danke. Ich hab es jetzt über display:none gemacht und es funzt
Vielen Dank für deine Tipps und Links.
lg Nadja