Bookmarklety to małe skrypty JavaScript przechowywane jako adresy URL, których kliknięcie (wywołanie) powoduje wykonanie owego kodu i tym samym pozwalają rozszerzyć wbudowane możliwości przeglądarki w kontekście aktualnie oglądanej strony.
W niniejszym wpisie zaprezentuję kilka używanych przeze mnie bookmarkletów przydatnych każdemu web developerowi (czy innemu opiekunowi stron internetowych).
JavaScript można wczytywać na kilka różnych sposobów, m. in. statycznie i dynamicznie, w tym synchronicznie lub asynchronicznie.
W niniejszym wpisie przyjrzę się więc różnym sposobom wczytywania plików JavaScript do tworzonych dokumentów HTML, porównam ich wydajność i użyteczność, wymienię główne wady i zalety. Do dzieła!
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.
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.
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.