Jak poprawić szybkość ładowania strony, aby zmaksymalizować wyniki

Słyszeliście kiedyś bajkę o zającu i żółwiu? Wiesz, ten, w którym powolny żółw triumfował w wyścigu nad aroganckim, szybkim królikiem? Cóż, to kłamstwo. Powolne poruszanie się nigdy nikogo nie zaprowadziło szybko. To po prostu zdrowy rozsądek i dobry interes.

OK, masz nas. Możesz czerpać korzyści z powolnego podejmowania niektórych rzeczy, takich jak jedzenie, starzenie się i schodzenie po stromych schodach z mieczami. Ale jeśli chodzi o SEO, nie ma nic gorszego niż powolne działanie.

Więc przygotuj się, ponieważ będzie to szybka jazda do wyższych rankingów.

Dlaczego posiadanie szybkiej strony internetowej jest ważne?

Czy wolisz czekać na paczkę dłużej niż dwa dni, wysyłać pocztę tradycyjną zamiast SMS-a lub kręcić kciukami, czekając, aż załaduje się strona internetowa? Nikt przy zdrowych zmysłach nie chciałby tego zrobić. Kto ma na to czas? Na pewno nie twoi potencjalni klienci.

Szybciej ładujące się strony zwiększają wydajność Twojej witryny, poprawiają wyniki Google PageSpeed ​​Insights i GTmetrix oraz poprawiają pozycję w wynikach wyszukiwania.

Ale dokładnie, jak bardzo szybkość strony wpływa na SEO? Wolne ładowanie strony może prowadzić do :

• Spadek konwersji o 7%.
• 11% mniej wyświetleń strony.
• 16% spadek zadowolenia klientów.

Z każdą sekundą liczby te stają się coraz bardziej przerażające:

• Współczynniki odrzuceń mogą wzrosnąć aż o 103% już po dwusekundowym opóźnieniu.
• 53% opuści witrynę , której ładowanie trwa dłużej niż trzy sekundy.
• 79% niezadowolonych kupujących ze względu na szybkość ładowania strony jest mniej skłonnych do ponownego zakupu.

Jak mogę sprawdzić szybkość ładowania mojej strony?

Kilka narzędzi do testów porównawczych online mierzy szybkość ładowania strony. Mogą również pokazać, jak duża i wymagająca dużej ilości zasobów jest Twoja witryna, i zasugerować udoskonalenia. Co najlepsze, możesz korzystać z nich wszystkich za darmo.

• Google PageSpeed ​​Insights przeprowadza osobne testy dla komputerów i urządzeń mobilnych, dzieląc czas ładowania na różne etapy.
  
• GTmetrix daje przegląd rozmiaru, czasu ładowania strony i alokacji zasobów, podobnie jak YSlow.
  
• Pingdom oferuje podobną usługę do GTmetrix.
  
• WebPageTest jest nieco mniej przyjazny dla użytkownika niż inne, ale wydaje się być bardziej wnikliwy. Godne uwagi są jego zaawansowane opcje, które uwzględniają działanie witryny w różnych przeglądarkach.

Podczas przeprowadzania tych testów wybierz lokalizacje testowe najbliżej fizycznej lokalizacji odbiorców, ponieważ da to najtrafniejsze wyniki.

Teraz, gdy znasz już szybkość wczytywania strony w swojej witrynie, sprawdźmy, czy taktujesz w rozsądnym czasie.

Jak szybko powinna ładować się moja witryna?

Ogólnie rzecz biorąc, Twoje strony powinny całkowicie załadować się w ciągu trzech sekund lub krócej.

Jeśli Twoja szybkość wynosi około trzech do pięciu sekund, nie jesteś w złej sytuacji, ale Twoje strony działają mniej korzystnie, niż można by oczekiwać na podstawie dzisiejszych standardów mobilnych. Wszystko powyżej pięciu sekund jest uważane za słabe. Ale bez względu na to, jak szybko ładuje się Twoja witryna, zawsze może zyskać na przyspieszeniu.

Powinieneś również zwrócić uwagę na swój czas do pierwszego bajtu (TTFB). (WebPageTest i PageSpeed ​​Insights pokazują te dane). TTFB to okres oczekiwania przeglądarek, zanim zaakceptują pierwszy bajt danych z serwera. Google sugeruje TTFB 200 milisekund lub szybciej.

Oto więcej informacji na temat celów dotyczących szybkości wczytywania strony:

• Pingdom stwierdził, że większość stron ładuje się średnio poniżej 3,21 sekundy .
  
• Google twierdzi, że 53% użytkowników jest skłonnych poczekać tylko trzy sekundy, aż ich telefony się załadują, zanim przejdą na inną stronę internetową.
  
• Firma Akamai odkryła, że ​​średnia prędkość ładowania strony mobilnej wynosząca 2,4 sekundy zapewnia najlepszy współczynnik konwersji.

Ale jak możesz poprawić szybkość ładowania strony, aby osiągnąć cel wynoszący trzy sekundy lub szybciej?

Jaki jest najlepszy sposób na zwiększenie szybkości ładowania strony?

Na szybkość ładowania strony może wpływać kilka czynników. Niektóre strategie można zastosować od razu i mają one natychmiastowy efekt. Inni będą potrzebować czasu i testów, aby zobaczyć korzyści.

Oto niektóre z najlepszych metod:

1. Włącz kompresję gzip.

2. Zoptymalizuj obrazy.

3. Włącz buforowanie przeglądarki.

4. Minifikuj HTML, CSS i JavaScript.

5. Zmniejsz liczbę żądań HTTP.

6. Skróć czas odpowiedzi serwera.

7. Rozważ wdrożenie CDN.
Bonus: Wprowadź ulepszenia specyficzne dla WordPress.

Na Twój znak! Przygotować się! Zwiększyć!

1 . Włącz kompresję gzip

Kompresja zmniejsza rozmiar plików, umożliwiając szybsze pobieranie. To jeden z najprostszych i najszybszych sposobów optymalizacji szybkości ładowania strony. Używanie gzip do kompresji jest prawie normą, chociaż Brotli jest alternatywną, ale popularną metodą. Po włączeniu gzip może zmniejszyć rozmiar HTML, CSS i JavaScript nawet o 70%. (Uruchom test gzip, aby sprawdzić, czy jest włączony.)

Większość uniwersalnych wtyczek wydajnościowych WordPress daje możliwość automatycznego włączenia kompresji. Możesz ręcznie włączyć kompresję, dodając trochę kodu do pliku .htaccess dla tych, którzy są bardziej aktywni lub używają innego CMS.

2. Optymalizuj obrazy

Niektóre z typowych winowajców przyczyniających się do dużych rozmiarów stron to obrazy. Ogólnie rzecz biorąc, Twoje zdjęcia powinny być odpowiednio dobrane i zoptymalizowane zgodnie z następującymi zasadami:

• Poniżej 100 kilobajtów.
• Ustaw dokładny rozmiar, w jakim będzie wyświetlany obraz.
• Zapisany jako JPG (chyba że jest przezroczysty, w takim przypadku użyj PNG).

Wraz z kompresją obrazu następuje zauważalny spadek jakości, więc nie pozwól, aby pragnienie szybszego ładowania wpłynęło negatywnie na jakość projektu Twojej witryny. Ale przynajmniej, jeśli Twoja witryna ma na przykład szerokość 600 pikseli, nie przesyłaj obrazu o szerokości 2500 pikseli.

Zoptymalizuj obrazy przed ich przesłaniem za pomocą programu Photoshop (płatny) lub GIMP (bezpłatny). Aby uzyskać dodatkową kompresję, możesz także skorzystać z optymalizatora online, takiego jak TinyJPG. Jeśli potrzebujesz innej opcji i korzystasz z CMS, takiego jak WordPress, Smush i EWWW Image Optimizer to dobre wtyczki do tworzenia kopii zapasowych. Niektóre wtyczki dają również możliwość włączenia funkcji „leniwego ładowania”, która nadaje priorytet treści widocznej na ekranie i ładuje zdjęcia tylko wtedy, gdy odwiedzający przewinie stronę w dół — drastycznie zmniejszając liczbę żądań otrzymywanych przez serwer.

3. Włącz buforowanie przeglądarki

Gdy odwiedzający wracają do Twojej witryny, ich przeglądarka ponownie pobiera pliki, takie jak skrypty, obrazy i arkusze stylów — chyba że włączono buforowanie przeglądarki.

W przypadku buforowania przeglądarki pliki statyczne są zapisywane w przeglądarce użytkownika. Więc następnym razem, gdy uzyskają dostęp do Twojej witryny, nie będą musieli niczego ponownie pobierać, więc Twoja strona ładuje się znacznie szybciej.

Jeśli używasz WordPressa, buforowanie jest stosunkowo łatwe. Wtyczki, takie jak WP Rocket i W3 Total Cache, przeprowadzą Cię przez wszystkie niezbędne kroki i przygotują dla Ciebie. Tylko upewnij się, że używasz tylko jednej z tych wtyczek jednocześnie. Ponadto ręczne włączanie buforowania jest nieco bardziej skomplikowane.

4. Minifikuj HTML, CSS i JavaScript

Minifikacja usuwa zbędny lub niepotrzebny kod bez wpływu na wydajność. Obejmuje to eliminację komentarzy do kodu, długich nazw funkcji, odstępów itd. — czyli wszystkiego, co jest niewidoczne dla użytkownika, ale ogranicza szybkość ładowania.

Wtyczki WordPress, takie jak WP Super Minify, WP Rocket i W3 Total Cache, są idealne dla początkujących twórców stron internetowych, aby osiągnąć minimalizację. Będziesz musiał wykonać ręczną minifikację dla innych CMS i zaawansowanych administratorów. Niektóre narzędzia, które mogą pomóc, to:

• Minifikator HTML.
• Kompresor YUI lub Minifier CSS.
• JSCompress lub JSMin.

5. Zmniejsz liczbę żądań HTTP

Ten jest duży. Chociaż może to być trudne, nie daj się przestraszyć. Redukcja żądań jest ostatecznym celem optymalizacji ładowania strony. Powinieneś starać się utrzymać liczbę żądań HTTP poniżej lub około 50.

Istnieje wiele metod usprawnienia tych żądań , a także ich przyspieszenia.

6. Skróć czas odpowiedzi serwera

Zmiana serwerów to coś, co powinieneś robić z powagą i w locie. Ale twój serwer hostingowy odgrywa kluczową rolę w czasie ładowania, więc wiedza o tym, czy masz najlepszą konfigurację, jest bardzo ważna.

Przede wszystkim skonsultuj się ze swoim dostawcą, aby upewnić się, że serwery mają wystarczający czas pracy, zapewniają wystarczającą przepustowość i znajdują się blisko docelowych odbiorców. Jeśli nie, rozważ zmianę usługi hostingowej.

Kilka innych ważnych rzeczy do rozważenia:

• Wersja PHP
  Jeśli Twoja witryna jest oparta na PHP, powinieneś używać PHP 7 lub nowszego. Najłatwiejszym sposobem, aby dowiedzieć się, którego PHP używasz, a który należy zaktualizować, jest skontaktowanie się z dostawcą usług hostingowych. Pamiętaj jednak, że zmiany w PHP mogą mieć wpływ na niektóre motywy i wtyczki WordPress. Możesz szybko odwrócić PHP serwera, jeśli coś wydaje się wadliwe.
  
• HTTP/2
  HTTP/2 to protokół po stronie serwera, który może znacznie poprawić szybkość i wydajność witryny. Nie wszystkie witryny używają protokołu HTTP/2, kiedy tylko mogą. Możesz użyć różnych narzędzi online, aby sprawdzić, czy Twój serwer obsługuje protokół HTTP/2. Następnie skontaktuj się ze swoim dostawcą hostingu, aby dowiedzieć się, jakie masz opcje.
  
• Typ hostingu
  Większość małych firm korzysta z tańszych współdzielonych serwerów hostingowych (takich jak Bluehost, GoDaddy i HostGator). Większe przedsiębiorstwa, które odnotowują duży ruch w witrynie, zwykle potrzebują bardziej wydajnych wirtualnych serwerów prywatnych lub serwerów bezpośrednich do dystrybucji treści. Zdecyduj, do której kategorii należysz, używając swojego budżetu i wydajności jako wskaźników.

7. Rozważ wdrożenie CDN

Sieci dostarczania treści są idealne dla stron, które obsługują wiele międzynarodowych lokalizacji lub szukają przyspieszenia swojej zwykłej usługi hostingowej. Te płatne usługi stron trzecich nie tylko zapewniają obsługę protokołu HTTP/2, ale także znacznie skracają czas żądania, udostępniając pliki w rozległej sieci globalnych serwerów.

Niektóre unikalne opcje CDN obejmują:

• Rozbłysk chmur.
• Ścieżka stosu.
• CacheFly.
• Google Cloud CDN.

Tylko niektóre witryny potrzebują CDN (pomimo tego, co może sugerować GTmetrix), dlatego zalecamy najpierw wykonanie innych strategii z tej listy. Rozważ CDN jako wykonalną opcję, jeśli czasy ładowania nadal muszą nadrobić zaległości.

Bonus: Ulepszenia specyficzne dla WordPress

Inne czynniki mogą mieć wpływ na czas ładowania strony, jeśli korzystasz z WordPress. Będziesz chciał rozwiązać te problemy wraz z innymi metodami wymienionymi powyżej.

Zmniejsz liczbę wtyczek

Wtyczki są fantastyczne i mogą znacznie zwiększyć szybkość Twojej witryny. Jednak użycie niewłaściwych wtyczek może mieć odwrotny skutek, a zainstalowanie zbyt wielu wtyczek może powodować problemy, drastycznie spowalniając działanie witryny.

Dlatego niezbędne jest:

• Rutynowo aktualizuj i konserwuj swoje wtyczki.
• Rutynowo usuwaj wszelkie niepotrzebne lub nieużywane wtyczki.
• Sprawdź, czy istnieją lżejsze lub szybsze alternatywy.
• Zidentyfikuj wtyczki z nadmiarowymi funkcjami.
• Usuń wtyczki do zadań, które możesz łatwo wykonywać ręcznie.

Załóżmy na przykład, że masz zainstalowaną wtyczkę Google Analytics. W takim przypadku lepiej byłoby dodać fragment samodzielnie, za pomocą Menedżera tagów Google lub wtyczki Wstaw nagłówki i stopki (która jest znacznie mniejsza niż poprzednia).

Aby pomóc w zlokalizowaniu problemów, doskonałe narzędzie do oceny wtyczek, takie jak Page Performance Profiler, może określić, które wtyczki mają wpływ na szybkość ładowania strony. (Nie zapomnij go usunąć, gdy skończysz.)

Wyczyść swoją bazę danych

Z biegiem czasu bazy danych WordPress mogą ugrzęznąć w zapisanych wersjach roboczych, wersjach postów i innych rzeczach, których Twoja witryna nie potrzebuje do działania. Od czasu do czasu czyszczenie tego bałaganu może pomóc zwiększyć szybkość witryny. Niektóre wtyczki zwiększające wydajność typu „wszystko w jednym” również mają tę możliwość (podobnie jak WP Rocket) lub możesz skorzystać z wtyczki WP-Optimize.

Zaktualizuj CMS i motyw

Upewnij się, że zawsze używasz najnowszych wersji motywu i instalacji WordPress. (Nie zapomnij zrobić kopii zapasowej swojej witryny, zanim to zrobisz.) Jeśli Twoja witryna nadal działa wolno po aktualizacji i wprowadzeniu wszystkich powyższych zmian, możesz rozważyć wypróbowanie całkowicie nowego motywu. Chociaż motywy poprawiają wygląd Twojej witryny, mogą przynieść dużo bagażu, który może ugrzęznąć w Twojej witrynie.

Szybkie ładowanie strony jest ważniejsze niż kiedykolwiek

Jeśli to przegapiłeś, Google jest obecnie całkowicie skoncentrowany na urządzeniach mobilnych. I to się nie zmieni w najbliższym czasie, więc Twoje strony muszą ładować się tak szybko, jak to możliwe.

Wszyscy mamy krótkie okresy skupienia uwagi — i stają się one coraz krótsze z każdą sekundą. Jeśli Twoja strona nie ładuje się szybko, wiele filmów o kotach może to zrobić. Więc na co czekasz? Czas zacząć! Zaimplementuj te ulepszenia szybkości i jakości strony już teraz, ponieważ SERP na nikogo nie czekają.