https://morfikov.github.io/tags/css/ Recent content in Css on Morfitronik Hugo -- gohugo.io pl-PL Fri, 29 Jul 2016 13:08:24 +0000 Mikhail Morfikov https://morfikov.github.io/post/wordpress-wersja-plikow-css-js-na-blogu/ Fri, 29 Jul 2016 13:08:24 +0000 https://morfikov.github.io/post/wordpress-wersja-plikow-css-js-na-blogu/ <p>Gdy odwiedzamy jakiś blog WordPress'a po raz pierwszy, szereg jego elementów jest buforowanych w cache przeglądarki. W ten sposób pewne pliki, np. <code>.css</code>, <code>.js</code> czy też obrazki, nie są pobierane bezpośrednio z serwera www, bo mamy je lokalnie u siebie na dysku. Takie rozwiązanie zapewnia szybsze załadowanie się strony przez minimalizowanie ruchu sieciowego. Niemniej jednak, jako że te pliki siedzą w cache, to muszą mieć ustawiony pewien czas ważności. Może on być różny, a my możemy go sobie dostosować dla poszczególnych elementów ustawiając im <a href="https://morfikov.github.io/post/cache-control-last-modified-etag-i-expires-w-apache2/">nagłówek Cache-Control, Expires, Last-Modified, czy ETag</a>. Gdy w takim nagłówku określimy wysoką wartość <code>max-age</code> , przeglądarka klienta może przez bardzo długi czas nie być świadoma faktu, że któreś elementy strony uległy zmianie. W efekcie może i pojawiła się nowa wersja pliku <code>.css</code> ale klienci odwiedzający nasz serwis i tak nie zaobserwują żadnej różnicy do momentu wygaśnięcia cache lub też odświeżenia strony z przytrzymanym klawiszem Shift . Możemy jednak dodać numer wersji do określonych plików i uzależnić go od czasu modyfikacji danego zasobu na serwerze. Jeśli zmianie ulegnie plik, klient automatycznie pobierze zmodyfikowany zasób.</p>