[JavaScript][CSS][HTML] Optymalizacja witryny Opcje

[elmozaur]

Witam i o pomoc pytam :-)

Ostatnio zainteresowalem sie tematem optymalizacji stron WWW.
Googlajac i czytajac rozne watki postanowilem zainstalowac Yslow i kilka innych narzedzi.
Poniewaz programy ladnie pokazuja gdzie sa waskie gardla - mniej wiecej wiem co nalezy poprawic. Problem w tym ze nie do konca wiem jak.

- style CSS
npaisane jest ze trzeba w osobnych plikach (a najlepiej aby polaczyc w jeden plik aby zmniejszyc ilosc zapytan lub importow), poczym czytam ze dobrzejest umiescic kod css w headzie strony
Pytanie: czy ze wzgledu na wydajnosc lepiej dac sytl w kodzie strony czy w zewnetrzynm pliku. Jesli troche tu a troche tu to czym sie kierowac wybierajac style do wpisania w kodzie ?

- kod Javascript
Tu tez doczytalem ze generalnie lepiej wszystko w 1 pliku wczytywanym gdzies w dole strony
Pytanie: Jesli ktos uzywa np jQuery + TinyMCE(z pluginami) + Lightbox+costam jeszcze (w sumie ok 1MB danych JS) jak optymalnie i szybko wczytywac te dane ?

- Etagi a Expire
Gdzies wyczytalem, że generalnie etagi mozna sobie odpuscic na rzecz Expire
Jak juz wczesniej pisalem troche danych mam do pobrania wiec chcialbym je pobrac raz i uzywac bez ponownego pobierania przez np 24h - z wyjatkiem plikoww graficznych ktore powinny byc walidowane. Ale nie wiem jak to ustawic.

Sporo czytalem na ten temat ale nie wiem jak ogarnac to praktycznie. Czy moge prosic o jakas podpowiedz w tym temacie ?
pozdrawiam
Grzegorz

[wNogachSpisz]

- style CSS
Problem polega na znalezieniu złotego środka pomiędzy dwoma zmiennymi:
- pobranych i niewykorzystanych definicji stylów
- ilości plików tj. zapytań do serwera

Z jednej strony, jeśli stworzysz dużo plików, każdy stylizujący niewielką ilość elementów czy podstron, to klient nie będzie musiał np. przy wchodzeniu na główną pobierać dużej ilości potencjalnie niewykorzystanych stylów.
Z drugiej strony jeśli podzielisz style na zbyt wiele plików, koszt zużytych zasobów serwera związany z obsłużeniem dużej ilości zapytań będzie przeważający.

Generalnie nikt się nie bawi w jakieś nadzwyczajne kompresowanie frontendu, często style są podzielone na kilka plików i to nie z uwagi na optymalizację tylko separacja layoutu od templaytu. Warto poparzeć jak robi konkurencja, np. github ma dwa potężne pliki CSS na CDNie, oba ładują się z głownej.. Niby bez sensu ale też tak można.

- Etagi a Empire
Jedno nie wyklucza drugiego, stosuj oba. Jest też bardzo przydatny max-age.