Jak skrócić czas ładowania strony WordPress – 6,3 sekundy do 2 sekund

Transkrypcja wideo

Ten film przeprowadzi Cię przez proces, którego używamy w Sagapixel, aby skrócić czas ładowania witryny z około sześciu sekund do czegoś, co jest nieco bardziej akceptowalne. Mam nadzieję, że skończymy w przedziale od dwóch do trzech sekund dla tej witryny.

Ta metoda będzie wykorzystywać wszystkie darmowe wtyczki. Są w repozytorium WordPressa i zamierzam wyjaśnić, co każdy z nich robi, gdy go używam. Wskoczmy do tego. To jest raport GTMetrix dotyczący witryny, którą zrobiliśmy kilka miesięcy temu, która tak naprawdę nie została zoptymalizowana.

Właściwie zamierzam przejść do frontonu strony, używając również mojej przeglądarki, więc przejdziemy do sieci i zrobię twarde odświeżenie. Jestem na Macu. Przytrzymam Shift i nacisnę odświeżanie, aby wyczyścić pamięć podręczną, i to jest powolne. Tak, ta rzecz miała czas na pierwszy bajt sześciu sekund.

To dość śmieszne i nie pozwolimy, aby witryna klienta siedziała tam i zajmowała tak dużo czasu, aby pierwszy bajt. Teraz sam serwer jest prawdopodobnie czynnikiem. Wiem, że korzystają z hostingu GoDaddy o bardzo niskiej jakości, ale zdecydowanie możemy to przyspieszyć, więc przez następne 10 minut będziemy to robić.

Najpierw się do tego zaloguję i przejdziemy do wtyczek. Pierwszą rzeczą, którą należy aktywować, jest ta szybka minifikacja. Szybka minifikacja prędkości połączy wiele ładowanych zasobów, więc po pierwsze, uważam, że ma zainstalowany SSL, więc ustawię to, aby wymusić SSL.

Nie będę tego sprawdzać. To zwykle nie ma wielkiego znaczenia. Nie chcę wyłączać scalania czcionek Google. Nie chcę zachowywać kolejności plików CSS. Chcę umieścić CSS w nagłówku i stopce. Powodem, dla którego sprawdzam te ustawienia, jest to, że pracujemy głównie z Elementorem i wiem, że te ustawienia nie spowodują, że nic się nie zepsuje.

Podczas korzystania z szybkiego minifikowania prędkości, jeśli coś zepsujesz, prawdopodobnie będzie to działać w Chrome, więc upewnij się, że po wykonaniu wszystkich ustawień i wylogowaniu się z witryny uruchamiasz Chrome i upewnij się, że nie zniszczyłeś żadnego ze swoich arkuszy stylów.

W porządku, niczego nie wyłączam. Wygląda dobrze tutaj, więc zamierzam to zapisać i ponownie uruchomić metryki Gt. Samo zrobienie tego powinno prawdopodobnie skrócić czas ładowania tej witryny. Wiele z nich to prawdopodobnie nadal serwer.

Dobra, to obniżyło to nieco ponad sekundę. Jednak jeszcze nie skończyliśmy. Następna wtyczka, którą zamierzamy zainstalować to… na tej stronie mamy krótki optymalizator obrazu pikseli. Wygląda na to, że nigdy nie został aktywowany, więc być może będziemy musieli zoptymalizować niektóre obrazy.

Właściwie nie zamierzam tego używać. Zamierzam zainstalować inną wtyczkę, którą ostatnio przyjęliśmy, która zajmie się całą masą rzeczy, którymi trzeba się zająć, w tym optymalizacją obrazu, więc musimy ponownie zoptymalizować.

OK, więc przejdź do ustawień, a pierwszą rzeczą, którą zrobimy, jest przejście do pamięci podręcznej. Włączę buforowanie strony. Zamierzam również upewnić się, że nie mam już aktywnej wtyczki buforującej, czego nie mamy. Dobry. I zamierzam włączyć buforowanie stron.

Następną rzeczą, którą zamierzam zrobić, to przejść do wstępnego ładowania i aktywować ten zaplanowany moduł wstępnego ładowania. Myślę, że będziemy to robić raz dziennie. Zapisz go, a ja go teraz uruchomię, a to rozpocznie wstępne ładowanie wszystkich adresów URL, tak jak możesz przeczytać tutaj, rzeczywista spowoduje ponowną optymalizację, aby buforować witrynę, odwiedzając strony, aby je wstępnie załadować tak więc, gdy odwiedzający po raz pierwszy ich potrzebuje, witryna nie będzie musiała generować wszystkiego.

Będziemy musieli dać temu minutę. Następną rzeczą, którą zamierzam zrobić, jest przejście do obrazów i od teraz ustawimy tę funkcję tak, aby automatycznie kompresowała nowo dodane obrazy. Zrobi to, łącząc się z WP Smush. Jeśli nie chcesz tego używać, możemy to odznaczyć, a powiem, że ogólnie rzecz biorąc, krótki piksel jest prawdopodobnie najlepszy, jeśli chodzi o obsługę optymalizacji obrazu.

Cały ten proces wstępnego ładowania stron zajmuje trochę czasu. Wiesz, jesteśmy tylko na stronie 17 z 30. Następną rzeczą, do której przejdziemy podczas tego biegu, jest to tutaj. Przyjrzymy się bazie danych i mamy te opcje, aby zoptymalizować tabele bazy danych, wyczyścić wersje postów, więc to naprawdę oczyści bazę danych i pozwoli jej działać o wiele szybciej, ale naprawdę chcę podkreślić że pozbędzie się rzeczy.

Tak więc, jeśli tak, to jeśli istnieje jakakolwiek możliwość, że będziesz chciał przywrócić stary post, przywróć starą stronę do stanu, w jakim było to zrobione w pewnym momencie, uruchamiając te optymalizacje, które zamierzasz wymazać wszystkie te stare wersje wszystkiego, więc prawdopodobnie chcesz utworzyć kopię zapasową swojej witryny, zanim zrobisz cokolwiek w bazie danych.

Wiem, że mamy kopię zapasową tego. Nie zamierzam tego robić podczas wstępnego ładowania, ale wygląda na to, że zostało to załatwione, więc przejdźmy tutaj. Wykonam wszystkie te optymalizacje. Tutaj mamy 1200 wersji postów, które zostały usunięte.

Czasami zajmie to trochę czasu. Jest to dość mała strona internetowa, więc naprawdę nie zajęła jej zbyt wiele, ale uruchommy ją jeszcze raz, zobaczmy, co to jest zrobione. W porządku, teraz jesteśmy w dół do 2,6 sekundy od całej drogi w górę, co to było, ponad 6 sekund przed rozpoczęciem.

Następny, który dodam, będzie leniwym ładunkiem. Lazy loading, jedziemy, leniwy ładunek od WP Rock to ten, którego używam. Super łatwy w konfiguracji. Po prostu kliknij, aktywuj, przejdź do ustawień, a my tylko zaznaczymy kilka pól tutaj.

Obrazy, I-ramki. Nie zamierzam robić filmów na YouTube według miniatur. Zapisz zmiany. Dobra. A teraz ostatni krok, naprawdę, myślę, że optymalizacja… nie będziemy tu siedzieć, podczas gdy optymalizujemy całą bibliotekę, ale optymalizacja obrazów do tego celu będzie ostatnim krokiem, aby naprawdę to rozwiązać.

Myślę, że prawdopodobnie skrócimy to do około 2,5 sekundy, jeśli użyjemy zbyt dużych obrazów i witryny. Mam nadzieję, że to się przydało. Naprawdę szybkie załadowanie witryny WordPress nie jest takie trudne.

Myślę, że również wiele krytyki wizualnych kreatorów stron, takich jak WP Bakery, w tym przypadku Elementor, Divi, jest nieuzasadnione, ponieważ jest wiele rzeczy, które możesz zrobić, aby te strony ładowały się szybko, nawet przy wizualny kreator stron.

Jeśli to było pomocne, zostaw komentarz, a jeśli chcesz dowiedzieć się więcej o SEO i WordPressie, zasubskrybuj nasz kanał. Dzięki.