Popraw czas ładowania witryny dzięki temu przewodnikowi Google PageSpeed ​​Insights

Google PageSpeed ​​Insights (PSI) to narzędzie, które raportuje wydajność strony zarówno na urządzeniach mobilnych, jak i stacjonarnych oraz dostarcza sugestie, jak ulepszyć tę stronę. Wpisanie adresu URL i kliknięcie ANALIZA daje szczegółowy raport o tym, co spowalnia stronę i co możesz zrobić, aby to naprawić.

To, co spowalnia stronę, opiera się na dwóch parametrach: czas do wczytania strony od strony strony oraz czas do pełnego wczytania. Pierwszy to czas potrzebny na wyświetlenie treści w części strony widocznej na ekranie po tym, jak użytkownik zażąda nowej strony. Ten ostatni to czas potrzebny przeglądarce do pełnego otwarcia strony po tym, jak użytkownik o to poprosi.

Badacze z Google odkryli, że jeśli Twoja strona ładuje się dłużej niż 3 sekundy, połowa potencjalnych użytkowników opuszcza ją, zanim ją zobaczyli. Co więcej, to samo badanie wykazało, że z każdą następną sekundą strona nie ładuje się, nawet więcej odwiedzających ją opuszcza. Z tego powodu Twoja witryna powinna załadować się w ciągu 2 sekund lub mniej.

Wynik PageSpeed ​​Insights mieści się w zakresie od 0 do 100, a wynik 85 lub wyższy wskazuje, że strona działa dobrze.

PSI zapewnia zarówno dane laboratoryjne, jak i terenowe dotyczące strony. Dane laboratoryjne są przydatne do debugowania problemów z wydajnością, ponieważ są gromadzone w kontrolowanym środowisku. Z drugiej strony dane terenowe są przydatne do rejestrowania prawdziwych, rzeczywistych doświadczeń użytkowników.

Dane terenowe są podzielone na 3 klasy, opisujące doświadczenia jako dobre, wymagające poprawy i słabe. Jeśli w raporcie jest dużo czerwonych i żółtych wykrzykników, prawdopodobnie powinieneś popracować nad ulepszeniem swojej witryny.

Jeśli chcesz przyspieszyć ładowanie swojej witryny, spróbuj wykonać następujące czynności:

• unikaj przekierowań strony docelowej po kliknięciu
• włącz kompresję
• zminimalizować CSS, JavaScript, HTML
• priorytetyzuj zawartość strony widocznej na ekranie
• przyspieszyć czas reakcji serwera
• wyeliminować blokujący renderowanie JavaScript
• wykorzystać buforowanie przeglądania
• zoptymalizuj obrazy

Jak może pomóc wtyczka Hummingbird?

Hummingbird to bezpłatna wtyczka, która pomaga wdrożyć powyższe wskazówki i przyspiesza ładowanie strony, co pomaga uszczęśliwić odwiedzających. Twoi goście nie tylko pozostaną na stronie, ale także pozostaną na dłużej i będą bardziej zadowoleni.

Ta wtyczka optymalizuje wydajność witryny i naprawia Google PageSpeed. Skanuje Twoją witrynę i informuje, co należy poprawić, aby Twoja strona była tak szybka, jak to tylko możliwe. Dzięki szybszej stronie zyskujesz zadowolonych odwiedzających i klientów.

Hummingbird ma wiele przydatnych funkcji, w tym kompresję plików, odraczanie CSS i JavaScript, minifikację dla CSS i JS, integrację Lazy Load i światowej klasy buforowanie.

Dzięki funkcji skanowania i naprawiania jednym kliknięciem Hummingbird pomaga Ci, skanując witrynę, śledząc, które pliki spowalniają ją, oraz dostarczając wskazówek i poprawek, które przyspieszają ładowanie witryny. Oferuje ulepszenia jednym kliknięciem, które nie będą marnować czasu, ale zdecydowanie poprawią Twoją witrynę. Możesz zoptymalizować wydajność w zaledwie sekundę i jednym kliknięciem.

Funkcja buforowania zapewnia światowej klasy pakiet buforowania, w tym pamięć podręczną całej strony, przeglądarkę i Gravatar. Jest tak prosty, jak to tylko możliwe, z przejrzystym interfejsem i łatwymi w użyciu ustawieniami. Nie ma skomplikowanych zakładek, które mogłyby Cię przytłoczyć lub zniechęcić.

Interfejs ma przełączniki, za pomocą których możesz wybrać strony i posty, które chcesz lub nie chcesz mieć w pamięci podręcznej. Możesz ją automatycznie włączyć dla stron, które zwykle są buforowane, takich jak Frontpage, Blog, Posty, Archiwa itp., ale istnieje również możliwość dodania dodatkowych opcji konfiguracyjnych, takich jak zalogowani użytkownicy, zapytania URL, aktualizacje i wykluczenia.

Buforowanie przyspiesza ładowanie witryny, ponieważ zapisuje niektóre dane w wygodniejszej lokalizacji, przyspieszając dostęp i odzyskiwanie.

Hummingbird pozwala również łatwo dostosować położenie plików CSS, JavaScript i innych, aby zwiększyć szybkość strony. Możesz bez wysiłku reorganizować, kompresować i zmieniać położenie plików dzięki funkcji minifikacji. Minifikuj i łącz pliki to potężne narzędzie, którego możesz użyć, aby zapewnić szybsze ładowanie witryny.

Hummingbird skanuje Twoją stronę i wyświetla komunikat wyświetlający liczbę posiadanych plików lub zasobów. Na stronie ustawień Optymalizacji zasobów możesz zdecydować, co chcesz zminimalizować, połączyć lub przenieść. Dzięki minifikacji redukujesz niepotrzebne dane z kodu, dzięki czemu strona jest szybsza.

Im mniej informacji pochodzi z serwera i przeglądarki, tym mniej czasu zajmie załadowanie Twojej witryny. Zminimalizuj skrypty, aby upewnić się, że pliki mają najmniejszy możliwy rozmiar. Możesz także łączyć swoje pliki, co oznacza, że ​​wszystkie pliki CSS są umieszczane w jednym pliku CSS, a wszystkie pliki JS w jednym pliku JS.

W ten sposób zmniejsza się liczba żądań wysyłanych do przeglądarki, co skutkuje skróceniem czasu ładowania. Możesz przenieść skrypt do stopki, a także zrezygnować z ładowania określonego pliku, co jest przydatne, jeśli nie potrzebujesz skryptu na swojej stronie internetowej. Ponownie, konfiguracja jest bardzo łatwa i nie wymaga żadnej znajomości kodowania. I nie martw się, jeśli coś zepsujesz, możesz łatwo zresetować wprowadzone zmiany.

Kolejną cechą wtyczki jest kompresja Gzip. Gzip kompresuje pliki HTML, JavaScript i CSS za pomocą konfiguracji jednym kliknięciem przed wysłaniem ich do przeglądarki. Dzięki temu udostępnianie witryny jest bardziej wydajne, ponieważ wysyłanie spakowanych plików jest szybsze i pozwala zaoszczędzić pieniądze na hostingu. Sprawia, że ​​Twoje pliki są mniejsze i szybciej się ładują bez utraty niezbędnych danych w procesie. Nie musisz się martwić o konfigurację, wystarczy wybrać typ serwera, na którym hostowana jest Twoja witryna, i nacisnąć przycisk Zastosuj reguły. Wtyczka zajmie się resztą.

Dzięki Hummingbird możesz także kontrolować ustawienia pamięci podręcznej przeglądarki Cloudflare. Dodatkowo możesz uzupełnić funkcje optymalizacji za pomocą wtyczki do optymalizacji obrazu Smush. Smush służy do kompresji obrazów i przyspieszenia procesu ładowania.

Możesz zoptymalizować i naprawić wydajność PageSpeed ​​za pomocą obrazów o odpowiednim rozmiarze, leniwego ładowania, konwersji WebP nowej generacji, formatowania obrazu i nie tylko.

Chcesz mieć pewność, że wszystko idzie tak gładko, jak to tylko możliwe, dlatego dzięki Hummingbird możesz mieć oko na swoją stronę i w razie potrzeby ją modyfikować. A na pulpicie nawigacyjnym Hummingbird możesz uruchamiać okresowe skanowanie wydajności, które pomoże Ci zidentyfikować pliki, które mogą spowalniać Twoją stronę.

Dlaczego to wszystko ma znaczenie

Posiadanie strony z szybkim ładowaniem jest bardzo ważne, ponieważ im dłużej trwa ładowanie strony, tym szybciej odwiedzający i klienci ją opuszczają. Jestem pewien, że pamiętasz co najmniej jeden raz, gdy byłeś na stronie, której ładowanie trwało wieki. Prawdopodobnie kliknąłeś, zanim coś się pojawiło. Wiem, że mam.

Jeśli musisz długo czekać, aż coś się załaduje, stajesz się bardziej sfrustrowany i niezadowolony z witryny. Dlatego ważna jest szybkość strony. Jeśli więc nie chcesz tracić potencjalnych klientów, powinieneś rozważyć przyspieszenie czasu ładowania swojej witryny. Gdy już go poprawisz, możesz go ponownie przeanalizować na PSI.

Jest ciekawy artykuł, który możesz przeczytać tutaj o tym, jak niemożliwe jest uzyskanie 100 punktów w Google PageSpeed ​​Insights. Autorka artykułu opowiada o tym, jak oceniła swoją witrynę przed i po ulepszeniach, aby uzyskać wynik 100. Użyła wtyczek Hummingbird i WP Checkup, aby poprawić wydajność swojej witryny.

Po wprowadzeniu zmian na swojej stronie zdała sobie sprawę, że niewiele więcej może zrobić, aby uzyskać wynik 100. Jednak to, że Twoja strona nie uzyskała 100 punktów w Google PageSpeed ​​Insights, nie oznacza, że ​​jest wolna. Artykuł pokazuje tylko, że żadna witryna nie może uzyskać idealnego wyniku, a Google PageSpeed ​​Insights nie jest najlepszym testem porównawczym do oceny wydajności witryny, ale zdecydowanie warto z niego korzystać.

Końcowe przemyślenia

Odwiedzenie strony internetowej i czekanie w nieskończoność na jej załadowanie może być bardzo frustrujące. Zwłaszcza jeśli jesteś osobą niecierpliwą. Postaw się w sytuacji swoich klientów lub gości. Nie chcesz czekać wieki, aż coś się pojawi, i oni też nie. Chcesz zapewnić najlepszą obsługę, która obejmuje również wydajność Twojej witryny.

Przyspieszając swoją stronę zwiększasz możliwość utrzymania nowych i dotychczasowych klientów. Szybki czas ładowania strony jest kluczowym czynnikiem, jeśli chcesz, aby ludzie odwiedzali Twoją witrynę, zostali na chwilę, a także wrócili.

Przeanalizuj więc swoją stronę w Google PageSpeed ​​Insights, a jeśli nie uzyskasz wyniku, na który liczyłeś, wypróbuj Hummingbird, który służy do optymalizacji Twojej witryny.