Szybkość ma znaczenie - optymalizacja szybkości działania strony WWW

Dla nas znaczenie ma nie tylko ładny wygląd strony, ale również jej szybkość działania i funkcjonalność dlatego dużą uwagę podczas tworzenia stron WWW przywiązujemy do optymalizacji stron.

Wyniki testu Google PageSpeed Insights są jednoznaczne - nasz najnowszy system CMS z domyślnym szablonem zyskuje we wszystkich trzech ocenianych kategoriach maksymalne oceny 100/100 punktów. 

W teście Google PageSpeed Insights oceniane są:

  • szybkość działania strony na komórki,
  • wygoda użytkowników na komórki,
  • oraz szybkość działania strony na komputery.

Czy to w ogóle ma znaczenie?

Nikt nie lubi czekać na załadowanie strony, a w szczególności ma to znaczenie na urządzeniach mobilnych, gdzie nie zawsze mamy do dyspozycji szybkie łącze internetowe.

O ile przy szybkim połączeniu kablowym lub Wi-Fi ilość plików oraz ich objętość przy w miarę szybkim serwerze nie robi takiej wielkiej różnicy na komputerach stacjonarnych o tyle źle wykonana strona internetowa przy połączeniu komórkowym może się ładować nawet kilkadziesiąt sekund, co wydaje się być wiecznością.

W takiej sytuacji użytkownik mobilny prawdopodobnie zrezygnuje z czekania i przejdzie na stronę konkurencji.

Dlatego tak ważne jest by strony były lekkie i ładowały się możliwie jak najszybciej!

Dlaczego nasze strony są takie szybkie?

Ma na to wpływ wiele czynników. Poniżej omawiamy te najważniejsze z nich. Jeśli nie wszystko jest dla Ciebie zrozumiałe nie przejmuj się - po prostu przetestuj naszą stronę demo na swoim urządzeniu mobilnym i porównaj ją z tym, co oferuje konkurencja.

Optymalizacja obrazów

Jeśli na stronie mamy duże slajdy na całą szerokość strony wówczas niezwykle istotne jest to, by użytkownikom smartfonów przesyłać zdjęcia dostosowane wielkością do rozmiarów ekranu. Dlatego opracowaliśmy swój własny system wczytywania zdjęć na slajdach, który umożliwia ponad dwukrotne zmniejszenie ilości przesyłanych danych.

Minimalizacja ilości przesyłanych plików

Dzięki połączeniu kodu JavaScript w jeden plik, użyciu technologii łączenia plików graficznych (CSS Sprites) oraz zastosowaniu zoptymalizowanych stylów CSS umieszczonych bezpośrednio w kodzie HTML ilość przesyłanych plików z serwera jest w przypadku naszych stron zdecydowanie mniejsza. W porównaniu ze stronami konkurencji jest to niekiedy stosunek 1:5 - nasza strona ładuje 20 plików, podczas gdy strona konkurencji ponad 100. Każdy plik mniej to szybsze wczytanie wszystkich zasobów przez przeglądarkę, a co za tym idzie szybsze działanie strony.

Optymalne ustawienia serwera

Nie bez znaczenia jest szybki serwer z odpowiednią konfiguracją. Podstawowe elementy konfiguracji naszych serwerów to:

  • włączenie pamięci podręcznej - dzięki temu zasoby statyczne (takie jak kod JavaScript, obrazy stanowiące elementy projektu, pliki czcionek, itd.) pobierane są tylko raz, przy pierwszej wizycie, co drastycznie przyspiesza działanie strony podczas wizyty na kolejnych podstronach,
  • włączenie kompresji - dzięki temu ilość przesyłanych danych może być zredukowana do minimum,
  • krótki czas odpowiedzi serwera - duża wydajność serwera w połączeniu z optymalizacją systemu CMS pozwala skrócić czas odpowiedzi serwera do kilkudziesięciu milisekund.

Wyniki testów i symulacji

Poniższy obraz pokazuje czasy ładowania strony demo.remnet.pl na komputerze stacjonarnym oraz urządzeniu mobilnym.

Całkowity czas ładowania strony na komputerze stacjonarnym z szybkim łączem internetowym przy wyłączonej pamięci podręcznej to zaledwie 371ms - czyli niecałe pół sekundy. Wszystkich przesłanych elementów jest zaledwie 18 i mają one łączną objętość 653KB.

Przy włączonej pamięci podręcznej po odświeżeniu strony ładowanych jest zaledwie 12.2KB danych, a całkowity czas zostaje skrócony do zaledwie 155ms.

Przy symulacji wczytywania strony na smartfonie (Apple iPhone 5) z wyłączoną pamięcią podręczną i symulowaniu prędkości łącza 3G do 1Mbps czas ładowania wszystkich zasobów to nieco ponad 1.5 sekundy. Warto zwrócić uwagę, że mimo wyłączenia pamięci podręcznej tym razem wczytuje się zaledwie 276KB danych, a to za sprawą optymalizacji obrazów.

Kolejne otworzenia tej samej lub innych podstron już z włączoną pamięcią podręczną skutkują ograniczeniem czasu do 216ms (mniej nić jedna czwarta sekundy).

Mimo umieszczenia na stronie głównej 3 slajdów w dużej rozdzielczości i 6 dodatkowych zdjęć ładowanych jest z serwera zaledwie 18-ście plików.

Czy znasz jakąkolwiek stronę internetową, która działałaby tak szybko jak nasza strona demo?

Sprawdź ofertę na strony WWW

lub zadzwoń do nas:

602-529-691