Był już wpis o kompresowaniu stylów CSS, czas więc zabrać się za kolejne optymalizacje strony. Tym razem bierzemy się za kompresowanie JavaScript.
Wpis będzie oparty o strukturę klasy stworzonej przy okazji wspomnianego kompresora CSS. Kompresja kodu zostanie natomiast wykonywana przez JavaScript’s Packer (by Dean Edwards).
Trafiłem ostatnio na bardzo ciekawą stronę, w której można wykonać rozbudowane i wiele mówiące testy optymalizacyjne dla Twojej witryny.
Dowiesz się z niej o szybkości wczytywania się strony za pierwszym razem i przy każdych kolejnych odwiedzinach (z uwzględnieniem buforu przeglądarki i systemu), o wyglądzie witryny w różnych przeglądarkach, o szybkości wczytywania grafiki, skryptów i stylów w porównaniu do najważniejszego elementu – treści strony.
Minimalizacja żądań do zewnętrznych zasobów, kompresja kodu wysyłanego do użytkownika, optymalizacja skyptów i styli, buforowanie i cachowanie – jako programista/webdeveloper powinieneś dążyć do tego celu nieustannie i niestrudzenie :-)
W nieniejszej notce zaprezentuję swoją małą bibliotekę do minimalizacji, kompresji i oczyszczania plików CSS – nieodzownych przy budowie każdej nowoczesnej strony internetowej (zgodnej z modelem MVC).
Bardzo mnie denerwuje powolne się wczytywanie stron internetowych. Główny narzut czasowy stanowi zazwyczaj spora liczba obiektów do załadowania wraz ze stroną serwisu. Każdy obiekt powoduje wywołanie kolejnych zapytań HTTP. Efektem końcowym dla strony jest powolne wczytywanie zawartości.
Jak zminimalizować liczbę zapytań HTTP?
Blog o tworzeniu aplikacji na potrzeby sieci Web.
Praktyczne przykłady, porady i sztuczki. PHP, SQL, AJAX, JavaScript, HTML i pochodne.
