Poprawa szybkości witryny: wszystko, co musisz wiedzieć

Szybkość witryny nie jest zbyt atrakcyjnym tematem, więc nie obwiniam cię, jeśli unikałeś zastanowienia się nad tym.

Ale rzeczywistość nie zawsze jest wygodna – szybkość witryny staje się coraz ważniejsza, a zakres uwagi internautów zdecydowanie się nie wydłuża.

Być może nawet ważniejsze jest to, że Google zwraca uwagę na ten konkretny problem, a 8-sekundowy czas ładowania ma wpływ na twoje rankingi, czy ci się to podoba, czy nie.

Coraz więcej właścicieli witryn zaczyna rozumieć, że szybkość witryny jest częścią każdej dobrej strategii SEO. Więc załóż czapki do nauki, zajmijmy się.

Ile to faktycznie ma znaczenie?

Pozwól, że cię tam zatrzymam.

To nie jest jedna z tych rzeczy, które możesz po prostu odrzucić i powiedzieć „to tylko dla perfekcjonistów” lub „Nie mam wystarczającego ruchu, aby to miało znaczenie”.

Szybkość witryny ma znaczenie dla każdej witryny i dzieje się tak z różnych powodów. Mądrze byłoby ich nie odrzucać.

Przede wszystkim pomyśl o odwiedzających i ich nawykach przeglądania. Kilka faktów:

Zdjęcie dzięki uprzejmości Kissmetrics

Jakby to nie wystarczyło, aby Cię przekonać, pójdę dalej i dam Ci znać, że Google też się troszczy – i to powinno mieć sens, prawda?

W ostatecznym rozrachunku celem Google jest ulepszanie Internetu dla użytkowników. W ich najlepszym interesie jest ciągłe zachęcanie właścicieli witryn do dobrego zachowania i uczynienia sieci bardziej bezpieczniejszym i przyjemniejszym. A przy tak wielu internautach wskazujących, że szybkość witryny jest ważna, to naturalne, że Google uwzględni ją w swoim algorytmie.

W rzeczywistości nie jest to żadna nowość – Google ogłosił w 2010 r., że szybkość witryny rzeczywiście była czynnikiem rankingowym, więc możesz się założyć, że to się nie zmieniło, biorąc pod uwagę, że zostało to wielokrotnie potwierdzone przez dane osób trzecich.

Jak zmierzyć prędkość witryny?

Po pierwsze, musisz zmierzyć szybkość swojej witryny, aby ocenić, czy potrzebuje ona miłości.

Dostępnych jest wiele narzędzi, a wszystkie z nich są bezpłatne.

Prawdopodobnie skończysz z ulubionym, ale sugeruję używanie ich wszystkich podczas przechodzenia przez ten proces. Mówię to, ponieważ każde narzędzie ma wyjątkową prezentację, a niektóre wyświetlają nieco inne informacje niż inne.

Na koniec (i to jest duże zastrzeżenie), pamiętaj, że wynik zdecydowanie nie jest jedyną rzeczą, która ma tutaj znaczenie. Wynik jest punktem odniesienia, który będzie się również różnić między różnymi narzędziami – nie ma uniwersalnego wskaźnika oceniania szybkości strony.

Musisz pamiętać, że każda sytuacja jest wyjątkowa. Możesz mieć konkretną implementację, która nie odzwierciedla dobrze wyniku YSlow, ale to nie znaczy, że Google będzie karać Twoją witrynę lub że czas ładowania będzie nadmiernie długi.

Najważniejsze jest to, że wyniki są wskazówką - nie ustalaj arbitralnego celu i staraj się dotrzeć do określonej liczby. Jeśli przyjmiesz takie podejście, możesz szybko dokonać niepotrzebnych poświęceń i odciąć przydatne zasoby ze swojej witryny, aby osiągnąć ten punkt odniesienia.

Po prostu miej otwarty umysł i wszystko będzie dobrze. Narzędzia, które polecam użyć to:

Statystyki Google PageSpeed

Google ma oczywiście swoje własne narzędzie i od tego warto zacząć swoją podróż.

Zdecydowanie nie jest to najsolidniejszy z całej grupy – w rzeczywistości jest to z pewnością najbardziej podstawowe narzędzie ze wszystkich narzędzi, które będziemy omawiać. Ale biorąc to pod uwagę, nadal jest to przyzwoite miejsce na rozpoczęcie podróży.

Spójrz na to, co poleca dla Twojej witryny i powinieneś mieć przyzwoity pomysł na to, jakie obszary powinieneś poprawić.

GTmetrix

To narzędzie jest moim ulubionym.

Na początek zapewnia dwa różne wyniki i „wykres kaskadowy”. Wykres kaskadowy może być nieco techniczny, ale jeśli zaczniesz się w to wgłębiać, okaże się, że jest nieocenionym źródłem informacji.

Jak widać, ludzie z IGN najwyraźniej mają przed sobą pracę. To powiedziawszy, mają już sporą liczbę lojalnych obserwatorów (być może eksperymentowali i odkryli, że na ich ruch powrotny nie mają wpływu okropne czasy ładowania).

W każdym razie świetnie jest też, że możesz założyć darmowe konto na GTmetrix i zlecić mu generowanie codziennego raportu na swojej stronie. Następnie możesz przeglądać postępy w czasie lub porównać dowolne dwa (lub więcej) raporty, aby zobaczyć, które elementy zostały ulepszone i jaki był ich skumulowany wpływ na skuteczność.

Test strony internetowej

Mimo bardzo przestarzałego wyglądu to narzędzie jest nadal przydatne. Powiedziałbym, że pod względem użyteczności jest gdzieś pomiędzy GTmetrix a Google PageSpeed ​​Insights.

Zawiera również wykres kaskadowy i wiele różnych wyników. Korzystając z raportów, uzyskasz bardzo szczegółowe i szczegółowe dane o tym, co należy poprawić i gdzie leżą Twoje problemy.

Jedną z naprawdę fajnych (i wyjątkowych) funkcji jest możliwość wyświetlania wyników zarówno po raz pierwszy, jak i po powtórnym wyświetleniu. Różnią się one w zależności od konfiguracji pamięci podręcznej i kilku innych czynników. Zdecydowanie dobre informacje.

Test szybkości witryny Pingdom

Pingdom to kolejna mocna oferta i ma „najładniejszą” prezentację ze wszystkich narzędzi.

Mają płatną wersję, która oferuje więcej funkcji i korzyści, ale nigdy tego nie próbowałem, więc nie mogę dać jej rekomendacji ani ocenić jej prawdziwej wartości lub potencjału.

Mogę powiedzieć, że darmowe narzędzie jest przydatne i zdecydowanie polecam je sprawdzić.

Jak poprawić szybkość witryny?

Prawdę mówiąc, w jednym lub dwóch artykułach poświęconych konkretnie poprawie szybkości witryny jest zbyt wiele do omówienia, a wiele przydatnych zasobów już istnieje na ten temat.

W tym przewodniku po prostu zmoczymy sobie stopy, więc zamierzam udostępniać moje zalecenia i starać się nie zagłębiać się zbytnio w aspekty techniczne.

W przypadku wielu z nas będziemy musieli zatrudnić eksperta ds. szybkości witryny, aby w pełni rozwiązać problemy wykryte w którymkolwiek z powyższych narzędzi testowych. Ale wszyscy możemy zrobić postępy na własną rękę – a jeśli masz szczęście, może to wystarczyć, aby uzyskać mniej niż 2 sekundy czasu ładowania, którego wszyscy pragniemy.

Zoptymalizuj swoje obrazy

Obraz jest wart tysiąca słów - lub pod względem rozmiaru pliku 100 000 słów.

Obrazy świetnie nadają się do utrzymania zaangażowania odwiedzających, budowania tożsamości marki i szybkiego przekazywania wielu informacji. Biorąc to pod uwagę, często są to duże pliki, które następnie znacznie wydłużają czas ładowania strony.

Na szczęście optymalizacja obrazów jest łatwa i można ją wykonać zbiorczo za pomocą wtyczek.

Jeśli korzystasz z systemu WordPress, po prostu pobierz narzędzie EWWW Image Optimizer i edytuj zbiorczo wszystkie przesłane pliki. Zajmie Ci to tylko kilka kliknięć i możesz odejść, gdy wykonuje ciężkie podnoszenie.

Zdziwisz się, jak wiele ulepszeń zobaczysz dzięki optymalizacji obrazów.

Wybór motywu

Jeśli używasz motywu swojej witryny na platformie takiej jak WordPress, nie spodoba ci się to, co mam do powiedzenia.

Chociaż może to nie stanowić problemu, niektóre motywy są słabo zoptymalizowane pod kątem szybkości. To całkowicie zależy od twojego konkretnego tematu.

Przeprowadzaj niezależne badania, sprawdzaj fora i wątki pomocy technicznej oraz sprawdzaj dokumentację dołączoną do motywu. W dokumentacji mogą znajdować się konkretne porady lub ustawienia w zaawansowanej konfiguracji motywu, które można wykorzystać, aby poprawić szybkość witryny.

W najgorszym przypadku być może będziesz musiał podjąć trudną decyzję, że na dłuższą metę będziesz musiał wybrać inny motyw, który ma lepiej zoptymalizowany kod.

Usuń niepotrzebne wtyczki

Kiedy pomagam klientom w optymalizacji ich witryn, pierwszą rzeczą, którą robię (po zoptymalizowaniu obrazów), jest sprawdzanie, jakie wtyczki mają zainstalowane i aktywne.

Często zaskakuje mnie to, co znajduję - mnóstwo bezużytecznych, kosmetycznych wtyczek, duplikaty śledzenia Google Analytics. Ty to nazwij.

Przyjrzyj się uważnie swojej liście wtyczek — wszystko, czego nie używasz aktywnie, powinno zostać usunięte.

Możesz zobaczyć, które wtyczki są zasobożerne za pośrednictwem GTmetrix, i powinieneś traktować priorytetowo ich usuwanie, gdy tylko jest to możliwe.

Rozmiar strony

Zbyt wiele dużych obrazów, filmów lub zbyt wiele niepotrzebnych wierszy kodu w plikach .htaccess lub JavaScript może przyczynić się do spowolnienia witryny.

Poproś swojego programistę, aby w stosownych przypadkach przyjrzał się usuwaniu kodu z Twojej witryny. Często, jeśli Twoja witryna ma kilka lat, pozostaną Ci funkcje i resztki, których już nie używasz.

Ponadto, jeśli chodzi o osadzone filmy, są to często duże pliki i zawierają więcej niż jeden zasób JavaScript.

Czy ludzie rzeczywiście oglądają umieszczone przez Ciebie filmy? Sprawdź swoje statystyki na stronie (jest do tego wtyczka), aby się dowiedzieć. Jeśli ludzie tak naprawdę nie wchodzą z nimi w interakcję, rozważ usunięcie ich lub poprawienie ich rozmieszczenia i ekspozycji.

Kompresja GZip

Gzip to aplikacja, która zmniejsza rozmiar dowolnego zasobu większego niż 150 bajtów. Mówimy o CSS, JavaScript, HTML itp.

W Internecie dostępnych jest wiele dokumentacji, jak zacząć z tego korzystać, i na pewno wpłynie to na szybkość Twojej strony.

Zminifikuj i połącz CSS i JS

Ten może się nieco skomplikować i będziesz musiał być zaawansowanym użytkownikiem, aby to wszystko zrozumieć – ja sam nie mam wystarczającego zrozumienia tego wszystkiego, aby udzielić ci szczegółowych porad.

Ale mogę ci powiedzieć, że istnieją wtyczki, które mogą w tym pomóc, jeśli korzystasz z WordPressa.

• BWPMinify to świetna i przyjazna dla użytkownika wtyczka, która może być właśnie tym, czego szukasz. Może wprowadzić szereg ulepszeń bez konieczności posiadania zaawansowanej wiedzy użytkownika.
• Autooptymalizacja to kolejny, który może Ci się przydać.

Praca nad tym konkretnym kątem będzie wymagała pewnych eksperymentów, więc zdecydowanie polecam korzystanie z witryny inscenizacyjnej lub testowej, w której można się bawić, nie psując niczego, co jest na żywo i skierowane do klientów.

... czy to wszystko?

Hah, chcesz.

Wiem, że to wszystko może być trudne do przyswojenia, jeśli nie jesteś specjalnie zaznajomiony z tematem, ale staje się to łatwiejsze.

Im bardziej zapoznasz się z tematem, eksperymentujesz z wtyczkami i korzystasz z narzędzi testowych, tym lepiej zrozumiesz szczegóły.

Ostatecznie prawdopodobnie nadal będziesz potrzebować pomocy utalentowanego i wykwalifikowanego programisty – niezależnie od tego, czy ma on zająć się całym projektem, czy po prostu dopracować i ponownie sprawdzić bezpieczeństwo i stabilność własnej pracy, ale to będzie warte wydanych pieniędzy, jeśli możesz poprawić wrażenia użytkownika.