Witam, napisałem sobie pewną stronkę ( jest to galeria ) i martwi mnie czy zastosowane przeze mnie rozwiązanie jest dobre. Galeria posiada naprawdę sporą liczbę obrazków około 1000 sztuk. Chciałem uniknąć przeładowywania strony podczas skakania po kategoriach dlatego przy pomocy ajaxa i php zrobiłem sobie sprytne metody przeładowujące mi tylko zawartości konkretnych div'ów. Martwi mnie jednak że kiedy w google chrome włączę narzędzia programistów i podczas przeglądania strony oglądam jej zasoby widzę że działa to tak:

1. Strona się ładuje wskakują jakieś obrazki do zasobów ( resouces )
2. Przeładowanie diva i do zasobów dodają się następne obrazki.
3. Przeładowanie diva i do zasobów dodają się następne obrazki.
4. Przeładowanie diva i do zasobów dodają się następne obrazki.
...

Kiedy tak przeładuję kilka kategorii, zacznę skakać po galerii lista robi się strasznie długa. Przeładowanie tej listy ( ejst to rzecz jasna zrozumiałe ) następuje dopiero w trakcie kiedy przeładuję całą stronę. Martwi mnie to czy jest to optymalne i nie będzie powodować "mulenia" strony. Może nie ma jednak to żadnego znaczenia i nie wpływa na wydajność? Jak zachowa się to na innych przeglądarkach? Czy można jakoś wymusić zwolnienie pamięci po nieużywanych zasobach?

A ile pamięci zabiera?

No średnio obrazek warzy około 100 Kb. Na początku lista ma 10 obrazków czyli 1 Mb. Ale jeśli zaczynamy oglądać galerię skakać po kategoriach to lista robi się 50 elementowa co daje 5 Mb.

Sprawa wygląda tak - jeżeli wykonujesz proste operacje np. zastąpienie obrazka innym obrazkiem to przeglądarka po czasie sama zwolni pamięć dla nowych elementów, co możesz przetestować lokalnie na swojej przeglądarce

No ja czekam sobie i czekam i nic się niestety samo nie zwalnia. Jeśli chodzi o samą podmiankę to działa to na zasadzie że mam na stronie diva a w nim jakieś obrazki wstawione jako <img> i sobie po po jakiejś akcji użytkownika przeładowuje tego diva ładując nowe <img>. No i pech jest taki że w pamięci przeglądarki zostają mi tamte stare obrazki. Jeśli zawołam na stronie odświeżenie to zasoby się zwolnią. Możliwe że nie przeszkadza ten problem w płynności działania strony i jej oglądania ale chciałbym mieć taką pewność. Możliwe też że jak się tam tych obrazków w zasobach nazbiera sporo to przeglądarka je zwolni ( może jeszcze się do tego progu nie zbliżyłem ) ?

a jak sprawdzasz tą zajętość w pamięci?

Ogólnie takie rozwiązanie nie powinno w żaden sposób negatywnie wpływać na prędkość przeglądarki...

Proponuje realne obciążenie pamięci testować w Safari lub Chrome w Developer Tools. Tam wchodzisz w Timeline klikasz record i oglądasz realne zużycie pamięci przez daną zakładkę w przegladarce... Ilośc wygranych i podmienionych zdjęć nie ma tutaj kompletnie znaczenie, gdyż one nie są przechowywane w pamięci...
Strona która ląduje około 200 kb grafik ze standardu zajmuje coś około 5 MB...