Zwieksz_szybkosc_Optymalizacja_serwisow_internetowych_optyse.pdf

(820 KB) Pobierz
C:\Andrzej\PDF\ABC nagrywania p³yt CD\1 strona.cdr
IDZ DO
PRZYK£ADOW Y ROZDZIA£
Zwiêksz szybkoæ!
SPIS TRECI
Optymalizacja serwisów
internetowych
Autor: Andrew B. King
T³umaczenie: Marek Suczyk (rozdz. 1 – 11),
Jacek Smycz (rozdz. 12 – 19)
ISBN: 83-7361-134-7
Format: B5, stron: 416
KATALOG KSI¥¯EK
KATALOG ONLINE
ZAMÓW DRUKOWANY KATALOG
TWÓJ KOSZYK
DODAJ DO KOSZYKA
Cierpliwoæ u¿ytkownika jest jak bomba zegarowa. Ka¿de wejcie na Twoj¹ stronê
WWW uruchamia odliczanie. Masz zaledwie kilka sekund, by dostarczyæ
odwiedzaj¹cemu treci, których poszukuje. Jeli nie zd¹¿ysz, mo¿esz siê po¿egnaæ
ze swoim gociem (i z ewentualnymi zyskami, które osi¹gn¹³by dziêki jego wizycie).
Nie mo¿esz liczyæ na szybkie ³¹cza. W dalszym ci¹gu wielu goci Twojej witryny u¿ywa
sieci telefonicznej i zwyk³ych modemów. Albo zd¹¿ysz, nim skoñczy siê ich cierpliwoæ,
albo przegrasz. Dlatego powiniene siêgn¹æ po tê ksi¹¿k¹. Dowiesz siê z niej, jak
skróciæ o po³owê czas wczytywania strony. Zmniejszysz rozmiary plików HTML,
XHTML, CSS, ilustracji i skryptów JavaScript oszczêdzaj¹c dodatkowo na kosztach
³¹czy. Przyk³ady wziête z praktyki przedstawiaj¹ techniki przynosz¹ce rzeczywiste
rezultaty. Po przeczytaniu tej ksi¹¿ki bêdziesz ju¿ wiedzia³, jak tworzyæ strony
pojawiaj¹ce siê na ekranie w mgnieniu oka.
Nauczysz siê:
• Przyspieszaæ ³adowanie siê stron WWW
• Anga¿owaæ u¿ytkowników w proces przegl¹dania strony
• Analizowaæ efekty psychologiczne wywo³ywane wolnym ³adowaniem siê stron
• Zmniejszaæ rozmiary i stopieñ skomplikowania plików HTML
• Stosowaæ skróty w CSS
• Przyspieszaæ i odchudzaæ JavaScript
• Zmniejszaæ rozmiary plików graficznych i multimedialnych
• Oszczêdzaæ przepustowoæ ³¹czy (a¿ do 60%!) stosuj¹c kompresjê HTTP
Andrew B. King (Andy) jest za³o¿ycielem WebReference.com oraz JavaScript.com
(obie witryny zosta³y nagrodzone w klasyfikacji stron przeznaczonych dla
programistów). WebReference.com – utworzona w 1995 roku, a nastêpnie w 1997 r.
zaadoptowana przez Macklermedia (obecnie Jupitermedia) – uros³a do rangi jednej
z najpopularniejszych stron internetowych dla programistów.
Kto wszed³ na Twoj¹ stronê? Nie ka¿ mu czekaæ!
• Praktyczne sposoby przyspieszania stron WWW
• Psychologia cierpliwoci – co powodujê, ¿e u¿ytkownicy uciekaj¹ ze strony
• Oszczêdzanie czasu i oszczêdzanie przepustowoci: kompresja HTTP
• Zmniejszanie rozmiarów plików graficznych i multimedialnych.
CENNIK I INFORMACJE
ZAMÓW INFORMACJE
O NOWOCIACH
ZAMÓW CENNIK
CZYTELNIA
FRAGMENTY KSI¥¯EK ONLINE
Wydawnictwo Helion
ul. Chopina 6
44-100 Gliwice
tel. (32)230-98-63
e-mail: helion@helion.pl
732428377.001.png 732428377.002.png 732428377.003.png
Spis treci
O Autorze ..........................................................................................9
Przedmowa......................................................................................13
Wstp .............................................................................................15
Cz I Psychologia wydajnoci..................................................21
Rozdział 1. Czas odpowiedzi: osiem +/– dwie sekundy .......................................23
Szybko — główny składnik wpływajcy na wygod uywania systemu......................25
Krótka historia o wydajnoci sieci ....................................................................................27
Czas reakcji a zadowolenie uytkownika..........................................................................29
Wska)nik rezygnacji i granica uwagi................................................................................34
Zdolno dostosowania .....................................................................................................37
Podsumowanie ..................................................................................................................40
Rozdział 2. Przepływ w projektowaniu stron internetowych.................................43
Mihaly Csikszentmihalyi i przepływ.................................................................................44
Co powoduje uczucie przepływu w sieci internetowej? ...................................................46
Uczucie przepływu i projektowanie stron internetowych.................................................50
Podsumowanie ..................................................................................................................52
Cz II Optymalizacja kodu HTML i XHTML.................................53
Rozdział 3. Optymalizacja HTML ........................................................................55
Co to jest optymalizacja kodu HTML?.............................................................................56
Złoono kodu a przepustowo łcza ............................................................................56
Jak nowoczesne przegldarki współpracuj z HTML?.....................................................59
W jaki sposób optymalizowa HTML? ............................................................................61
Podsumowanie ..................................................................................................................76
Rozdział 4. Zaawansowane metody optymalizacji...............................................77
Wskazówki do projektowania tabel ..................................................................................77
Optymalizacja formularzy.................................................................................................92
Skróty URL .......................................................................................................................98
HTML i kompresja..........................................................................................................100
Podsumowanie ................................................................................................................101
 
6
Zwiksz szybko! Optymalizacja serwisów internetowych
Rozdział 5. Ekstremalny XHTML ......................................................................103
Korzyci płynce z XHTML...........................................................................................104
XHTML kontra HTML...................................................................................................106
Anatomia dokumentu XHTML.......................................................................................106
Zasady składni XML.......................................................................................................110
Konwersja z HTML do XHTML ....................................................................................116
Optymalizacja kodu XHTML .........................................................................................117
Podsumowanie ................................................................................................................120
Rozdział 6. Studium przypadku: PopularMechanics.com....................................123
Automatyczna optymalizacja..........................................................................................126
Optymalizacja rczna......................................................................................................127
Podsumowanie ................................................................................................................132
Cz III Optymalizacja DHTML: CSS i JavaScript........................135
Rozdział 7. Optymalizacja CSS.........................................................................137
Mdre stosowanie stylów................................................................................................138
Usuwanie wolnych przestrzeni........................................................................................139
Wycinanie komentarzy....................................................................................................139
Minimalizacja da> HTTP ............................................................................................140
Uywanie prostych selektorów i podstawie>..................................................................140
Grupowanie.....................................................................................................................143
Dziedziczenie ..................................................................................................................145
Warstwy stylów a szybko ............................................................................................146
Skracanie właciwoci.....................................................................................................146
Optymalizacja kolorów CSS...........................................................................................154
Jednostki długoci: wszystko jest wzgldne ...................................................................156
Podsumowanie ................................................................................................................158
Rozdział 8. Zaawansowana optymalizacja kodu CSS.........................................161
Zasady optymalizacji arkuszy CSS.................................................................................161
Elementy zastpcze .........................................................................................................164
Tabele i CSS....................................................................................................................176
Kontrolowanie układu za pomoc arkuszy CSS .............................................................177
Podsumowanie ................................................................................................................180
Rozdział 9. Optymalizacja kodu JavaScript pod k7tem szybko9ci ładowania.......183
Kiedy zdecydowa si na optymalizacj?.......................................................................184
Zrzucenie zbdnych kalorii.............................................................................................184
Mdre stosowanie JavaScriptu........................................................................................187
Minimalizacja da> HTTP ............................................................................................188
Skróty i odwzorowanie....................................................................................................191
Zagszczanie i zaciemnianie...........................................................................................192
JavaScript i kompresja ....................................................................................................196
Podsumowanie ................................................................................................................197
Rozdział 10. Optymalizacja kodu JavaScript pod k7tem szybko9ci działania.........199
Poziomy projektowania...................................................................................................200
Sprawdzanie zmian .........................................................................................................201
Algorytmy i struktury danych .........................................................................................201
Upraszczanie kodu ..........................................................................................................203
Minimalizacja współdziałania modelu DOM z wejciem-wyjciem..............................203
Optymalizacja lokalna.....................................................................................................208
Dostrajanie wyrae>........................................................................................................220
Podsumowanie ................................................................................................................222
Spis treci
7
Rozdział 11. Studium przypadku: DHTML.com ....................................................225
Cz IV Optymalizacja grafiki i multimediów..............................229
Rozdział 12. Optymalizacja grafiki stron internetowych.......................................231
Tworzenie i przygotowanie obrazków............................................................................232
Optymalizacja plików JPEG ...........................................................................................233
Optymalizacja plików GIF..............................................................................................243
Optymalizacja PNG.........................................................................................................250
Czas pobierania: liczba pakietów a rozmiar strony.........................................................255
Na horyzoncie: JPEG2000 i grafika wektorowa.............................................................256
Podsumowanie ................................................................................................................257
Rozdział 13. Minimalizacja multimediów ............................................................259
Podstawy multimediów...................................................................................................260
Kompresja i optymalizacja audio....................................................................................271
Optymalizacja wideo.......................................................................................................277
Optymalizacja PDF .........................................................................................................289
Podsumowanie ................................................................................................................293
Rozdział 14. Studium przypadku: Apple.com.......................................................295
Output (wyjcie)..............................................................................................................296
Tracks (cieki) ...............................................................................................................296
Image (obraz) ..................................................................................................................296
Adjust (dostosowanie).....................................................................................................297
Encode (kodowanie)........................................................................................................297
Audio...............................................................................................................................298
Ostateczne wyniki ...........................................................................................................298
Cz V Optymalizacja mechanizmów wyszukiwania...................299
Rozdział 15. Optymalizacja słów kluczowych......................................................301
Ogólny obraz...................................................................................................................301
Optymalizacja słów kluczowych — porady....................................................................304
Strategie projektowe przyjazne dla pajków...................................................................318
Charakterystyka strony o wysokiej pozycji w rankingach..............................................319
Podsumowanie ................................................................................................................320
Rozdział 16. Studia przypadków: PopularMechanics.com i iProspect.com ...........323
PopularMechanics.com ...................................................................................................323
iProspect.com..................................................................................................................328
Cz VI Zaawansowane techniki optymalizacji .........................333
Rozdział 17. Techniki działaj7ce po stronie serwera ...........................................335
Server-Side Includes .......................................................................................................336
Zalety SSI: szybko i dua zgodno ............................................................................337
Dostrajanie mod_include.................................................................................................338
Wykrywanie przegldarek po stronie serwera ................................................................340
Skracanie adresów URL za pomoc mod_rewrite..........................................................351
Optymalizacja formularzy i CGI.....................................................................................358
Nigdy wicej www..........................................................................................................362
Podsumowanie ................................................................................................................363
8
Zwiksz szybko! Optymalizacja serwisów internetowych
Rozdział 18. Kompresowanie stron internetowych ..............................................365
Algorytmy kompresji tekstu............................................................................................366
Kompresja zawartoci .....................................................................................................367
Kompresja zawartoci: strona klienta .............................................................................369
Kompresja zawartoci: strona serwera............................................................................373
Kompresja zawartoci oparta na proxy...........................................................................389
Narzdzia oceniajce.......................................................................................................390
Na horyzoncie .................................................................................................................391
Podsumowanie ................................................................................................................392
Rozdział 19. Studia przypadków: Yahoo.com i WebReference.com......................395
Skracanie Yahoo.com......................................................................................................395
Skracanie WebReference.com ........................................................................................397
Dodatki ......................................................................................399
Skorowidz......................................................................................401
Zgłoś jeśli naruszono regulamin