W ostatnich czasie coraz więcej mówi się o nadchodzącym CSS3, który udostępnia web-developerom wiele nowych właściwości i funkcjonalności.
Niestety większość silników przeglądarek wprowadza swoje własne przedrostki dla tych własności, oznaczając je w ten sposób jako eksperymentalne. Mowa tutaj o -webkit-, -o-, -moz- czy -html-. W niniejszym wpisie opiszę sposób skracający pracę z tymi własnościami CSS3.
Kompresja JavaScript oraz kompresja CSS może znacząco przyśpieszyć wczytywanie się strony, co jest szczególnie ważne dla osób korzystających z wolnych łącz (pozdrawiam tutaj wszystkich klientów Asta-Net, którzy płacą ponad 50 zł/m-c i mogą ściągać z prędkością 5 KB/s :D, do których niestety też się zaliczam).
We wpisie tym pokrótce zaprezentuję bardzo ciekawą metodę kompresji plików JavaScript oraz CSS z wykorzystaniem algorytmu deflate (dla plików PNG) oraz technologii Canvas.
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.
