Przyspieszanie i optymalizacja stron www - YSlow

2011-08-06, 14:43
Unikalna treść a pozycjonowanie

YSlow to świetne i darmowe narzędzie które wykonuje analizę strony internetowej. Podpowiada co zrobić aby przyspieszyć wczytywanie strony w oparciu o spis praktycznych reguł które decydują o wydajności serwisu. To niedoceniane rozszerzenie należy zainstalować w przeglądarce Firefox lub Chrome. Olbrzymie możliwości dodatku w łatwy i praktycznie bezpłatny sposób pozwalają znacznie zwiększyć wydajność serwisu. Na stronie http://developer.yahoo.com/yslow/ możemy ściągnąć i przetestować rozszerzenie na naszej stronie. Narzędzie jest przeznaczone dla typowych serwisów internetowych

YSlow posiada 3 reguły do testowania witryny. Dla reguły YSlow(V2) otrzymaliśmy wynik A i 93 punkty jednak gdy wyłączymy serwery CDN witryna otrzymała aż 98 punktów. Użycie serwerów CDN dla małych stron nie jest wymagane.

Praktyczne reguły dla optymalizacji stron www:

  1. Minimalizacja żądań HTTP - co oznacza głównie wprowadzenie źródeł grafiki do pliku CSS oraz ograniczenie ilości zew plików JavaScript i CSS.
  2. Użycie serwerów CDN które pozwalają na pobieranie danych z najbliższej geolokalizacji.
  3. Najważniejsza reguła optymalizacji to poprawne stosowanie linków tak aby nie używać pustych atrybutów href="" oraz dla grafiki i plików src="".
  4. Poprawne ustawienie nagłówków strony: głównie dodanie kodowanie znaków oraz czasu wygaśnięcia ważności zbuforowanej strony.
  5. Używanie kompresji Gzip głównie dla plików CSS, JavaScript, HTML.
  6. Umieszczenie na początku strony odwołania do plików CSS.
  7. Dodanie na końcu strony skryptów JavaScript.
  8. Unikanie wyrażeń css "inline" w kodzie HTML.
  9. Używanie zewnętrznych plików css oraz JavaScript.
  10. Zmniejszenie wielkości plików HTML, CSS i JavaScript o zbędne spacje, przejścia do następnej lini, tabulatory itp. Polecamy użycie skryptu http://code.google.com/p/minify/source/browse/trunk/min/lib/Minify/ .
  11. Unikanie przekierowań do strony typu 301 i 302.
  12. Usunięcie powtarzających się skryptów.
  13. Poprawna konfiguracja ETAG która pozwoli zbuforować pliki statyczne.
  14. Poprawne ustawienie nagłówków dla buforowania odwołań Ajax.
  15. Używanie metody GET dla żądań typu AJAX gdyż jest szybsza.
  16. Poprawne zaprojektowanie strony - zmniejszenie liczby elementów DOM.
  17. Brak błędnych odwołań do nie istniejących stron oraz plików - error 404.
  18. Przechowywanie w ciasteczkach małej ilości danych.
  19. Pobieranie plików statycznych z domeny która nie posada ciasteczek.
  20. Nie skalować obrazków przez używanie styli w kodzie HTML.
  21. Dodanie pliku favicon.ico z odp nagłówkiem ETAG.
Komentarze (0), Dodaj komentarz