Witam.
Zajmuje się własnie optymalizacją strony internetowej programem Pager Speed (dodatek do Firefoxa). Strona moja dostała 77 punktów na 100.

Szukałem w internecie co znaczy dany punkt, ale nie bardzo sobie poradziłem z następującymi elementami:

Na czerwono mam:

Tutaj chodzi o jakiś okres trwałości danego elementu? Czy to znaczy, że przy każdym poniższympliku musze okreslać jego ważność?
Leverage browser caching
Cytat
The following cacheable resources have a short freshness lifetime. Specify an expiration at least one week in the future for the following resources:

* http://www.moja_domena.pl/js/functions.js (expiration not specified)
* http://www.moja_domena.pl/js/jquery.js (expiration not specified)
* http://www.moja_domena.pl/js/jquery_fancy.js (expiration not specified)
* http://www.moja_domena.pl/grafika/btn_do_koszyka.gif (expiration not specified)
* http://www.moja_domena.pl/grafika/btn_wyslij.gif (expiration not specified)
* .. i tak dalej 20 innych plików gif i jpg




Wyczytałem na zachodnich forach, że jezeli pliki ściągane są z kilku domen, wtedy szybciej to idzie, ponieważ z jednej domeny naraz może być sciagany tylko jeden plik jednocześnie. czy to prawda?
Parallelize downloads across hostnames
Cytat
This page makes 29 parallelizable requests to www.moja_domena.pl. Increase download parallelization by distributing these requests across multiple hostnames:

* http://www.moja_domena.pl/js/functions.js
* http://www.moja_domena.pl/js/jquery.js
* http://www.moja_domena.pl/js/jquery_fancy.js
* http://www.moja_domena.pl/grafika/btn_do_koszyka.gif
* http://www.moja_domena.pl/grafika/btn_wyslij.gif
* http://www.moja_domena.pl/grafika/bg.gif
* ...+ 25 innych plików gif, jpg i css



Podawanie wymiarów też przyspieszy generowanie strony? np w przypadku <input type="image" src="sciezka.gif" > też muszę podawać rozmiar pliku? Jest to troche kłopotliwe jak bede pracował nad inną stroną na bazie tej, bedzie mase zmieniania za kazdym razem.
Specify image dimensions
Cytat
The following image(s) are missing width and/or height attributes.

* http://www.moja_domena.pl/grafika/btn_zapisz.gif (Dimensions: 76 x 29)
* http://www.moja_domena.pl/grafika/btn_wyloguj.gif (Dimensions: 37 x 29)
* http://www.moja_domena.pl/grafika/header_menu_przerwa.gif (Dimensions: 1 x 56) (2 uses)
* http://www.moja_domena.pl/grafika/icon_platnosci.gif (Dimensions: 338 x 24)
* http://www.moja_domena.pl/grafika/icon_poczta.gif (Dimensions: 14 x 15) (2 uses)
* .. iak dalej jescze 10 plików



Tutaj nie wiem o co chodzi. Tłumaczac to zastanawiam sie, czy to nie jest to, że mam jeden obrazek zawierający np 10 przycisków.. i tylko wspolzedne się podaje dla danego elmentu i on wyświwetla ten kawałek?
Combine images into CSS sprites
Cytat
The following images served from sotech.pl should be combined into as few images as possible using CSS sprites.

* http://www.moja_domena.pl/grafika/bg.gif
* http://www.moja_domena.pl/grafika/bg_foot.gif
* http://www.moja_domena.pl/grafika/dziobek3.gif
* http://www.moja_domena.pl/grafika/form_szukaj_bg.gif
* http://www.moja_domena.pl/grafika/header_menu_bg.gif
* .. i tak dalej około 10 plików




NA ŻÓŁTO MAM:

Nieefektywne selektory. Ostatnio gdzieś znalazłem kawałek: "html * { margin:0; padding:0; }" myslałem, że to mi fajnie wszedzie wprowadzi jeden standard dla kazdej przegladarki. Co do reszty to niebardzo wiem co jest nie tak. Może to, że podawałem kilka znaczników naraz "ul li" ?
Use efficient CSS selectors

Cytat
http://www.moja_domena.pl/styles/style.css has 5 very inefficient rules, 22 inefficient rules, and 7 potentially inefficient uses of :hover out of 212 total rules.

Very inefficient rules (good to fix on any page):

* html * Universal key with descendant selector
* #nav-cat2 h3.active a Tag key with 2 descendant selectors and Class overly qualified with tag
* #kar_zakladki div.tab_opcja a Tag key with 2 descendant selectors and Class overly qualified with tag
* #kar_kolumna_1 div#kar_zdj img Tag key with 2 descendant selectors and ID overly qualified with tag
* #zaloguj_zarejestruj div div.punkty_checkbox p Tag key with 3 descendant selectors and Class overly qualified with tag

Inefficient rules (good to fix on interactive pages):

* #header_menu div:hover a:link Tag key with 2 descendant selectors
* #header_menu div:hover a:visited Tag key with 2 descendant selectors
* #header_menu div:hover a:active Tag key with 2 descendant selectors
* #header_menu div:hover a:hover Tag key with 2 descendant selectors
* #nav-cat2 h3 span Tag key with 2 descendant selectors
* .nav-cat2-producent-kat #nav-cat2 h3 Tag key with 2 descendant selectors
* #lista_sciezka ul li Tag key with 2 descendant selectors
* #content_left .box_naglowek a Tag key with 2 descendant selectors
* #content_right .box_naglowek a Tag key with 2 descendant selectors
* .box_ankieta li img Tag key with 2 descendant selectors
* .box_ankieta li div Tag key with 2 descendant selectors
* .box_kat ul li Tag key with 2 descendant selectors
* .box_kat ul li:hover Tag key with 2 descendant selectors
* .box_kat ul li a Tag key with 3 descendant selectors
* .box_polecane ul li Tag key with 2 descendant selectors
* #kar_zakladki div td Tag key with 2 descendant selectors
* td.tab_opcja a:active Tag key with descendant selector and Class overly qualified with tag
* td.tab_opcja a:hover Tag key with descendant selector and Class overly qualified with tag
* #kar_kolumna_2 ul li Tag key with 2 descendant selectors
* #moje_ankiety ul li Tag key with 2 descendant selectors
* #zaloguj_zarejestruj div p Tag key with 2 descendant selectors
* #zaloguj_zarejestruj div fieldset Tag key with 2 descendant selectors




Znalazłem w internecie http://stackoverflow.com/questions/3641197...der-in-htaccess czy wklejenie tego do httacces załątwi sprawe? Nigdy z takim czymś się nie spotkałem, żeby ktoś takie coś wstawiał do httacces.
Specify a Vary: Accept-Encoding header
Cytat




Bede wdzięczny za wszelkie wypowiedzi nawet na temat cześci punktów.