optymalizacja-serwisow-internetowych.-tajniki-szybkosci,-skutecznosci-i-wyszukiwarek scan.pdf

Analiza przypadku kampanii PPC: BodyGlove.com ................................................. 125

Optymalizacja kampanii PPC serwisu Body Glove

125

Podsumowanie

132

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

Optymalizacja stron WWW ....................................................................................... 179

Znane problemy ze stronami WWW

180

W jaki sposób zoptymalizować szybkość stron WWW?

184

Podsumowanie

209

Optymalizacja CSS ...................................................................................................... 211

Budowanie architektury CSS

211

10 wskazówek optymalizacji CSS

214

Podsumowanie

238

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

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 |

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

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika: