Współautorzy (9)

Przedmowa (11)

1. Wydajność technologii Ajax (19)

• Coś za coś (19)
  
• Zasady optymalizacji (20)
  
• Ajax (22)
  
• Przeglądarka (22)
  
• Fajerwerki (23)
  
• JavaScript (24)
  
• Podsumowanie (24)

2. Tworzenie responsywnych aplikacji WWW (25)

• Co to znaczy "wystarczająco szybko"? (27)
  
• Pomiar opóźnienia (28)
  
  • Gdy opóźnienia są zbyt duże (30)
• Wątkowanie (30)
  
• Zapewnienie responsywności (31)
  
  • Web Workers (31)
  • Gears (32)
  • Timery (33)
  • Wpływ zużycia pamięci na czas odpowiedzi (34)
  • Pamięć wirtualna (35)
  • Rozwiązywanie problemów związanych z pamięcią (36)
• Podsumowanie (36)

3. Rozdzielanie przesyłanej zawartości (39)

• Nie wszystko naraz (39)
  
• Oszczędności z podziału (40)
  
• Sposób podziału (41)
  
• Niezdefiniowane symbole i sytuacje wyścigu (42)
  
• Studium przypadku: Google Calendar (43)

4. Wczytywanie skryptów bez blokowania (45)

• Blokowanie skryptów (45)
  
• Techniki pobierania skryptów (47)
  
  • XHR Eval (47)
  • XHR Injection (48)
  • Skrypt w IFrame (49)
  • Skrypt w elemencie DOM (50)
  • Skrypt odroczony (50)
  • Znacznik SCRIPT w instrukcji document.write (50)
• Wskaźniki zajętości przeglądarki (51)
  
• Zapewnianie (lub unikanie) wykonywania w kolejności (53)
  
• Podsumowanie wyników (54)
  
• Zwycięzcą zostaje... (55)

5. Łączenie skryptów asynchronicznych (59)

• Przykład kodu: menu.js (60)
  
• Sytuacja wyścigu (62)
  
• Asynchroniczne zachowanie kolejności (63)
  
  • Technika 1.: Wywołanie zwrotne ustalone (64)
  • Technika 2.: Window Onload (65)
  • Technika 3.: Timer (66)
  • Technika 4.: Script Onload (66)
  • Technika 5.: Degradujące znaczniki skryptu (67)
• Wiele skryptów zewnętrznych (69)
  
  • Zarządzany kod XHR (70)
  • Techniki skryptu w elemencie DOM i skryptu w instrukcji document.write (73)
• Ogólne rozwiązanie (76)
  
  • Pojedynczy skrypt (76)
  • Wiele skryptów (77)
• Asynchroniczność w praktyce (79)
  
  • Google Analytics i Dojo (79)
  • YUI Loader Utility (81)

6. Pozycjonowanie skryptów osadzonych (85)

• Blokujące działanie skryptów osadzonych (85)
  
  • Przeniesienie skryptów osadzonych na koniec dokumentu (86)
  • Asynchroniczne inicjowanie wykonywania skryptów (87)
  • Użycie SCRIPT DEFER (88)
• Zachowywanie kolejności wczytywania CSS i kodu JavaScript (89)
  
• Niebezpieczeństwo: arkusz stylów przed skryptem osadzonym (90)
  
  • Skrypty osadzone nie są blokowane przez większość pobierań (90)
  • Skrypty osadzone są blokowane przez arkusze stylów (91)
  • Takie rzeczy się zdarzają (92)

7. Pisanie wydajnego kodu JavaScript (95)

• Zarządzanie zasięgiem (95)
  
  • Stosowanie zmiennych lokalnych (97)
  • Powiększanie łańcucha zasięgu (98)
  • Wydajny dostęp do danych (100)
• Sterowanie przepływem (103)
  
  • Szybkie warunkowanie (103)
  • Szybkie pętle (107)
• Optymalizacja łańcuchów znakowych (112)
  
  • Konkatenacja łańcuchów (112)
  • Przycinanie łańcuchów (114)
• Unikaj skryptów o długim czasie działania (115)
  
  • Wprowadzanie przerw przy użyciu timerów (116)
  • Wzorce timerów do wprowadzania przerw (118)
• Podsumowanie (120)

8. Skalowanie przy użyciu Comet (123)

• Jak działa Comet? (123)
  
• Techniki transportowe (125)
  
  • Odpytywanie (125)
  • Wydłużone odpytywanie (125)
  • Wieczna ramka (127)
  • Strumieniowanie XHR (128)
  • Techniki transportowe przyszłości (130)
• Rozwiązania międzydomenowe (130)
  
• Efekty wdrożenia w aplikacjach (131)
  
  • Zarządzanie połączeniami (131)
  • Pomiar wydajności (132)
  • Protokoły (132)
• Podsumowanie (133)

9. Nie tylko gzip (135)

• Dlaczego to ma znaczenie? (135)
  
• Co jest tego powodem? (137)
  
  • Szybki przegląd (137)
  • Winowajca (137)
  • Przykłady popularnych żółwich podsłuchiwaczy (138)
• Jak pomóc tym użytkownikom? (138)
  
  • Projektowanie pod kątem zminimalizowania rozmiarów nieskompresowanych danych (139)
  • Edukowanie użytkowników (143)
  • Bezpośrednie wykrywanie obsługi gzip (144)

10. Optymalizacja grafiki (147)

• Dwa etapy upraszczające optymalizację grafiki (148)
  
• Formaty plików graficznych (149)
  
  • Informacje wstępne (149)
  • Charakterystyka różnych formatów graficznych (151)
  • Więcej o PNG (153)
• Automatyczna bezstratna optymalizacja grafiki (155)
  
  • Optymalizacja plików PNG (155)
  • Usuwanie metadanych JPEG (156)
  • Konwersja plików GIF do formatu PNG (157)
  • Optymalizacja animacji GIF (158)
  • Smush.it (158)
  • Progresywna wersja formatu JPEG dla dużych grafik (158)
• Przezroczystość stopniowana - unikaj AlphaImageLoader (159)
  
  • Efekty przezroczystości stopniowanej (159)
  • AlphaImageLoader (161)
  • Problemy związane z filtrem AlphaImageLoader (162)
  • Progresywne rozszerzenie PNG8 o przezroczystość stopniowaną (164)
• Optymalizacja (165)
  
  • Podejście całościowe kontra podejście modułowe (166)
  • Wysoce zoptymalizowane obrazy CSS Sprite (167)
• Inne optymalizacje grafiki (167)
  
  • Unikaj skalowania grafiki (168)
  • Optymalizuj grafiki generowane (168)
  • Ikony favicon (169)
  • Ikona Apple touch (170)
• Podsumowanie (171)

11. Rozdzielanie zasobów na wiele domen (173)

• Ścieżka krytyczna (173)
  
• Kto rozdziela zasoby? (175)
  
• Przejście na HTTP/1.0 (177)
  
• Rozdzielanie zasobów (179)
  
  • Adres IP czy nazwa hosta? (179)
  • Ile domen? (180)
  • Jak podzielić zasoby? (180)
  • Nowsze przeglądarki (180)

12. Wcześniejsze wysyłanie dokumentu (181)

• Funkcja flush (181)
  
• Buforowanie danych wyjściowych (183)
  
• Kodowanie porcjami (185)
  
• Funkcja flush i kompresja gzip (186)
  
• Inne oprogramowanie pośredniczące (186)
  
• Blokowanie domen przy używaniu funkcji flush (187)
  
• Przeglądarki - ostatnia przeszkoda (188)
  
• Funkcja flush poza PHP (188)
  
• Lista kontrolna (189)

13. Oszczędne wykorzystanie elementów IFrame (191)

• Najbardziej kosztowny element DOM (191)
  
• Elementy IFrame blokują zdarzenie onload (192)
  
• Równoległe pobierania z elementami IFrame (194)
  
  • Skrypt przed elementem IFrame (194)
  • Arkusz stylów przed elementem IFrame (195)
  • Arkusz stylów za elementem IFrame (196)
• Liczba połączeń na serwer (197)
  
  • Współdzielenie połączeń w elementach IFrame (197)
  • Współdzielenie połączeń w kartach i oknach (198)
• Podsumowanie kosztu elementów IFrame (200)

14. Upraszczanie selektorów CSS (201)

• Rodzaje selektorów (201)
  
  • Selektory identyfikatora (202)
  • Selektory klas (202)
  • Selektory typu (203)
  • Selektory braci (203)
  • Selektory dziecka (203)
  • Selektory potomka (203)
  • Selektory uniwersalne (203)
  • Selektory atrybutu (204)
  • Pseudoklasy i pseudoelementy (204)
• Klucz do tworzenia wydajnych selektorów CSS (204)
  
  • Od prawej do lewej (204)
  • Pisanie wydajnych selektorów CSS (205)
• Wydajność selektorów CSS (206)
  
  • Wpływ złożonych selektorów na wydajność (czasami) (206)
  • Selektory CSS, których należy unikać (209)
  • Czas dopasowywania (211)
  • Pomiar selektorów CSS w praktyce (211)

Dodatek A: Narzędzia do analizy i poprawy wydajności (213)

• Narzędzia nasłuchujące (214)
  
  • HttpWatch (214)
  • Panel Sieć dodatku Firebug (215)
  • AOL Pagetest (215)
  • VRTA (216)
  • IBM Page Detailer (216)
  • Panel Resources narzędzia Web Inspector (216)
  • Fiddler (216)
  • Charles (217)
  • Wireshark (217)
• Narzędzia do analizy stron WWW (217)
  
  • Firebug (217)
  • Web Inspector (218)
  • IE Developer Toolbar (219)
• Narzędzia do analizy wydajności (219)
  
  • YSlow (220)
  • AOL Pagetest (221)
  • VRTA (223)
  • neXpert (223)
• Różne (224)
  
  • Hammerhead (224)
  • Smush.it (225)
  • Cuzillion (226)
  • UA Profiler (227)

Skorowidz (229)