Intro
Prędkość strony rejestruje, jak szybko zawartość strony jest ustawiana lub ładowana. Szybkość ładowania strony jest czasami mylona z szybkością strony, która jest w rzeczywistości innym terminem. Szybkość strony jest opisywana jako czas ładowania lub czas do pierwszego bajtu. Większa szybkość strony pomaga w uzyskaniu lepszego rankingu strony i lepszej konwersji. Szybsze strony są preferowane, stwierdzono, że szybsze strony lepiej plasują się w rankingu i lepiej konwertują.
Top SEO Tactics: Szybkość strony
Google potwierdziło, że szybkość strony jest używana w jego algorytmie do ustalania rankingu stron. Mniejsza liczba robotów indeksujących może uzyskać dostęp do stron, które ładują się powoli, a zatem mniej stron może zostać zaindeksowanych. Szybkość strony jest również ważna dla użytkowników witryny. Wolniejszy czas ładowania ma negatywny wpływ na współczynnik konwersji i zwrot z witryny. Wyszukiwarki, biorąc pod uwagę szybkość strony, mierzą czas pierwszego bajtu.
Wolniejsza prędkość strony oznacza mniejszą liczbę indeksowań i negatywną indeksację witryny. Ostatecznie, szybkość strony jest czynnikiem wpływającym na doświadczenie użytkownika. Dłuższy czas ładowania i oczekiwania oznacza wyższy wskaźnik odrzuceń, ponieważ wykazano, że dłuższy czas ładowania strony ma negatywny wpływ na konwersje.
Kompresja strony
Użyj programu Gzip, przeznaczonego do kompresji danych, aby zmniejszyć rozmiary plików CSS, HTML i JavaScript, które mogą być większe niż 150 bajtów. Program Gzips nie jest przydatny w przypadku plików graficznych. Zamiast tego należy skompresować te pliki za pomocą programu takiego jak Photoshop, co pozwoli zachować kontrolę nad jakością obrazów.
Minifikacja CSS, JavaScript, a także HTML
Optymalizacja kodu może znacznie zwiększyć szybkość działania strony. Należy również wyeliminować odpowiedzi kodu, formatowanie, a także porzucony kod. Google sugeruje zastosowanie YUI Compressor zarówno dla CSS, jak i JavaScript.
Zmniejsz liczbę przekierowań
Przekierowania spowalniają szybkość działania strony. Jeśli wzorzec przekierowań na stronie mobilnej jest zakodowany w następujący sposób:
123abc.com -> www. 123abc.com -> m. 123abc.com -> m. 123abc.com/home
Za każdym razem, gdy strona przekierowuje na inną stronę, osoba odwiedzająca witrynę musi dłużej czekać na wykonanie określonego obiegu żądania-odpowiedzi HTTP. Dwa dodatkowe przekierowania sprawiają, że strony za każdym razem ładują się wolniej. Takie przekierowania negatywnie wpływają na komfort korzystania z witryny.
Buforowanie przeglądarki
Przeglądarki internetowe buforują duże ilości informacji (arkusze stylów, zdjęcia, rekordy JavaScript i inne), aby upewnić się, że za każdym razem, gdy odwiedzający witrynę powróci na nią, strona nie będzie musiała ładować się ponownie w całości. Skorzystaj z narzędzia takiego jak YSlow, aby dowiedzieć się, kiedy masz już ustawiony świetny czas wygaśnięcia dla swojej pamięci podręcznej. Następnie ustal w swoim nagłówku "expires", jak długo chcesz, aby dane pozostawały w pamięci podręcznej. Google dostarcza informacji na temat wykorzystania pamięci podręcznej i o ile Twoje strony nie zmieniają wyglądu częściej niż raz na rok, informacje zawarte na ich stronie powinny być bardzo pomocne.
Zwiększ reakcję serwera
Liczba odwiedzających, którą otrzymujesz, ma bezpośredni wpływ na czas odpowiedzi Twojego serwera. Aby zwiększyć szybkość odpowiedzi serwera, należy poszukać wąskich gardeł wydajności, takich jak wolno poruszające się zapytania, wolniejszy routing, a nawet zmniejszenie spowodowane przez niewystarczające następnie pracować, aby naprawić te elementy. Idealny okres odpowiedzi serwera jest rzeczywiście poniżej 200ms.
Wykorzystaj krąg dostarczania treści
Sieci dystrybucji treści (CDN) to sieci połączone z serwerami, które są wykorzystywane do dystrybucji w połączonej sieci współdzielenia danych. Zasadniczo kopie witryny są przechowywane w kilku obiektach informacyjnych o różnym położeniu geograficznym, dzięki czemu użytkownicy końcowi mogą uzyskać dostęp do informacji szybciej, niż jest to wcześniej dozwolone.
Rozszerzenie grafiki
Upewnij się, że Twoje zdjęcia nie są większe niż muszą być, że znajdują się w odpowiednim pliku i że zostały zmniejszone na potrzeby sieci. Wykorzystaj sprite'y CSS do stworzenia szablonu obrazków, które są regularnie używane na Twojej stronie, takich jak przyciski czy ikony. Sprajty CSS łączą obrazki bezpośrednio w jedno duże zdjęcie, które ładuje się w krótkim czasie (co oznacza mniej żądań HTTP). Zaoszczędzisz czas ładowania, nie wymagając od użytkowników czekania na wiele kolejek ładowania obrazków.
