[css] Responsywna - oddzielne style, Pytanie z czystej ciekawości Opcje

[maniek74]

Witam

Przeważnie na stronach responsywnych jest stosowane rozwiązanie jednego arkusza stylów pod stronę, ale przecież jest rozwiązanie owiele bardziej czytelne tj. pod każdy układ zastosować oddzielne style:

[HTML] pobierz, plaintext 
<link rel="stylesheet" type="text/css" media="only screen and (min-width: 100px) and (max-width: 480px)" href="/css/stylePanel_480.css">
<link rel="stylesheet" type="text/css" media="only screen and (min-width: 481px) and (max-width: 800px)" href="/css/stylePanel_800.css">
<link rel="stylesheet" type="text/css" media="only screen and (min-width: 801px) and (max-width: 1024px)" href="/css/stylePanel_1024.css">
<link rel="stylesheet" type="text/css" media="only screen and (min-width: 1025px)" href="/css/stylePanel.css">
 
[HTML] pobierz, plaintext 

Taki układ jest prawie nie stosowany, sprawdziłem to na kilkudziesięciu stronach z poradami na temat reponsywności i każdy stosuje:

[HTML] pobierz, plaintext 
 
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
 
   ....................
 
}
 
 
@media only screen and (min-width : 321px) {
   ....................
 
}
 
itd
[HTML] pobierz, plaintext 

Dlaczego?

Pozdrawiam

Ten post edytował maniek74 4.01.2015, 07:07:37

[maniek74]

a jaka różnica jest jesli załaduje 4 pliki po 50kb lub 1 po 200kb, pozatym sam css nie powoduje chyba zamulenia strony, sam css wydaje mi się że to będzie różnica w setnych sekundy, niezauważalna dla użytkownika.

Tak mi się wydaje być może się mylę.

Pozdrawiam

[sf]

a jaka różnica jest jesli załaduje 4 pliki po 50kb lub 1 po 200kb, pozatym sam css nie powoduje chyba zamulenia strony, sam css wydaje mi się że to będzie różnica w setnych sekundy, niezauważalna dla użytkownika.

Im mniej plików się ładuje tym strona ładuje się szybciej. Dlatego wielu programistów wszystkie pliki js łączy w jeden, podobnie css, w przypadku obrazków często się stosuje sprity. Google m.in. w pozycjonowaniu sprawdza szybkość ładowania strony, jest to mały ułamek całego wyliczania pozycji, ale jest. Jak potrzebujesz wyliczenia o ile szybciej taka strona się ładuje to na pewno jest trochę materiałów o tym w sieci, wystarczy poszukać. Głównie chodzi o to, że każde żądanie do serwera jest osobne, czyli zajmujesz zasoby apache czy innego serwera http.

https://developers.google.com/speed/pagespeed/insights/

Ten post edytował sf 4.01.2015, 09:50:55