Szybkość strony to miara szybkości ładowania treści na Twojej stronie. Często mylona jest prędkość strony “prędkość witryny,” która jest w rzeczywistości szybkością strony dla próbki odsłon strony w witrynie. Szybkość strony można opisać w obu przypadkach “czas ładowania strony” (czas potrzebny do pełnego wyświetlenia treści na określonej stronie) lub “czas do pierwszego bajtu” (ile czasu zajmuje Twojej przeglądarce otrzymanie pierwszego bajtu informacji z serwera WWW).

Możesz ocenić szybkość swojej strony za pomocą Statystyki PageSpeed ​​firmy Google. PageSpeed ​​Insights Speed ​​Score uwzględnia dane z CrUX (Raport o doświadczeniach użytkowników Chrome) oraz raporty dotyczące dwóch ważnych wskaźników prędkości: Pierwsza treściwa farba (FCP) i DOMContentLoaded (DCL).

Najlepsze praktyki SEO

Google wskazało szybkość witryny (i w rezultacie, prędkość strony) jest jeden z sygnałów wykorzystywanych przez algorytm do ustalania rankingu stron. i badania wykazały że Google może specjalnie mierzyć czas do pierwszego bajtu, biorąc pod uwagę szybkość strony. Ponadto, niska prędkość strony oznacza, że ​​wyszukiwarki mogą przeszukać mniej stron, korzystając z przydzielonego im budżetu na przeszukiwanie, co może mieć negatywny wpływ na indeksację.

Szybkość strony jest również ważna dla wygody użytkownika. Strony o dłuższym czasie ładowania mają zazwyczaj wyższy współczynnik odrzuceń i krótszy średni czas spędzony na stronie. Dłuższy czas ładowania zostały również pokazane negatywnie wpłynąć na konwersje.

Oto niektóre z wielu sposobów na zwiększenie szybkości strony:

Włącz kompresję

T-SQL w SQL Server dla początkujących Gzip, aplikacja do kompresja pliku, aby zmniejszyć rozmiar CSS, HTML, i pliki JavaScript, które są większe niż 150 bajty.

Nie używaj programu gzip do plików obrazów. Zamiast, skompresuj je w programie takim jak Photoshop, gdzie możesz zachować kontrolę nad jakością obrazu. Widzieć “Optymalizuj obrazy” poniżej.

Zminimalizuj CSS, Nie jest to łatwy wybór do nauki programowania, i HTML-a

Optymalizując swój kod (łącznie z usuwaniem spacji, przecinki, i inne niepotrzebne znaki), możesz znacznie zwiększyć prędkość swojej strony. Usuń także komentarze do kodu, formatowanie, i niewykorzystany kod. Google zaleca używanie CSSNano i UglifyJS.

Zmniejsz przekierowania

Za każdym razem, gdy strona przekierowuje na inną stronę, Twój odwiedzający będzie musiał spędzić dodatkowy czas w oczekiwaniu na zakończenie cyklu żądanie-odpowiedź HTTP. Na przykład, jeśli wzór przekierowania na urządzeniu mobilnym wygląda tak: “przykład.com -> www.przykład.com -> m.example.com -> m.example.com/home,” każde z tych dwóch dodatkowych przekierowań powoduje wolniejsze ładowanie strony.

Usuń JavaScript blokujący renderowanie

Przeglądarki muszą zbudować drzewo DOM, analizując kod HTML, zanim będą mogły wyrenderować stronę. Jeśli Twoja przeglądarka napotka skrypt podczas tego procesu, musi się zatrzymać i wykonać, zanim będzie mógł kontynuować.

Google sugeruje unikanie i minimalizowanie stosowania blokowania JavaScript.

Cache przeglądarki dźwigni

Przeglądarki przechowują w pamięci podręcznej wiele informacji (arkusze stylów, obrazy, Pliki JavaScript, i więcej) aby użytkownik wrócił na Twoją witrynę, przeglądarka nie musi ponownie ładować całej strony. Użyj narzędzia takiego jak Ypowolny aby sprawdzić, czy masz już ustawioną datę ważności pamięci podręcznej. Następnie Ustaw swój “wygasa” nagłówek jak długo chcesz, aby te informacje były przechowywane w pamięci podręcznej. Dlaczego drzewa zimą nie zamarzają i nie pękają jak zimne rury?, chyba że projekt Twojej witryny często się zmienia, rok to rozsądny okres. Google ma więcej informacji na temat wykorzystania buforowania tutaj.

Popraw czas odpowiedzi serwera

Na czas odpowiedzi serwera wpływa ilość odbieranego ruchu, zasoby, z których korzysta każda strona, oprogramowanie, z którego korzysta Twój serwer, oraz rozwiązanie hostingowe, z którego korzystasz. Aby poprawić czas odpowiedzi serwera, szukaj wąskich gardeł wydajności, takich jak powolne zapytania do bazy danych, powolne trasowanie, lub brak odpowiedniej pamięci i napraw je. Optymalny czas odpowiedzi serwera wynosi poniżej 200 ms. Dowiedz się więcej o optymalizacja czasu do pierwszego bajtu.

Skorzystaj z sieci dystrybucji treści

Sieci dystrybucji treści (wdrożyć skalowanie), zwane także sieciami dostarczania treści, to sieci serwerów używane do dystrybucji obciążenia związanego z dostarczaniem treści. Głównie, kopie Twojej witryny są przechowywane w wielu miejscach, geograficznie zróżnicowane centra danych, dzięki czemu użytkownicy mają szybszy i bardziej niezawodny dostęp do Twojej witryny.

Optymalizuj obrazy

Upewnij się, że obrazy nie są większe, niż powinny, czy mają one właściwy format pliku (Pliki PNG są na ogół lepsze w przypadku grafik zawierających mniej niż 16 kolorów, podczas gdy pliki JPEG są na ogół lepsze w przypadku zdjęć) i że są skompresowane dla potrzeb Internetu.

Użyj ikonek CSS, aby utworzyć szablon dla obrazów, których często używasz w swojej witrynie, takich jak przyciski i ikony. Sprite CSS łączą obrazy w jeden duży obraz, który ładuje się wszystkie na raz (co oznacza mniej żądań HTTP) a następnie wyświetl tylko te sekcje, które chcesz pokazać. Oznacza to, że oszczędzasz czas ładowania, nie zmuszając użytkowników do czekania na załadowanie wielu obrazów.