[HTML][CSS]CSS hidden, Grafika z opcją hidden Opcje

[furious_knight]

Witam,

Tworzę stronę w html5 i chcę żeby działała ona prawidłowo na kompach, tabletach i komórkach. Kożystam z jednego kodu HTML i 2 CSS(screen i mobile), niektóre zdjęcia (img src) w HTML są uprzedzone klasą która w screen nic nieznaczy, a w mobile wygląda tak:

.mobile{
visibility: hidden;
display: none;
}

zrobiłem tak żeby zmiejszyć ilość grafiki do wczytywania przez "powolne" komórki, ale zastanawiam się czy wogóle to co zrobiłem ma sens? czy czasem tel. nie wczyta tej całej grafiki a następnie jej nie ukryje??

Czy wytłumaczy mi ktoś w jaki sposób i w jakiej kolejności są elementy wczytywane i odczytywane z serwera do przeglądarki?