13 wskazówek, jak przyspieszyć witrynę WordPress (przyjazna dla początkujących)

Czas ładowania strony jest kluczowy. Twoim priorytetem w WordPressie powinno być przyspieszenie witryny WordPress . Kiedy odwiedzający odwiedza Twoją witrynę po raz pierwszy, masz tylko kilka sekund, aby się skupić i zachęcić go do spędzenia czasu na przeglądaniu Twojej witryny.

Wiele badań potwierdziło, że masz bardzo krótki czas na załadowanie witryny, zanim odwiedzający ją klikną, zwłaszcza jeśli przeszli na Twoją witrynę z innego linku.

Przyczyny spowolnienia działania witryny są różne . Źle zakodowany motyw, zbyt wiele wtyczek, źle zoptymalizowane obrazy, liczne widżety itp. To może być cokolwiek. Wolno ładująca się strona internetowa może zaszkodzić biznesowi, odwracając odwiedzających, którzy oczekują szybkiego czasu ładowania i płynnego korzystania z Internetu. Jednym słabym punktem, z którym radzi sobie WordPress, jest zwykle bardzo powolny czas ładowania.

Bez podjęcia najlepszych środków możesz skończyć z powolnym działaniem witryny, która z pewnością nie tylko będzie niedogodnością dla powracających użytkowników witryny, ale spowoduje utratę subskrybentów, a także klientów w wyniku niecierpliwego charakteru ludzi .

Jeśli Twoja strona działa wolno, możesz stracić odwiedzających, zanim zdążysz przekształcić ich w klientów. Google uwzględnił nawet szybkość witryny w swojej formule rankingu.

Oznacza to, że szybkość Twojej witryny wpływa na SEO. Jeśli Twoja witryna działa wolno, nie tylko tracisz odwiedzających; tracisz je również mając niższe pozycje w wyszukiwarkach.

Przyspieszmy więc bloga WordPress, nad którym pracujesz od tak dawna. Zalecam przetestowanie szybkości strony przed i po tych wskazówkach, aby sprawdzić, czy wprowadzono jakiekolwiek znaczące zmiany w czasie ładowania. Możesz użyć GTmetrix, Pingdom lub Google PageSpeed ​​Insights.

Wskazówki dotyczące przyspieszenia witryny WordPress

Oto wskazówki, które możesz zastosować, aby poprawić szybkość witryny:

#1 Zachowaj tylko potrzebne wtyczki

Dzięki wielu wtyczkom, które obiecują robić niesamowite rzeczy dla Twojej witryny, łatwo jest dać się złapać i złapać gorączkę wtyczek. Wkrótce otrzymasz wtyczki kontrolujące każdą funkcję i funkcję w Twojej witrynie.

To nie jest w porządku. Więcej wtyczek, więcej problemów. Im więcej masz wtyczek, tym więcej pracy musi wykonać Twoja witryna podczas ładowania. Ponadto nie wszystkie wtyczki są poprawnie zakodowane. Niektóre mogą być nieaktualne.

Zachowaj tylko te, których potrzebujesz. Pozbądź się wielu wtyczek pełniących te same funkcje, wtyczek, których już nie używasz oraz tych, które powstały ponad dwa lata temu i nigdy nie były aktualizowane.

#2 Wybierz ostrożnie dostawcę usług hostingowych

Na początku współdzielony host może wydawać się okazją (nieograniczone wykorzystanie miejsca na dysku, nieograniczona przepustowość). Ale ma to inną cenę: niewiarygodnie wolno zmieniający się wskaźnik witryny, a także ciągłe przestoje przez cały czas trwania ruchu.

Zabijasz się, uruchamiając swoją witrynę WordPress na współdzielonym hostingu, jeśli planujesz robić poważne interesy. Nie bądź ofiarą; zakup odpowiedniego hostingu. Możesz sprawdzić najlepszych tanich dostawców hostingu WordPress w moim poście, w którym porównałem ich na podstawie oferowanych przez nich funkcji.

#3 Za dużo widżetów na stronie głównej

W większości przypadków strona główna jest pierwszą stroną, którą widzą odwiedzający. Być może zaprojektowałeś go tak, aby pokazać wszystko, co masz. Pasek boczny tu i tam, jeszcze jeden widżet, który obiecuję . Wszystko po to, by zaimponować odwiedzającym.

Ale im więcej widżetów i treści masz na pierwszej stronie, tym dłużej trwa ładowanie witryny. Pamiętaj, że czysty projekt jest równie imponujący. Nie umieszczaj widżetów udostępniania wszędzie na swojej stronie głównej.

Zapisz je na końcu swoich postów na blogu, gdzie będą miały największy wpływ. Możesz także przyspieszyć ładowanie, korzystając z opcji WordPress, aby wyświetlać fragmenty zamiast pełnych postów i ograniczyć liczbę postów na stronie do 12.

#4 Dobry motyw WordPress

Dobrze zakodowany i zoptymalizowany motyw WordPress jest niezbędny. To jest jak fundamenty twojego domu. Bez tego nie byłoby niczego. Prawdą jest, że nie możesz dokładnie wiedzieć, czy motyw jest dobrze zakodowany, dopóki go nie zainstalujesz i nie aktywujesz. Sprawdź, co mówią inni i przeczytaj recenzje, aby się dowiedzieć.

Jeśli nie masz pewności, czy chcesz skorzystać z płatnego lub bezpłatnego motywu WordPress, może pomoże Ci przewodnik po motywach WordPress Darmowy vs. Płatny.

#5 Optymalizacja obrazu

Im wyższy rozmiar i jakość obrazu, tym dłużej trwa ładowanie. Im więcej masz zdjęć, tym wolniej działa strona. Istnieją na to rozwiązania, więc nie bój się używać obrazów w swojej witrynie.

Przed przesłaniem obrazów do moich witryn zawsze zmieniam ich rozmiar w Photoshopie, a podczas zapisywania wybieram opcję „Zapisz do Internetu”. Pozwala to zachować jakość obrazu, ale optymalizuje je do wykorzystania w witrynie.

Po przesłaniu uruchamiam obrazy przez wtyczkę optymalizacji obrazu. Użyłem wtyczki Image i PDF Optimizer, ale teraz wolę ShortPixel.

Możesz także mieć zainstalowaną wtyczkę Lazy Load. Jest to proces, który ładuje tylko obrazy pojawiające się „nad zakładką” lub w części witryny, którą przegląda odwiedzający.

Możesz to zrobić automatycznie za pomocą wtyczki jQuery Image Lazy Load (wtyczka ta nie jest już aktualizowana i obsługiwana. Proponuję znaleźć alternatywną wtyczkę).

#6 Użyj wtyczki buforowania

Wtyczki WordPress są całkiem przydatne. Wtyczki buforujące drastycznie poprawiają czas ładowania strony, a co najważniejsze, wszystkie z nich na WP.org są bezpłatne i łatwe w użyciu. Możesz wypróbować W3 Total Cache, WP Rocket lub Super Cache. Te są najbardziej popularne i powinny przyspieszyć działanie WordPressa.

Niektóre funkcje i ustawienia mogą być przytłaczające i możesz się zgubić. Uważaj więc, co włączysz. Dostępnych jest również wiele samouczków dotyczących najlepszej konfiguracji wtyczki do buforowania, więc sprawdź je również.

Aby uzyskać więcej informacji, możesz sprawdzić porównanie WP Rocket vs WP Super Cache vs W3 Total Cache vs Hyper Cache.

#7 Użyj sieci dostarczania treści

Wszystkie duże witryny korzystają z CDN. Sieć dostarczania treści lub CDN pobiera wszystkie statyczne pliki, które masz w witrynie (CSS, JavaScript, obrazy itp.) i umożliwia odwiedzającym pobranie ich tak szybko, jak to możliwe, udostępniając pliki na serwerach jak najbliżej nich.

Jeśli Twoja witryna jest nadal mała, prawdopodobnie nie potrzebujesz płatnych opcji sieci dostarczania treści, takich jak Max CDN, aby przyspieszyć witrynę WordPress. Zamiast tego na początek skorzystaj z darmowego planu CloudFlare.

#8 Zoptymalizuj bazę danych WordPress

Można to zrobić w bardzo żmudny, niezwykle nudny sposób manualny lub… Tak, inną wtyczkę. Możesz po prostu użyć wtyczki WP-Optimize, której używam na każdej stronie, którą zarządzam.

Chociaż nie był aktualizowany przez 1 rok, nadal działa bez problemów i konfliktów z innymi wtyczkami. Możesz wypróbować WP-Sweep jako alternatywę.

Ta wtyczka pozwala wykonać tylko jedno proste zadanie: zoptymalizować bazę danych (spam, publikować wersje, wersje robocze, tabele itp.), aby zmniejszyć ich obciążenie.

#9 Wyłącz hotlinking

Hotlinking to forma „kradzieży” przepustowości. Dzieje się tak, gdy inne witryny kierują linki do obrazów w Twojej witrynie ze swoich artykułów, co powoduje coraz większe obciążenie serwera. Może się to szybko zsumować, jeśli wiele osób „zdrapie” posty z Twojej witryny, gdy stanie się ona bardziej popularna.

Umieść ten kod w swoim głównym pliku .htaccess:

wyłącz hotlinkowanie obrazów z opcją zabronionego lub niestandardowego obrazu
RewriteEngine włączony
Przepisz Warunek %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?sparringmind.com [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?google.com [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?feeds2.feedburner.com/your feedburner name [NC]
Przepisz regułę \.(jpg|jpeg|png|gif)$ – [NC,F,L]

Musisz umieścić nazwę swojego kanału w „Twojej nazwie Feedburner”, w przeciwnym razie Twoje obrazy nie będą tam wyświetlane poprawnie.

#10. Dodaj nagłówek wygasa do zasobów statycznych

Nagłówek Expires to sposób na określenie czasu w przyszłości, tak aby klienci (przeglądarki) nie musieli ponownie pobierać żadnych treści statycznych (takich jak plik css, skrypt JavaScript, obrazy itp.). W ten sposób możesz znacznie skrócić czas ładowania dla zwykłych użytkowników.

Musisz skopiować i wkleić następujący kod do głównego pliku .htaccess :

WygasaAktywny wł.
WygasaByType image/gif A2592000
WygasaByType image/png A2592000
WygasaByType image/jpg A2592000
ExpiresByType image/jpeg A2592000

Powyższe liczby są ustawione na miesiąc (w sekundach). Zmień je, jak chcesz.

#11 Włącz kompresję HTML

Kompresja HTML pomaga zmniejszyć rozmiar każdego pliku w witrynie. Zmniejsza rozmiar pliku, bezpiecznie skracając adresy URL, usuwając wszystkie standardowe komentarze i nieporządne białe spacje z pliku dokumentu HTML.

Zazwyczaj w WordPressie każdy post jest sformatowany w dokumencie HTML, więc oczywiście, jeśli włączymy kompresję HTML, uzyskamy największą szansę na zaoszczędzenie przepustowości i zapewnienie niemal natychmiastowego dostarczenia treści naszym czytelnikom, jednocześnie poprawiając rankingi Google.

Jeśli masz aktywowaną jakąś wtyczkę buforującą, powinna ona mieć opcję włączenia kompresji HTML.

#12 Włącz kompresję HTTP

Przypomina to kompresję HTML, ale kompresja HTTP obejmuje wszystkie pliki, w tym JavaScript, CSS, HTML, XML, Plain, Favicon itp. Jest to najpopularniejsza metoda szybszego ładowania stron internetowych poprzez spakowanie Gzipem reszty treści w witrynach WordPress.

Zmniejsza rozmiar strony o ponad 60% – 80%. Aby włączyć kompresję HTTP, użyj następującego wiersza kodów w pliku .htaccess :

 # compress text, html, javascript, css, xml: AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/xml AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/x-javascript AddType x-font/otf .otf AddType x-font/ttf .ttf AddType x-font/eot .eot AddType x-font/woff .woff AddType image/x-icon .ico

#13 Zminimalizuj CSS i JS

Pliki JavaScript i CSS zazwyczaj zawierają nieużywane spacje i komentarze. Aby usunąć te nieużywane spacje i komentarze, dobrze jest włączyć minifikację zamiast edytować każdy plik naraz. Jeśli masz aktywowaną wtyczkę buforowania lub CDN (Cloudflare), powinna istnieć opcja włączenia CSS i js minify.

Przyspiesz podsumowanie WordPressa

Mam nadzieję, że te wskazówki pomogą Ci przyspieszyć działanie witryny WordPress. Zaznaczam, że choć szybkość jest niezwykle ważna, to nie wszystko. Zawsze pamiętaj, jaki jest cel Twojej witryny.

Techniki, o których wspomniałem, wahają się od podstawowych do pośrednich ulepszeń, które możesz wdrożyć, aby zoptymalizować swoją witrynę WordPress.

Ta kombinacja narzędzi i wtyczek powinna pomóc w stworzeniu szybszej witryny bez wydawania pieniędzy. Kolejna rzecz, o której musisz wiedzieć, zbyt wiele wtyczek niekoniecznie spowalnia Twoją witrynę, pod warunkiem, że są to wtyczki wysokiej jakości.

Teraz przejdź do ciebie. Co przegapiłem? Jeśli macie jakieś wskazówki, dajcie znać w komentarzach poniżej.