Czynniki, które wpływają na szybkość wczytywania strony w Twojej witrynie

Spotykaliśmy się dzisiaj z perspektywicznym klientem i omawialiśmy wpływ szybkość ładowania strony. W Internecie toczy się teraz niezła bitwa:

• Goście żądają bogatych wizualny wrażenia - nawet na wyświetlaczach Retina o większej liczbie pikseli. Prowadzi to do większych obrazów i wyższych rozdzielczości, które powodują zawyżanie rozmiarów obrazu.
• Wyszukiwarki wymagają ultra szybkie strony które mają świetny tekst pomocniczy. Oznacza to, że cenne bajty są wydawane na tekst, a nie obrazy.
• Organ wyszukiwania jest kierowany przez niezwykła treść. Bez udostępniania treści ograniczasz jej możliwość tworzenia linków zwrotnych i cytatów do treści… obniżając wyniki bezpłatnych wyników wyszukiwania.

To równowaga dla każdej firmy, więc przyjrzyjmy się, jak ładują się strony i gdzie mogą znajdować się przeszkody.

1. Infrastruktura - Nowoczesna infrastruktura wykorzystuje światłowody do szybkiej łączności, dyski półprzewodnikowe i szybkie procesory do obsługi sprzętu rutującego, serwerów internetowych w chmurze i serwerów baz danych. Zdecydowanie najlepsze wyniki zapewni hosting witryny na nowym sprzęcie w nowym obiekcie, który ma doskonałą łączność.
2. Rozdzielczość domeny - Kiedy żądana jest strona, domena jest rozpoznawana przez serwer nazw. To żądanie jest prawie natychmiastowe, ale zawsze możesz nieco skrócić czas żądania, korzystając z pliku zarządzana usługa DNS.
3. Optymalizacja bazy danych - W nowoczesnym systemie zarządzania treścią konieczna jest optymalizacja bazy danych, aby wydłużyć czas potrzebny na zapytania i udzielenie odpowiedzi z danymi dotyczącymi wizyt niezbuforowanych. Dobrą praktyką jest również hostowanie bazy danych na innym serwerze niż serwer sieciowy, ale w tym samym środowisku.
4. Równoważenie obciążenia - Istnieje technologia umożliwiająca wdrażanie wielu serwerów w celu dzielenia obciążenia odwiedzających między nimi, a nie tylko umieszczania obciążenia na jednym serwerze. Ta technologia oferuje możliwość dalszego dodawania kolejnych serwerów do puli w miarę wzrostu popytu… czasami w czasie rzeczywistym.
5. Żądania strony - Ścieżka za domeną wysyłającą zapytanie do systemu zarządzania treścią lub systemu handlowego w celu pobrania treści. Indeksowanie bazy danych i sprzęt mogą mieć wpływ na szybkość pobierania zawartości.
6. Buforowanie stron - Większość wysokowydajnych serwerów WWW oferuje możliwość ominięcia żądania do bazy danych i obsługi treści z pamięci podręcznej.
7. Żądania nagłówka - W treści strony zazwyczaj znajdują się zasoby, takie jak skrypty i arkusze stylów, które są żądane przed załadowaniem strony do przeglądarki. Zbyt wiele zasobów może skrócić czas ładowania strony.
8. Elementy strony - Przeglądarki zazwyczaj wysyłają żądania z powrotem do tego samego serwera pojedynczo. Jeśli istnieje wiele domen lub subdomen, można żądać elementów jednocześnie. Niektóre firmy wdrażają wiele subdomen dla skryptów, arkuszy stylów i multimediów, aby wykorzystać sposób, w jaki przeglądarki wykonują te żądania. Jeśli ładujesz wiele skryptów lub arkuszy stylów, połączenie ich w jak najmniejszą liczbę plików również poprawi wydajność.
9. Content Delivery Network - Wierz lub nie, ale położenie geograficzne odgrywa rolę w czasie ładowania witryny. Jeśli jesteś blisko serwera, jest to szybkie. Jeśli jesteś na kontynencie, jest wolniej. ZA CDN może pobierać obrazy regionalnie i wyświetlać je szybciej odbiorcom.
10. Kompresja - Serwery internetowe, które zawierają kompresję gzip zasobów internetowych, czyli obrazów sprężony, skrypty i CSS zminimalizowane w celu usunięcia zbędnej przestrzeni mogą mieć radykalną poprawę szybkości ładowania witryny.
11. Lazy Loading - Po co ładować obrazy, jeśli element w rzeczywistości nie jest widoczny na stronie? Jeśli zauważysz na naszej stronie, podczas przewijania strony obrazy są ładowane, gdy muszą stać się widoczne, a nie wszystkie naraz. Leniwe ładowanie może znacznie przyspieszyć ładowanie witryny.
12. Biblioteki hostowane - Witryny takie jak Google obsługują teraz współdzielone biblioteki dla popularnych bibliotek JavaScript i czcionek. Ponieważ przeglądarki przechowują te zasoby w pamięci podręcznej, nawet jeśli użytkownik odwiedza Twoją witrynę po raz pierwszy - mogą już mieć lokalnie buforowaną bibliotekę hostowaną.
13. Ładowanie asynchroniczne - Nie wszystko trzeba ładować od razu na stronę. Na przykład elementy takie jak przyciski udostępniania społecznościowego mogą być niezwykle powolne i obciążać przeglądarkę. Usługi zarządzania tagami może pomóc w ładowaniu zasobów po ukończeniu strony, zamiast ją spowalniać.
14. Optymalizacja mobilna - Projekt responsywny jest teraz słusznie wściekły, aby zapewnić spójne wrażenia użytkownika niezależnie od widoku urządzenia. Ale może to również spowalniać przeglądanie na urządzeniach mobilnych - gdzie przybywa rosnący odsetek odwiedzających.
15. Obsługiwane formaty wideo - Jeśli umieszczasz w witrynie tła wideo, upewnij się, że są one zoptymalizowane i skompresowane dla każdej przeglądarki. Wolno ładujący się film może skrócić czas ładowania witryny i frustrować odwiedzających.

Oto nowo wydana infografika z witryny Rozpocznij logikę o tym, jak stały się strony internetowe grubszyi wpływ.