Jak przyspieszyć ładowanie się portalu?
Ostatnimi czasy natknąłem się na ciekawy produkt napisany poprzez jednego z inżynierów Googla - Aarona Hopkinsa. Cechuje on wiele składników wpływających na szybkość ładowania się strony(np. sts). Jednym ze pochodzeń ambarasu kornego ładowania się jest część pierwiastków, o które musi spytać przeglądarka. Dlaczego?
* Przeglądarki takie jak Firefox czy IE wdrożą następujące spytanie http wówczas po zakończeniu poprzedniego (tzw. opcja pipelining jest domyślnie wykluczona), wyjątkową przeglądarką posiadającą tą alternatywę włączoną domyślnie jest Opera. Dodatkowo serwery posiadają w większości wyłączoną alternatywę keepalive, jaka sankcjonuje na mijanie czczych handshake ów podczas kolejnych spytań.
* Zarówno IE jak oraz Firefox mają limit dwóch wiązań do jednego hosta (przy nagłówku HTTP/1.1) oraz osiem wiązań łącznie.
* Większość unifikuj internetowych posiada asymetryczny transfer. W czym szkopuł? Teraz wyprawienie kilku-nastu/dziesięciu spytań o obrazki, jscript czy cssy może przyblokować upload, jaki z zasady jest w związku 1:5 - 1:20 z downloadem.
Jak sobie z tym podrzucać? Istnieje kilka metod wykorzystujących normie działania przeglądarek, co sankcjonuje na ominięcie tych niedogodności.
* Włączże alternatywę HTTP keepalive dla pierwiastków obrzeżnych. Dzięki temu zwyciężysz trochę okresu oraz kilobajtów na czczych handshake ach. Jeżeli boisz się o zbyt przeważającą część skłonnych wiązań umocujże limit keepalive na 5-10 chwil.
* Ładuj mniej obrzeżnych celów. Jeden większy obiekt załaduje się pospieszniej nawlekajże dwa mniejsze (ale mniej spokojnie - np. w przypadku dużych obrazów pociętych na kawałki). Jeżeli Twój design włącza morze niskich gifów, może spróbujże utworzyć layout za pomocą styli kaskadowych CSS.
* Jeżeli dysponujesz znacznie obrazków, pomyśl nad wstawieniem ich na różnorodnych hostach. Dla przypadka zdołasz umiejscowić obrazki na static0.example.com, static1.example.com… itp. Ale, sytuowanie pierwiastków na więcej nawlekajże 4 hostach nie ma wydźwięku, z względu publicznego limitu 8 wiązań przeglądarek (Firefox oraz IE).
* Rozmieść nagłówek Expire na jak najdłuższy czas. Publicznie dobrym planem jest ustawianie nagłówka na czas perfekcyjny, co przyzwoli na cacheowanie stronicy(np. Cieszyn, a także kiecki) oraz jej pierwiastków poprzez przeglądarki. Nie przyspieszy to naczelnego ładowania, ale sąsiadujące już dużo.