Powoli i spokojnie mogło pomóc żółwiowi wygrać wyścig, ale jeśli chodzi o strony internetowe, nawet sekunda opóźnienia oznacza utratę ruchu, przychodów i wiarygodności.
- 47% konsumentów oczekuje, że strona internetowa załaduje się w 2 sekundy lub mniej.
- 40% ludzi porzuca stronę internetową, której załadowanie zajmuje więcej niż 3 sekundy.
- 1 sekunda opóźnienia w odpowiedzi strony może spowodować 7% spadek konwersji.
To oznacza, że każda strona internetowa musi być zoptymalizowana pod kątem jak największej prędkości, bez względu na to, z jakiego urządzenia lub przeglądarki jest dostępna. Aby włożyć odpowiedni wysiłek w optymalizację, programiści muszą zacząć od poznania przyczyn wolnego ładowania się strony.
10 powodów, dla których strona ładuje się wolno na niektórych urządzeniach:
- Niezadowalająca wydajność serwera: Kiedy ktoś kliknie na stronę internetową, dzieje się to tak. Przeglądarka użytkownika pinguje serwer, co oznacza, że prosi o wszystkie informacje i dane potrzebne do załadowania strony. Pomyśl o tym, co dzieje się, gdy kluczyk samochodowy jest używany do uruchomienia silnika. Teraz, jeśli serwer nie jest wykonywany do znaku, to trwa dłużej, aby odpowiedzieć. Nawet z wszystko inne działa doskonale, sub-par wydajność serwera będzie spowolnić szybkość website.Poor wydajność serwera zazwyczaj sprowadza się do jakości hosta. Tańsze hostingi będą oferować wspólny serwer. Oznacza to, że strona jest dzielenie przestrzeni i zasobów z wielu innych stron internetowych. W tym przypadku, każda witryna jest niska, ponieważ jest w kolejce z innymi sites.The rozwiązanie tutaj jest proste: Zdobądź lepszy hosting.
- Niezadowalająca lokalizacja serwera: Długie połączenia na odległość trwa dłużej, aby połączyć się, ponieważ informacje wymagane do wykonania połączenia musi podróżować na większą odległość. Więcej kabli, więcej satelitów, które mają być przekazywane przez. Nie inaczej jest w przypadku stron internetowych. Jeśli użytkownik ze Stanów Zjednoczonych odwiedza stronę internetową, korzystając z serwera znajdującego się w Danii, ping przeglądarki wymagany do załadowania strony musi przebyć połowę drogi przez świat, zażądać dostępu do niezbędnych danych, a następnie przebyć połowę drogi z powrotem przez świat do urządzenia odwiedzającego. Oczywiście, im większa odległość, tym wolniejsza strona.
Rozwiązanie? Skonfiguruj strony internetowe z lokalnymi serwerami tak bardzo, jak to możliwe. Oznacza to, że odwiedzający z USA powinien wejść na stronę hostowaną na serwerze w USA. Duński odwiedzający powinien mieć dostęp do strony umieszczonej na duńskim serwerze.
- Zbyt duży ruch: Na danym poziomie, serwer internetowy może obsługiwać tylko żądania od pewnej liczby osób. Gdy ta liczba zostanie przekroczona, strona będzie ładować się wolniej. Im więcej odwiedzających, tym wolniejsza strona. Z większą liczbą odwiedzających, dostawcy serwera może również trzeba poświęcić dodatkowe zasoby do witryny. Jednak bez uaktualnienia, dostępne usługi na pewno zabraknie i doprowadzić do powolnego czasu ładowania strony.
- Nadmierna zawartość Flash: Podczas gdy Flash jest przydatny do zwiększenia interaktywności strony internetowej, może również spowolnić szybkość ładowania strony. Zawartość Flash ma tendencję do bycia cięższą, a jej większa ilość będzie miała oczywisty wpływ na szybkość działania strony. Jeśli to możliwe, zmniejsz rozmiar plików Flash lub wyeliminuj je. Poszukaj alternatyw HTML5, aby zastąpić istniejącą zawartość Flash, mają one tendencję do posiadania bardziej zarządzalnych rozmiarów plików.
- Zbyt wiele żądań HTTP: Jeśli strona zawiera zbyt wiele JavaScript, CSS i zbyt wiele plików graficznych, doprowadzi to do zwiększenia liczby żądań HTTP. W tym przypadku, za każdym razem, gdy ktoś odwiedza stronę internetową, przeglądarka pinguje serwer z o wiele za dużo żądań, aby załadować o wiele za dużo plików. Naturalnie, spowolni to działanie strony.
Aby temu zaradzić, spróbuj zmniejszyć żądania HTTP używając CSS Sprites. Zmniejsz liczbę plików, które muszą być załadowane na stronie internetowej. Zminimalizuj pliki CSS i JavaScript, co również zmniejszy liczbę plików, które użytkownik będzie musiał pobrać podczas ładowania strony internetowej.
- Zwiększona gęstość kodu: Jak wyjaśniają punkty wymienione powyżej, pokaźnych rozmiarów, gęste elementy internetowe będą miały negatywny wpływ na szybkość ładowania strony. Niewiele rzeczy jest gęstszych niż kod, który faktycznie tworzy stronę internetową. Na przykład, Facebook jest zbudowany na czymś z około 62 milionów linii kodu. Google ma ich 2 miliardy. Wielki Zderzacz Hadronów, który jest największym na świecie zderzaczem cząstek o najwyższej energii, a także największą maszyną na świecie, używa 50 milionów linii kodu. Jeśli strona nie ma zasobów do wysyłania i wykonywania gęstego, rozbudowanego kodu, będzie zwalniać z powodu gęstego, rozbudowanego kodu.
Rozwiązanie? Wyczyść swój kod. Pozbądź się nadmiaru białych spacji, stylów inline, pustych nowych linii i zbędnych komentarzy.
- Nieodpowiednie techniki cachowania: Caching to technika, dzięki której przeglądarka przechowuje często używane dane w swojej pamięci podręcznej. Oznacza to, że przy następnej wizycie na stronie, przeglądarka nie musi ładować wszystkich danych od nowa. Dzięki szybszemu pobieraniu danych, przyspiesza to czas ładowania strony. Bez buforowania, strona musi załadować wszystkie pliki, za każdym razem. Jest to absolutnie niepotrzebne i utrudnia doświadczenie użytkownika, gdy można to łatwo rozwiązać.
Rozwiązanie: Zaimplementuj buforowanie przeglądarki/HTTP, a także buforowanie po stronie serwera. Szanse są takie, że znacznie poprawi to wydajność strony pod względem szybkości.
- Zbyt wiele reklam: Podczas gdy reklamy są dobrym sposobem na zarabianie pieniędzy na stronach z dużym ruchem, mogą one również spowolnić strony internetowe. Więcej reklam oznacza dodatkowe żądania HTTP, a ich wpływ na szybkość ładowania strony został wyjaśniony powyżej. Reklamy rich media są szczególnie szkodliwe w tym względzie. Z pop-upami i pop-unders, interstitials i auto-downloads zapychającymi stronę, użytkownicy będą musieli czekać znacznie dłużej na załadowanie rzeczywistej zawartości strony.
- Używanie przestarzałego CMS: System zarządzania treścią (CMS) jest używany do tworzenia, zarządzania i modyfikowania treści cyfrowych. Są one często używane do zarządzania przedsiębiorstwem i treścią strony internetowej.Kiedy używasz CMS, takiego jak WordPress lub Wix do zarządzania stroną internetową, upewnij się, że został on zainstalowany z najnowszymi aktualizacjami oprogramowania. Będąc na bieżąco z najnowszymi aktualizacjami, oprogramowanie jest wolne od wszelkich błędów i problemów, zwłaszcza w odniesieniu do prędkości. Więc następnym razem, gdy pojawi się okienko z prośbą o zainstalowanie najnowszej wersji CMS, zrób to.
- Brak CDN: CDN lub sieć dystrybucji treści jest rozproszoną siecią niezależnych serwerów zlokalizowanych w wielu miejscach geograficznych. Są one wykorzystywane do obsługi treści internetowych do odwiedzających witrynę z większą dostępność, widoczność i wydajność. Drugi punkt tego artykułu wyjaśnia, dlaczego lokalizacja serwera ma znaczenie dla szybkości ładowania strony. CDN przydziela stronie internetowej lokalne serwery. Oznacza to, że witryna otrzymuje serwer amerykański dla odwiedzających z USA i duński dla odwiedzających z Danii. Minimalizuje to czas przelotu (RTT) zawartości strony internetowej i ładuje strony internetowe znacznie szybciej.
Aby rozwiązać te problemy, zapoznaj się z tym artykułem na temat tego, jak sprawić, by strony internetowe działały szybciej. Jednak, gdy te metody zostały wdrożone, trzeba przetestować stronę internetową, aby sprawdzić, czy prędkość rzeczywiście się poprawiła. Jak w każdym przypadku, weryfikacja ta musi być przeprowadzona na prawdziwych urządzeniach w warunkach rzeczywistych użytkowników.
Łatwym sposobem na to jest użycie BrowserStack SpeedLab. Jest to darmowe narzędzie, pozwalające użytkownikom na testowanie szybkości strony na wielu rzeczywistych przeglądarkach i urządzeniach za pomocą jednego kliknięcia. Wyniki oferują wgląd w szybkość działania witryny na urządzeniach stacjonarnych i mobilnych, dzięki czemu można natychmiast zidentyfikować wąskie gardła związane z konkretną przeglądarką lub urządzeniem.
Wypróbuj SpeedLab za darmo
SpeedLab oferuje łatwy sposób sprawdzania wydajności witryny. Aby poprawić wydajność, należy zacząć od ustalenia, czy strony internetowe ładują się wolno. Jeśli tak, wykonaj czynności opisane w tym artykule. Po wykonaniu tych czynności należy ponownie skorzystać z narzędzia SpeedLab, aby sprawdzić, czy zmiany rzeczywiście przyniosły oczekiwane rezultaty. Jeśli chodzi o wrażenia użytkownika, nie może być miejsca na porażkę, jeśli chodzi o sprawdzanie wydajności strony internetowej.