Jak zoptymalizować stronę www? Wtyczki YSlow i Page Speed.

Odwieczne pytanie jak przyspieszyć ładowanie strony.
Kilka prostych tricków, które w połączeniu z analizą za pomocą wtyczek do Firebuga, YSlow i Page Speed potrafią uczynić cuda:

  • optymalizacja grafik
  • ładowanie arkuszy stylów CSS jak najwcześniej wewnątrz tagu HEAD
  • ładowanie plików Java Script tuż przed elementem BODY
  • włączenie kompresji GZIP (uwaga na pliki flash SWF!! lubią się ciąć z włączoną kompresją)
  • sprytne korzystanie z cachowania przeglądarki poprzez dodawanie znacznika czasu do nazwy pliku np. „styl.css?12333455″
  • minimalizacja białych znaków w plikach CSS i JS
  • używanie zewnętrznych plików CSS
  • łączenie styli CSS w jak najmniejszą ilość plików zewnętrznych
  • określanie WIDTH i HEIGHT dla każdego obrazka w kodzie (przyśpiesza renderowanie DOM)
  • Minimalizacja odwołań DNSczyli ładowania treści z różnych adresów url (tu trzeba zaznaczyć że czasem wartotrzymać grafiki na np 2 różnych subdomenach w celu efektywnegowykorzystania równoległego ładowania treści przez przeglądarki)
  • wyłączenie eTag i samodzielne zarządzanie cache

[ad#post]High Performance Web Sites and YSlow

Improving website performance with Page Speed

źródło:

Powiązane wpisy:

Comments are closed.