Pisanie kodu HTML i CSS pod kontem użycia pamieci ram i procesora Opcje

[propage]

Mam problem z pewnym kodowaniem, czysty html+css można zobaczyć tutaj: 

http://prszakal.bimas.pl/05/

Problem występuje na starszych komputerach bądz na mocno obciążonych komputerach np:2gb core duo 2GB, kilkanaście okienek otwartych + pare programów.

Widać wtedy jak kodowanie "zamula" to znaczy po najechaniu na jakiś link efekt hover włoncza sie z minimalnym opoźnieniem, oczywiście włączałem inne strony, na żadnej nie ma tego błedu.

Te spowolnienie bardzo dobrze widać kiedy na stronie zastosuję jakieś skrypty js, typu rozwijanie menu, wtedy rozwijanie "żabkuje", na innych stronach tego problemu nie ma.

Moje pytanie jest więc takie, co może być przyczyną takiej sytuacji. Kodowanie jest oparte głównie o znaczniki <ul> i <li>.

Im więcej bloków kodu wywalam tym kodowanie chodzi szybciej.

Opóxnienia najlepiej widać na starych wersja IE, Na firefoxie, nie widze za to na Operze.

[Pilsener]

Im więcej bloków kodu wywalam tym kodowanie chodzi szybciej

- jest to normalne. Chodzi Ci o to, że np. w IE jak najeżdżasz na link pojawia się na chwile klepsydra? Ja tak często mam na dużych stronach lub wolnych serwerach, przyjrzymy się Twojej stronie:

- na łączu 128 wczytuje się 30 sekund - nie jest to najlepszy wynik
- 250 kb obrazków - nie jest za dobrze, ale jeszcze nie tragicznie
- 56 zapytań http - tu już jest poważny problem, zapytań jest o wiele za dużo
- kod HTML masz ok (pomijając semantykę etc.), skrypty JS dołączasz na końcu, CSS na początku

Powinieneś:
1. Zmniejszyć liczbę zapytań http poprzez:
a) wywalenie <img>:

[HTML] pobierz, plaintext 
<li class="zdjecie"><img src="img/img1.JPG" alt="img1"></li>
[HTML] pobierz, plaintext 

- img jest dla unikatowych obrazków w treści, a nie dla powtarzalnych elementów layoutu - ten obrazek powtarza się z 10 razy, tymczasem w CSS powtórzysz go raz, kodu HTML też będzie mniej - nie wiem ile masz tych imgów, powywalaj je to będzie chodzić szybciej
zmniejszenie liczby małych obrazków w CSS, np. takich:
http://prszakal.bimas.pl/05/img/kup_teraz.JPG - zainteresuj się techniką znaną jako CSS sprite
2. Zmniejszyć rozmiar obrazków

Nie wiem dokładnie, co ma największy wpływ na taki efekt - pewnie liczba linków i stylów dla nich na stronie też ma znaczenie, ciężko powiedzieć.