-
Posts
-
Hallo liebes Support-Team,
ich frage mich folgendes: wenn ich eine Farbsektion über die Anzeigenoptionen nur für kleine Bildschirme (Smartphone) sichtbar mache, wird der Content dieser Farbsektion auch mitgeladen, wenn ich über den Desktop komme? Das würde ja meine Seitenladezeit beeinträchtigen, da ich als Besucher mehr Dateien laden muss.
Danke für eure Antworten!
display:none elements are not in the render tree at all.
visibility:hidden is a different thing!display:none Elemente sind zwar im DOM und im CSSOM vorhanden, die Zeit die für die Performance allerdings wichtig ist, ist das Rendering der Seite. Diese Elemente werden aber dann nicht gerendert.
Schau mal hier : https://developers.google.com/web/fundamentals/performance/critical-rendering-path/render-tree-construction?hl=de
und folgende Seiten.so when i choose “Hide on large screens (wider than 990px – eg: Desktop)” only the visibility is hidden? or is enfold using display:none?
Thanks :-)Teste doch mal selber was mit den Sachen im DOM passiert. Mach dein Browserfenster schmal und schau nach, was mit dem Element (zB einer color-section passiert.
Schau diese Testseite – und die Source
https://webers-testseite.de/color-section-with-display-none/klicken für Zoom
Super! Vielen Dank, dass Du dir so viel Zeit zum beantworten genommen hast :-)
Hat mir sehr geholfen!Viele Grüße!
- You must be logged in to reply to this topic.