-
[ Pobierz całość w formacie PDF ]
4.
Analiza przypadku kampanii PPC: BodyGlove.com ................................................. 125
Optymalizacja kampanii PPC serwisu Body Glove
125
Podsumowanie
132
5.
Optymalizacja współczynnika konwersji ................................................................. 133
Korzyści ze stosowania optymalizacji CRO
133
Najlepsze praktyki optymalizacji CRO
134
10 najważniejszych czynników
wpływających na maksymalizację współczynników konwersji
140
Etapy kampanii CRO
151
Podsumowanie
169
II Optymalizacja wydajności stron WWW ...............................................171
6.
Optymalizacja stron WWW ....................................................................................... 179
Znane problemy ze stronami WWW
180
W jaki sposób zoptymalizować szybkość stron WWW?
184
Podsumowanie
209
7.
Optymalizacja CSS ...................................................................................................... 211
Budowanie architektury CSS
211
10 wskazówek optymalizacji CSS
214
Podsumowanie
238
8.
Optymalizacja Ajaksa ................................................................................................ 239
Częste problemy z Ajaksem
240
Ajax: nowa, poprawiona komunikacja bazująca na JavaScript
241
Odpowiednie zastosowania technologii Ajax
241
Tworzenie własnych rozwiązań bazujących na Ajaksie
245
Korzystanie z bibliotek Ajaksa
249
Optymalizacja JavaScript
253
Minimalizacja liczby żądań HTTP
266
Rozsądny wybór formatów danych
268
Rozwiązanie problemu z pamięcią podręczną
przy korzystaniu z technologii Ajax
271
Rozwiązywanie problemów z rozmiarami sieci
273
Skutki zastosowania architektury Ajax
277
Podsumowanie
278
6
|
Spis treści
9.
Zaawansowana optymalizacja serwisów WWW .................................................... 279
Techniki optymalizacji po stronie serwera
279
Techniki poprawy wydajności po stronie klienta
303
Podsumowanie
317
10.
Metryki optymalizacji wydajności ............................................................................ 319
Metryki sukcesu serwisu internetowego
320
Typy oprogramowania do analizy serwisów internetowych
324
Metryki marketingu w wyszukiwarkach
332
Metryki wydajności serwisów WWW
345
Podsumowanie
369
Skorowidz ..............................................................................................................................371
Spis treści
|
7
ROZDZIAŁ 6.
Optymalizacja stron WWW
Celem optymalizacji stron WWW jest uproszczenie ich treści po to, by wyświetlały się szyb-
ciej. Szybkie wyświetlanie stron jest kluczem do sukcesu serwisu WWW. Zwiększa zyski, ob-
niża koszty i poprawia satysfakcję klientów (nie mówiąc już o pozycji w rankingach wyszu-
kiwarek, dostępności i łatwości pielęgnacji).
Uproszczenia polegają na takim przekształceniu stron, aby szybciej wyświetlała się treść do-
stępna natychmiast. Dzięki temu można opóźnić moment ładowania treści z zewnątrz. W tym
rozdziale podpowiemy, w jaki sposób zminimalizować liczbę żądań HTTP, przekształcić kod
strony na semantyczny zestaw znaczników, ułatwić nadawanie stylistyki dzięki kaskado-
wym arkuszom stylów (CSS), zoptymalizować grafikę i multimedia oraz opóźnić ładowanie
treści z zewnątrz.
W celu maksymalizacji szybkości wyświetlania stron WWW można zastosować 10 technik
wymienionych poniżej:
•
zminimalizowanie liczby żądań HTTP;
•
zmiana rozmiaru i optymalizacja ilustracji;
•
optymalizacja multimediów;
•
zastąpienie skryptów JavaScript kodem CSS;
•
wykrywanie możliwości przeglądarek po stronie serwera;
•
optymalizacja kodu JavaScript pod kątem szybkości uruchamiania i rozmiaru plików;
•
konwersja na CSS układu bazującego na tabelach;
•
zastąpienie stylów wierszowych (ang.
inline
) regułami CSS;
•
zminimalizowanie czasu wyświetlania;
•
rozsądne ładowanie kodu JavaScript.
Dzięki zastosowaniu dobrych praktyk zaprezentowanych w niniejszym rozdziale przekształ-
cimy kod HTML i multimedia w taki sposób, aby serwis stał się bardziej dynamiczny. Roz-
poczniemy od omówienia znanych problemów ze stronami WWW, przed którymi stają inży-
nierowie wydajności serwisów WWW.
179
Znane problemy ze stronami WWW
Rozmiar i złożoność kodu wykorzystywanego na stronach WWW w dużej części determinuje
ich początkową szybkość wyświetlania. Strony, które są duże i złożone, zwłaszcza te, które
zawierają zagnieżdżone tabele oraz niewłaściwie umieszczone wywołania plików CSS i JavaScript,
opóźniają moment, w którym wyświetla się użyteczna treść. Uproszczone strony WWW
sprawiają
wrażenie
szybszych z powodu szybszego sprzężenia zwrotnego osiąganego dzięki
progresywnemu wyświetlaniu. Idea polega na uproszczeniu kodu stron z wykorzystaniem
technik bazujących na standardach oraz dążeniu do tego, by kod nie przeszkadzał w łado-
waniu treści.
Lokalizacja wywołań plików CSS i JavaScript
Wywoływanie plików CSS na początku strony (wewnątrz elementu
head
), natomiast kodu
JavaScript na jej końcu (wewnątrz elementu
body
) umożliwia progresywne renderowanie.
Zła lokalizacja kodu CSS lub JavaScript może doprowadzić do opóźnień w renderowaniu
treści w przeglądarkach. Więcej informacji znajduje się w punkcie „Umieszczanie kodu CSS
na początku, a kodu JavaScript na końcu” w dalszej części tego rozdziału.
Jak pisze Steve Souders w swojej książce
Wydajne witryny internetowe. Przyspieszanie działania
serwisów WWW
(Helion), 80% czasu odpowiedzi stron WWW wynika z ich treści. Większą
część tego czasu zajmuje obsługa obiektów składających się na stronę WWW. Kiedy liczba
obiektów na stronie przekroczy cztery,
koszty czasowe związane z ładowaniem obiektów
stają się
dominującym składnikiem opóźnień w ładowaniu stron WWW.
Jak dowiedzieliśmy się z wprowadzenia do części II, większość stron WWW znacznie prze-
kracza próg czterech obiektów. Przeciętnie strona zawiera ponad 50 obiektów, a jej rozmiar
przekracza 300 kB. Strony wykorzystujące technologię Ajax, jeśli zawierają błędy kodowania,
mogą jeszcze bardziej pogorszyć interaktywność — nawet po załadowaniu strony.
Jak wyraźnie widać, jest miejsce na usprawnienia w wydajności przeciętnej witryny WWW.
Eliminacja niepotrzebnych obiektów
Dzięki upowszechnieniu się technologii Ajax, DHTML i aplikacji agregujących Web 2.0 (ang.
mashups
) niektóre strony WWW zmieniły się z prostych dokumentów HTML w złożone, interak-
cyjne aplikacje. Zwiększona złożoność jest związana z kosztami: większym rozmiarem stron
WWW. W miarę wzrostu złożoności stron WWW proporcjonalnie wzrosła liczba zewnętrznych
obiektów. Każdy dodatkowy obiekt to o jedno żądanie HTTP więcej i większe opóźnienia.
Każdy obiekt wprowadza opóźnienia w czasie ładowania strony, zwiększając go średnio
o 0,25 sekundy w przypadku połączeń wdzwanianych oraz 40 ms w przypadku połączeń
szerokopasmowych
1
. Duża liczba obiektów na stronie jest najbardziej dotkliwa dla użytkow-
ników odległych, ponieważ dalekosiężne połączenia wymagają więcej
przeskoków
i stwarzają
więcej okazji do utraty danych.
1
Chung S. 2007.
The investigation and classifying the web traffic delay & Solution plans presentation
. Referat na
konferencji „ICACT2007” 2 (12 – 14 lutego 2007): 1158 – 1161.
180
|
Rozdział 6. Optymalizacja stron WWW
[ Pobierz całość w formacie PDF ] - zanotowane.pl
- doc.pisz.pl
- pdf.pisz.pl
- wzory-tatuazy.htw.pl