Witam.

Strony pisane prze zemnie ładują się wolno. Widać jak poszczególne zdjęcia wolno się ładują na stronie podczas gdy na innych stronach (ważących więcej niż moje) strona pokazuje się od razu. Jakie techniki wykorzystane są na takich stronach?

Sytuacja najgorzej wygląda w operze. Menu w którym zmieniają sie obrazki po najechaniu myszką zawiesza się i skacze przed załadowaniem poprawnego obrazka.

Kod menu:

[HTML] pobierz, plaintext 
      <div id="buttony">
        <a href="./index.php" class="start"><img name="start" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('start','','views/css/buttony/start_wh.jpg',1)" src="views/css/buttony/start_gr.jpg" alt="" /></a>
        <a href="./index.php?page=firma" class="firma"><img name="firma" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('firma','','views/css/buttony/firma_wh.jpg',1)" src="views/css/buttony/firma_gr.jpg" alt="" /></a>
        <a href="./index.php?page=realizacje" class="realizacje"><img name="realizacje" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('realizacje','','views/css/buttony/realizacje_wh.jpg',1)" src="views/css/buttony/realizacje_gr.jpg" alt="" /></a>
        <a href="./index.php?page=oferta" class="oferta"><img name="oferta" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('oferta','','views/css/buttony/oferta_wh.jpg',1)" src="views/css/buttony/oferta_gr.jpg" alt="" /></a>
        <a href="./index.php?page=kontakt" class="kontakt"><img name="kontakt" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('kontakt','','views/css/buttony/kontakt_wh.jpg',1)" src="views/css/buttony/kontakt_gr.jpg" alt="" /></a>
        <p class="jezyki">Język: polski | angielski | bułgarski</p>
      </div>
[HTML] pobierz, plaintext 

Dlaczego menu działające na takiej samej zasadzie działa normalnie pod operą (np na tej stronie: http://www.itbvega.pl/)

Proszę o wytłumaczenie gdzie popełniam błąd. Strony pisane prze zemnie są zgodne ze standardami.

1. Pewnie masz jakiś darmowy hosting, działa 5 razy wolniej.
2. Poczytaj o CSS sprites, albo o zmianie kolejności ładowania obrazków.
3. Robienie hover, w JS trochę też zwalnia.

a) to może być wina hostingu
być może ładujesz skrypty, arkusze css, obrazki z innych serwerów (potrzeba czasu na połączenie z nimi)
c) piszesz niezgodnie ze standardami (poprawny kod HTML (walidator) + css i czas ładowania strony jest kilkanaście razy krótszy)
d) zobacz jakie masz wyniki w testach PageSpeed'a (dodatek do ff). Mnie on bardzo pomógł

a sprawdziłeś rozmiar obrazków

rozmiar obrazków ok, hosting też jest ok vps od logout

Chodzi mi o poprawę menu zawartego na tej stronie: bg-studio.pl, katastroficznie wygląda to pod operą. Za każda pomoc z góry dziękuję.

Coś z Tobą nie tak? Czy taki jesteś?

2 osoby, na wypowiadające się 3 zasugerowały Ci co masz zrobić.
A Ty nadal się pytasz [']



Niech pracownicy wracający z urlopu po wakacjach, też coś zaproponują