Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Spowolnienie działania strony
Forum PHP.pl > Forum > Po stronie przeglądarki
jarrod
Cześć,

1. Kontekst
Aktualnie zajmuję się pisaniem administracji do strony. W jednym z modułów oprócz zwykłego formularza znajduje się pole wyboru zdjęcia.
Wygląda to mniej więcej tak:

  1. <style type="text/css">
  2. .img-browser{
  3. width: 100%;
  4. height: 450px;
  5. overflow: auto;
  6. background-color: #fff;
  7. border: 1px solid #E2E6FA;
  8. }
  9. img.bordered {
  10. background-color: #FFF;
  11. border: 1px solid #DDD;
  12. padding: 3px;
  13. }
  14. <div contenair="0" rel="data[Person][photo_id]" class="img-browser" id="">
  15. <div class="item" rel="type:2">
  16. <img height="75" width="75" alt="..." class="bordered" rel="photoid:1" src="/img/person/3807de24e82190f0c36e97b5988ce863.jpg"/>
  17. <br/>testowe zdjęcie
  18. </div>
  19.  
  20. <!-- (...) jest ich powiedzmy 20 -->
  21. </div>

Po załadowaniu się strony obserwowany jest każdy obraz akcjami mouseover, mouseout oraz click.
Dodatkowo obserwowany jest dokument na custom event więc generalnie nie ma wielkiego wpływu na wydajność (tak mi się wydaje) bo event odpalany jest przez niektóre funkcje.

Przeglądarka
1. FF 3.5.2 + firebug + Page Speed
2. Chrome 2.0.172.39 (na obu jest to samo)
Windows 7

2. Problem
Kiedy załaduje się strona to mam problem z polem obrazów. Kiedy scrolluję w dół aby zobaczyć inne zdjęcia to się przycina a kiedy przejdę na inną zakładkę i wrócę do formularza to musi minąć kilka sekund zanim obrazki się ponownie nie załadują.

Problem wydajności komputera raczej odpada bo już nie takie rzeczy na nim robiłem a sam sprzęt nie jest zły. Nie raz używałem tego typu widoku (zdjęcia w div z overflow) i też nie miałem z tym problemu.
Może ktoś spotkał się z podobną sytuacją? Nie wiem czy nie przesadziłem z javascriptami czy czymś innym a raczej muszę to poprawić zanim to oddam w inne ręce :-)
wookieb
Dopisz do swoich eventow jakies alerty albo funkcje dopisujaca tekst do jakiegos diva to zobaczysz ile razy jaki event się odpala. Na chwile wylacz javascript i zobacz czy to od niego.

Czy obrazki które pokazujesz są zmniejszone przez parametr width, height?
jarrod
ech.. chyba muszę się w końcu przespać. za długo nad tym siedzę.. zgubiłem parametr w ścieżce do pliku "/thumb/" więc nie ma co się dziwić spowolnienia jeśli ładuję pliki, które mają 4000x3000 px :]
Przynajmniej na chwilę się oderwałem od pracy pisząc tu winksmiley.jpg
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.