Jak poprawić szybkość ładowania strony?

Co zrobić, aby nasza witryna ładowała się szybciej? Odpowiedzi na pytanie, które nurtuje wszystkich twórców i właścicieli stron www i e-sklepów, jest wiele. Podobnie, jak wiele jest sposobów na to, by treść na stronach wczytywała się szybciej. Specjalnie dla Was zebraliśmy najlepsze porady i sposoby na przyspieszenie ładowania stron www. Zapraszamy do lektury.

Dlaczego szybkość ładowania strony internetowej jest tak istotna?

1. Po pierwsze dlatego, że strona, która szybciej się wczytuje, ma szansę znaleźć się wyżej w wynikach wyszukiwania.
2. Po drugie – nawet jeśli witryna będzie bogata w wysokiej jakości treść, ale na jej załadowanie trzeba będzie długo czekać, potencjalni użytkownicy szybko się do niej zniechęcą.
3. Po trzecie – analizując prędkość wczytywania stron www za pomocą przeznaczonych do tego narzędzi, otrzymujemy gotowy raport i informacje o błędach, które należy usunąć, by treść ładowała się szybciej.

Aby poprawić szybkość ładowania swojej strony www, najpierw musimy dokonać jej szczegółowej analizy. W tym celu warto wykorzystać darmowe narzędzia do pomiaru prędkości wczytywania stron www.

Google Page Speed Insights

Wśród wielu dostępnych i opisywanych przez nas narzędzi do sprawdzania szybkości ładowania stron, prym wiedzie Google Page Speed Insights. To całkowicie darmowe i przede wszystkim – niezwykle zaawansowane narzędzie, umożliwiające szczegółowy i kompleksowy pomiar prędkości wczytywania poszczególnych elementów strony www. W wyniku analizy, narzędzie informuje o błędach, które spowalniają działanie strony. Co istotne, informacja dotyczy zarówno prędkości na urządzeniach desktopowych, jak i mobilnych. Page Speed Insights mierzy zarówno czas wczytania strony wyrenderowanej (widocznej na ekranie) jak i czas wczytywania całości strony. Przy dokonywaniu pomiaru szybkości wyczytywania Page Speed Insights nie uwzględnia szybkości połączeń sieciowych, bierze natomiast pod uwagę takie czynniki jak:

• konfiguracja serwera,
• struktura kodu HTML,
• wykorzystanie zasobów zewnętrznych (zdjęcia, pliki itp).

Aby ułatwić czynności związane z optymalizacją strony www pod kątem szybkości ładowania, wszystkie informacje o błędach są oznaczone jednym z trzech rodzajów znaczników:

• czerwony wykrzyknik – sugeruje priorytetowe rozwiązanie problemu (poważny wpływ na spowolnienie ładowania)
• żółty wykrzyknik – sugeruje rozwiązanie problemu, jeśli nie będzie ono zbyt pracochłonne lub nie spowoduje problemów z działaniem strony.
• zielony ptaszek – informuje o braku problemów.

Google Page Speed Insights ocenia szybkość ładowania stron internetowych przyznając punkty w skali od 1 do 100. Im bliżej maksymalnej oceny, tym oczywiście lepiej, jednak za satysfakcjonujący uważa się wynik min. 86 punktów.

Sugestie i informacje zawarte w raporcie Google Page Speed Insights pomagają przyspieszyć ładowanie strony. Jednak oprócz nich, warto zastosować się do uniwersalnych reguł, które również sprawiają, że nasza strona www będzie wczytywać się szybciej. Co możesz zrobić, by skrócić czas ładowania witryny?

1. Sprasowanie kodu HTML, JavaScript – zabieg ten polega na usunięciu z kodów HTML i JavaScript zbędnych elementów: spacji, komentarzy, znaczników itp. W Internecie znajdziemy wiele narzędzi do spłaszczania kodu, m.in. willpeavy. Podobnie postępujemy w przypadku pliku CSS. Z niego również możemy usnąć zbędne elementy. Warto wykorzystać do tego narzędzie CSS Minifier.

2. Optymalizacja obrazków. Im większe i cięższe obrazki mamy na serwerze, tym dłużej grafika ładuje się na stronie. Jest to oczywiście znany fakt, ale jak skompresować obrazy do mniejszego rozmiaru, nie tracąc równocześnie na ich jakości? Warto skorzystać z aplikacji scriptjpg lub programów graficznych. Skompresowane grafiki należy podmienić w odpowiednich katalogach na serwerze.

3. Włączenie kompresji gzip na serwerze – zabieg ten skutecznie pozwala przyspieszyć ładowanie stron www. Na większości serwerów kompresja ustawiona jest automatycznie. Jeśli jednak z analizy błędów wynika, że kompresja nie jest aktywna, warto sprawdzić, czy panel administracyjny daje taką możliwość. Jeśli nie, skontaktujmy się z administratorem serwera.

4. Jak najmniej wtyczek – Kod JavaScript, elementy Flash – im więcej elementów na stronie korzysta z wtyczek, tym strona wczytuje się dłużej. W szczególności widać to na urządzeniach mobilnych z systemem android, charakteryzujących się słabym wsparciem technologii Flash.