5 niezawodnych sposobów na przyspieszenie witryny WordPress

Opublikowany: 2016-04-08

Wybierz jedną perspektywę, aby spojrzeć na wskaźnik szybkości ładowania witryny i jej znaczenie: marketer, właściciel witryny, programista, kreator SEO, a nawet, a zwłaszcza użytkownik. Wskaźnik prędkości nadal będzie widoczny na górze. Sprawdź najlepsze praktyki tworzenia stron internetowych w tylu źródłach, ile możesz znaleźć, a zobaczysz „ skrócenie czasu wczytywania stron” gdzieś na każdej liście.

Nie lubimy nawet czekać w kolejce do kasy w Walmarcie. Jak myślisz, co byśmy czuli wobec niematerialnej gromady danych w epoce bezmyślnych ekscesów ?

Dlatego konieczne jest tworzenie stron internetowych, które ładują się szybciej (TTFB powinien być krótszy niż 2 sekundy). Dla lepszego doświadczenia, dla wyższej konwersji, dla najlepszych rankingów wyszukiwania!

Co więc można zrobić, aby strony internetowe WordPress były szybsze? Wydaje się, że jest to bardzo dużo, szczególnie w tych 5 obszarach:

1. Serwer

F2

W tym miejscu znajdują się dane Twojej witryny . Jeśli serwer utrzymuje się jak jadłodajnia lub zaułki Gotham, żadna optymalizacja wydajności nie pomoże Ci przyspieszyć działania witryny.

Dlatego przed zalogowaniem się do dostawcy usług hostingowych zwróć uwagę na:

  • Konserwacja, kopie zapasowe i bezpieczeństwo (z oczywistych względów)
  • Skalowalność: jak różne plany ważą się pod względem odwiedzających, transferu danych, przepustowości, przestrzeni dyskowej itp. oraz w jaki sposób będziesz skalowany po przekroczeniu niektórych limitów.
  • Opinie klientów i fora wsparcia (mogą wiele ujawnić na temat historii usług firmy)
Oto więcej rzeczy, którym możesz się przyjrzeć:
Ø Hosting wideo innych firm

Zewnętrzny lub zewnętrzny hosting wideo to doskonałe rozwiązanie dla tych, którzy rozsądnie wykorzystują swoją przestrzeń serwerową i przepustowość.

Dokładnie tak jest napisane na puszce. (Tylko) Pliki wideo są hostowane na serwerze innej firmy, takim jak Youtube, Vimeo itp., do którego można połączyć się ze swoją witryną (bez wzywania programisty do bałaganu w interfejsie API). Niektóre z nich są również wyposażone w narzędzia do edycji wideo, a większość z nich oferuje wsparcie.

Tylko upewnij się, że sprawdziłeś prawa do plików wideo (Polityka prywatności) przed zarejestrowaniem się w tej usłudze.

Ø Zapobieganie połączeniom Hotlink obrazu

Image Hotlinking to niedoceniane zło.

Jest to równoznaczne z kradzieżą, a najgorsze jest to, że przestępcy często nie są świadomi powagi swoich czynów. Po prostu kopiują Twój obraz (na klawiaturę) i wklejają go bezpośrednio w swoim edytorze tekstu sformatowanego. Tak więc obraz, który pojawia się w ich treści, jest nadal przechowywany na twoim serwerze. Dlatego każdy, kto natknie się na obraz na swojej stronie internetowej, nadal będzie prosić serwer o załadowanie obrazu. To pochłania twoją przepustowość.

I nie dostaniesz podziękowania.

Twój naiwny altruizm powinien znosić tylko tyle. W Internecie chronisz swoje treści lub zostajesz ukarany. Umieść ten kod w swoim pliku .htaccess:

RewriteEngine włączony

RewriteCond %{REQUEST_FILENAME} -f

RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?mywebsite\.com [NC]

RewriteCond %{REQUEST_URI} !^/images/stopstealing\.jpg$ [NC]

Przepisz regułę \.(jpg|jpeg|png)$ http://mywebsite.com/images/stopstealing.jpg [NC,R,L]

Ponadto: Należy pamiętać, że niektóre sieci dostarczania treści (CDN) mają wbudowaną funkcję zapobiegania Hotlink.

2. Pamięć podręczna

Wtyczki buforujące, takie jak W3 Total Cache, to jedna z najlepszych rzeczy, jakie WordPress ma do zaoferowania do optymalizacji szybkości strony ( wszyscy to uwielbiają). Alternatywą (dla mniej zaawansowanych użytkowników) jest WP Super Cache.

Chodzi o to, aby tworzyć kopie (cache) stron, obiektów i baz danych; minimalizuj skrypty i łatwiej integruj witrynę WordPress z siecią dostarczania treści (CDN).

Możesz także zatrudnić programistów WordPress, aby w pełni wykorzystać optymalizację wydajności po stronie serwera dzięki rozwiązaniom do buforowania baz danych, takim jak Redis i Memcached.

Ø Moduł wygaśnięcia

Ten moduł Apache ustawia żywotność pamięci podręcznej dla określonych formatów plików.

Oto uproszczony sposób korzystania z niego: <ifmodule>. Przechodzi (do pliku .htaccess) tak:

<ifmodule mod_expires.c>

<Dopasowanie pliku „\.(jpg|png|gif|js|css|mp3|pdf)$”>

WygasaAktywny w dniu

ExpiresDefault „dostęp plus 1 tydzień”

</Filesmatch>

</ifmodule>

Powyższy fragment kodu spowoduje, że pliki pamięci podręcznej każdego pliku jpg/png/gif/JavaScript/CSS/mp3 i PDF wygasną po 1 tygodniu, po czym zostanie utworzona nowa pamięć podręczna. Ten moduł jest idealny do wykorzystania w witrynach multimedialnych, które regularnie aktualizują swoją zawartość.

3. Front-End

Około 80% problemów z wydajnością zostanie rozwiązanych przez 20% wysiłków na rzecz optymalizacji szybkości front-endu. To prawo Pareto dotyczące tworzenia stron internetowych.

Optymalizacja front-endu pod kątem szybkości jest nie tylko korzystna technicznie. Im szybciej coś się wydarzy na ekranie użytkownika, tym lepiej czuje się w czekaniu. Ty też powinieneś sprawiać wrażenie wydajności.

Aby w tym pomóc, oto kilka metod, które możesz zastosować:

  • Obrazy : Kompresuj jak maniak. Im mniejszy rozmiar obrazu/nośnika, tym lepiej. Użyj EWWW Image Optimizer lub WP Smush.it, aby uzyskać kompresję bez utraty jakości. Następnie istnieje filtr leniwego ładowania do warunkowego ładowania obrazów, jeśli obszar strony zawierający te obrazy jest aktualnie widoczny w oknie użytkownika. Użyj do tego Lazy Load XT.
  • Zmniejszenie liczby żądań HTTP oznacza mniej połączeń w obie strony, a tym samym skrócenie czasu ładowania. Zrób „wzór” obrazów w jeden sprite za pomocą Sprite Pad.
  • Zminimalizuj arkusze stylów JavaScript i CSS: rtl.css, style.css i wszelkie dodane przez siebie niestandardowe. Staraj się nie używać zbyt wielu zależności.

4. Baza danych

Podobnie jak narzędzie do defragmentacji dysków w systemie Windows, optymalizacja bazy danych może oczyścić zaplecze i zwolnić miejsce na ważne informacje, jednocześnie poprawiając czas wykonywania zapytań i wydajność.

Zbędne poprawki postów, stare niezatwierdzone komentarze, zduplikowane metadane i inni to pajęczyny i kurzowe zające. Usuń je za pomocą narzędzi takich jak WP Sweep, WP-DB Manager itp.

5. Aktualizacje

F3

Śledząc dyskusje na Make.WordPress.org, aby być na bieżąco z najnowszymi wiadomościami i zmianami związanymi z platformą (to dobry nawyk zarówno dla wszystkich, deweloperów, jak i zwykłych użytkowników), zauważysz pewien wzór: nacisk kładziony jest na zawsze na łatwości obsługi, wydajności i bezpieczeństwie… w tej kolejności.

WordPress automatycznie aktualizuje się w przypadku drobnych wydań (ze względu na bezpieczeństwo i drobne poprawki), chyba że masz skonfigurowane ustawienie. To nie jest dobre, chyba że najpierw dokonasz aktualizacji do najnowszej wersji.

Aby zmniejszyć niepokój, postępuj zgodnie z tym pomocnym schematem aktualizacji:

  • Najpierw motywy: upewnij się, że masz motyw podrzędny (który zapisze wszelkie drobne zmiany wprowadzone w wyglądzie). Aktualizacja będzie dotyczyć motywu nadrzędnego, dzięki czemu znacznie zmniejszysz szanse na zepsucie czegoś nie do naprawienia.
  • Wtyczki dalej: Rozwiąż je jeden po drugim. Wiem, że to żmudne, ale będziesz lepiej przygotowany i poinformowany, gdy jedna aktualizacja spowoduje problemy ze zgodnością. Uwaga: dlatego w przypadku wtyczek „mniej znaczy więcej” .
  • Protokół WSOD: Nie biegaj jak bezgłowy kurczak, jeśli staniesz twarzą w twarz z Białym Ekranem Śmierci. W Internecie jest mnóstwo pomocy.

Przypis końcowy

Regularnie przeprowadzaj zabezpieczenia i konserwację, aby utrzymać swoją witrynę w najwyższej formie.

Pamiętaj, że optymalizacja prędkości to nieustający wysiłek. Bądź na bieżąco z najnowszymi osiągnięciami i najlepszymi praktykami.

Biografia autora: Lucy Barret jest starszym programistą WordPress dla wiodącej firmy zajmującej się programowaniem WordPress, HireWPGeeks Ltd. Prowadzi zespół programistów, którzy są ekspertami w konwersji HTML na motyw WordPress. Jest również blogerką i uwielbia dzielić się swoją wiedzą z dużą społecznością WordPressa.