Rozejrzyj się po Internecie, a znajdziesz wiele cytowanych statystyk dotyczących tego, jak mało czasu ludzie są skłonni czekać, aż jakakolwiek witryna zostanie załadowana, zanim straci zainteresowanie (w takim przypadku nie zawsze obwiniaj dostawcę usług hostingowych).
Osoby ze stałym łączem szerokopasmowym oczekują, że witryna pojawi się niemal natychmiast, a nawet użytkownicy mobilni nie mają nieskończonej cierpliwości.
Czytaj więcej: Offcloud
Według badań optymalny czas ładowania strony to trzy sekundy, chociaż większość witryn jest bliżej tego dwukrotnie - lub więcej. A jeśli przekroczysz 10 sekund, większość ludzi prawdopodobnie porzuci stronę i przejdzie gdzie indziej.
To, jak długo strona internetowa pojawia się w przeglądarce, zależy od czynników podzielonych między serwer i urządzenie klienckie po drugiej stronie.
Chociaż nie jest możliwe przyspieszenie działania wszystkich użytkowników ze względu na rzeczy, na które projektant stron nie ma wpływu, praktyczne jest zapewnienie jak największej wydajności witryny, poprawiając wydajność dla większości odwiedzających.
Zwiększoną prędkość można osiągnąć za pomocą szeregu różnych metod, ale istnieją trzy główne filary poprawy wydajności witryny. Są to ulepszony hosting, optymalizacja witryny, a także niektóre kwestie związane z platformą.
- Wybraliśmy tutaj najlepsze usługi hostingowe
- Są to najlepsze darmowe firmy hostingowe w okolicy
- A to są obecnie najlepsi kreatorzy stron internetowych
Znaczenie hostingu
To, ile witryna wydaje na hosting, jest zwykle proporcjonalne do liczby odwiedzających spodziewanych w danym dniu, biorąc pod uwagę czas pobytu i liczbę przeglądanych stron.
Jest to główny powód, obok obaw związanych z bezpieczeństwem, dla którego stosunkowo niewiele firm hostuje witryny wewnętrznie.
Zazwyczaj hosting internetowy jest „wirtualny”, ponieważ określony element sprzętu nie jest przypisany do witryny - jest raczej współdzielony z innymi witrynami poprzez wirtualizację.
Piękno posiadania tego rozwiązania polega na tym, że więcej zasobów można łatwo przydzielić do witryny w czasach dużego zapotrzebowania, pod warunkiem, że umowa hostingowa zapewnia taką elastyczność.
Ważne jest, aby zdecydować, jakiego ruchu oczekujesz, i odpowiednio podnieść poziom usług.
Jeśli masz szybko rozwijającą się witrynę, ale ze względu na poziom hostingu zaczyna ona przestać odpowiadać, gdy pojawi się powódź odwiedzających, może to zagrozić całemu projektowi. Dlatego planuj zacząć od małych, a następnie skalować, gdy strona osiągnie dojrzałość.
Optymalizacja witryny
Wydajność każdej witryny internetowej zależy w dużym stopniu od sposobu jej zbudowania i używanej technologii oprogramowania.
Gdy masz już prototypową witrynę, jedną z pierwszych procedur, które musisz wykonać, jest ocena każdej strony pod kątem czasu jej ładowania. Dostępnych jest wiele narzędzi do pomiaru wydajności strony, a niektóre z nich rozkładają czas, aby dokładnie określić, co spowodowało największe opóźnienie na danej stronie.
Te testy nie są czymś, co powinno się wykonywać tylko raz na jednym komputerze, ponieważ odwiedzający będą pochodzić z wielu różnych lokalizacji, z różnymi połączeniami szerokopasmowymi i będą używać różnych typów urządzeń.
Szczególnie krytyczne jest to, że platformy mobilne są testowane zarówno w sieciach Wi-Fi, jak i komórkowych. W idealnym świecie uzyskiwanie wyników z odległych lokalizacji geograficznych jest również cennymi informacjami.
Po zebraniu tych danych dotyczących wydajności nadszedł czas, aby wrócić do witryny i zobaczyć, jakie zmiany można wprowadzić, aby poprawić komfort użytkowania.
Oto lista siedmiu najważniejszych problemów, które spowalniają witrynę i które można łatwo rozwiązać.
1. Strony z wieloma źródłami
Jeśli strona składa się z elementów pochodzących z innych lokalizacji, w tym reklam, może to dramatycznie wpłynąć na szybkość. Strona staje się zależna od tego, jak szybko są obsługiwane elementy spoza witryny, co potęguje problemy z wydajnością.
Jeśli masz stronę, która wielokrotnie ładuje się zbyt długo, sprawdź, co ją spowalnia, i usuń ją.
2. Widżety i wtyczki
Zbyt wiele z tych składników powoduje podobne problemy, co strony z wieloma źródłami, ale są one problemem, który dotyczy w szczególności witryn WordPress. Pokusa wstępnego ładowania stron z wszelkiego rodzaju kalendarzami, animowanymi przyciskami, zegarami itp. Jest silna, ale musisz się oprzeć.
Te funkcje wymagają do wykonania kodu po stronie serwera i kodu po stronie klienta i często wstrzymują prezentację innych elementów strony przed zakończeniem ładowania.
3. Skalowanie grafiki
Grafiki witryny internetowej nie należy skalować, chyba że są to zdjęcia, które chcesz, aby można było je kliknąć, aby uzyskać prezentację o pełnej jakości.
Skalowanie ich jest również złe, ponieważ powoduje to ich blokowanie lub ujawnienie artefaktów kompresji.
Nadanie grafikom tego samego rozmiaru, w jakim powinny być wyświetlane, odciąża serwer i przeglądarkę klienta, a także pozwala uniknąć pobierania przez użytkownika grafiki większej niż jest to potrzebne.
4. Niezgodne media
Istnieje wiele typów plików, które kiedyś były popularne na komputerach PC, ale obecnie praktycznie nie istnieją. Użytkownicy urządzeń mobilnych nie będą mogli uzyskać do nich dostępu, a większość użytkowników komputerów stacjonarnych również będzie mieć problemy, chyba że nadal korzystają z wtyczki w starej wersji przeglądarki.
Z reguły nie udostępniaj formatów wideo, obrazów ani muzyki, które domyślnie nie działają z Google Chrome lub Microsoft Edge. Denerwuje użytkowników, gdy w witrynie brakuje elementów lub pojawiają się dziwne błędy.
5. Kod zaplecza
Ile razy widziałeś fajną funkcję, którą można dodać do witryny za pomocą „tylko krótkiej linii kodu”? Jest ich wiele i mogą się przydać. Jednak często powodują ból głowy w przypadku znacznie większego fragmentu kodu działającego na serwerze, aby fragment kodu zrobił coś pożytecznego.
Jeśli masz ich zbyt wiele - ponieważ umieściłeś ten kod na każdej stronie - serwer zostanie zablokowany, próbując przetworzyć te żądania, zamiast obsługiwać strony witryny.
Najczęstszymi winowajcami tych rzeczy są, jak na ironię, analityka i przetwarzanie formularzy. Ale kod, który zajmuje się innymi zadaniami, może również mieć negatywny wpływ na ogólną wydajność.
6. Błędy mobilne
Klasycznym błędem, który ma wpływ na użytkowników mobilnych, jest to, że przekierowanie do mobilnej wersji witryny następuje dopiero po wyrenderowaniu większości strony głównej przeznaczonej na komputery stacjonarne na telefonie lub tablecie.
Rezultatem jest często długie oczekiwanie, zanim przeglądarka zostanie przeniesiona do witryny mobilnej, po którym następuje kolejne opóźnienie przed renderowaniem.
Chociaż statystycznie platformy mobilne wciąż pozostają nieco w tyle za konwencjonalnymi komputerami pod względem przeglądania sieci, surfowanie na urządzeniach mobilnych szybko się rozwija i już wkrótce stanie się dominującym sposobem uzyskiwania dostępu do większości witryn przez większość użytkowników.
Dlatego zwracanie uwagi na mobilną wersję dowolnej witryny jest co najmniej tak samo ważne, jeśli nie ważniejsze, niż jej odpowiednik na komputery.
Ponieważ użytkownicy mobilni często łączą się za pomocą usług transmisji danych 3G lub 4G bez stałych prędkości transferu, których mogliby oczekiwać użytkownicy przewodowych łączy szerokopasmowych, znaczenie szybkiego dostarczania stron internetowych jest jeszcze większe.
7. Użyj kompresji
Istnieje wiele sposobów, aby zapewnić, że pliki składające się na witrynę są mniejsze, a tym samym szybsze do pobrania dla odwiedzającego.
Istnieją globalne technologie po stronie serwera, takie jak Gzip, które mogą zmniejszać rozmiary plików nawet o 70%, chociaż samo wybranie odpowiednich typów plików i poziomów kompresji plików JPG.webp może również przynieść korzyści w zakresie wydajności.
Gzip będzie wymagał aktywacji serwera i możesz sprawdzić, czy jest aktywny na Twoim serwerze, korzystając z tej witryny.
Jedynym zastrzeżeniem związanym z używaniem kompresji jest to, że musisz zidentyfikować te pliki i foldery, których nie chcesz kompresować w systemie. Ponieważ już skompresowane pliki wideo i skompresowane woluminy (ZIP, RAR lub LZH) nie mogą być dalej ściskane.