Witam,

Spotkaliście się kiedyś w js z czymś takim jak cache obrazków? Wczytuję za pomocą mojego wlasnego loadera tablicę obrazków (około 100). Problem tkwi w tym, ze za każdym odświeżeniem okna obrazki wczytuja sie od nowa i trwa to kilka sekund. Chciałbym aby wczytywały się tylko raz przy pierwszym wejsciu na strone. Aktualnie tak wygląda metoda odpowiedzialna za wczytywanie:

[JAVASCRIPT] pobierz, plaintext 
        load: function(i) {
            if(i === undefined) {
                // $('#mp-editor-loader').show();
                i = 0;
            }
 
            if(i > this.max) {
                this.onload();
                return false;
            }
 
            if(this.images[i] === undefined) {
                this.load(i + 1);
                return false;
            }
 
            var filename = this.images[i];
            var src = '/image/product_ons?s=' + i + '/' + filename;
 
            if(this.isBig[i] === true) {
                src = '/image/product_ons?s=' + i + '/' + filename + '&b=1';
            }
 
            var image = $("img[src$='" + src + "']");
 
            if(image[0] !== undefined) {
                this.images[i] = image[0];
                this.load(i + 1);
                return true;
            }
 
            this.images[i] = new Image();
            this.images[i].src = src;
            this.images[i].onload = function() {
                $m.resourcesLoader.load(i + 1);
            };
        },
[JAVASCRIPT] pobierz, plaintext 

Jakie nagłówki HTTP zwracają te obrazki?

HTTP/1.1 200 OK
Date: Mon, 18 Aug 2014 10:23:38 GMT
Server: Apache
X-Powered-By: PHP/5.3.3-7+squeeze17
Expires: Thu, 19 Nov 1981 08:52:00 GMT
Cache-Control: no-store, no-cache, must-revalidate, post-check=0, pre-check=0
Pragma: no-cache
Vary: Accept-Encoding
Content-Encoding: gzip
Keep-Alive: timeout=15, max=100
Connection: Keep-Alive
Transfer-Encoding: chunked
Content-Type: image/png

Zmieniłem cache w PHP na :

Cache-Control: max-age=28800

W JS bez zmian. Nadal obrazek wczytuje się bez cache.

Pokaż jeszcze raz jakie nagłówki są serwowane po Twoich zmianach.

HTTP/1.1 200 OK
Date: Mon, 18 Aug 2014 11:36:09 GMT
Server: Apache
X-Powered-By: PHP/5.3.3-7+squeeze17
Expires: Thu, 19 Nov 1981 08:52:00 GMT
Cache-Control: max-age=28800
Pragma: no-cache
Vary: Accept-Encoding
Content-Encoding: gzip
Keep-Alive: timeout=15, max=94
Connection: Keep-Alive
Transfer-Encoding: chunked
Content-Type: image/png

Masz konflikt w nagłówkach co może prowadzić do nieprzewidzianych rezultatów. Cache-Control (HTTP 1.1) nakazuje zachować kopię w cache'u, Pragma (HTTP 1.0) nakazuje niezachowywać jej. Pozbądź się całkowicie nagłówka Pragma - obecnie wszystkie przeglądarki wspierają HTTP 1.1.

Nagłówek końcowy:

HTTP/1.1 200 OK
Date: Mon, 18 Aug 2014 12:31:37 GMT
Server: Apache
X-Powered-By: PHP/5.3.3-7+squeeze17
Expires: Thu, 19 Nov 1981 08:52:00 GMT
Cache-Control: max-age=28800
Vary: Accept-Encoding
Content-Encoding: gzip
Keep-Alive: timeout=15, max=97
Connection: Keep-Alive
Transfer-Encoding: chunked
Content-Type: image/png

Dzięki!