21 wskazówek, jak przyspieszyć blog WordPress

Podczas przeglądania Internetu prawdopodobnie nie zastanawiasz się nad szybkością witryny. Jeśli twoje połączenie internetowe jest wystarczająco dobre, prawdopodobnie masz tylko dwa wnioski dotyczące każdej witryny w odniesieniu do szybkości – strona jest lub nie jest wystarczająco szybka. I tak większość internautów zobaczy Twoją witrynę WordPress. Nawet jeśli jest atrakcyjny dla konkretnego użytkownika, jeśli blog nie ładuje się wystarczająco szybko, stracisz tego użytkownika. Na pewno. Dlatego musisz zrobić wszystko, co w Twojej mocy, aby Twoja witryna WordPress była jak najszybsza.

Chociaż istnieje wiele sposobów na przyspieszenie witryny, niektóre będą wymagały wiedzy technicznej, inne będą wymagały od Ciebie całkowitego zaangażowania, a niektóre będą po prostu zbyt drogie.

Jak zawsze WordPress może Ci pomóc w rozwiązaniu problemu. Nie tylko WordPress stale się poprawia, ale także wtyczki, motywy i firmy hostingowe. W tym artykule pokażemy, jak przyspieszyć działanie witryny WordPress. Istnieje wiele czynników, które wpływają na szybkość witryny i w zależności od witryny możesz ją poprawić w ciągu kilku minut.

• Użyj wtyczki buforującej
• Optymalizuj obrazy
• Zoptymalizuj stronę główną
• Załaduj Mapy Google poprawnie
• Oczyść i zoptymalizuj bazy danych
• Usuń niepotrzebne znaki z kodu źródłowego (zminimalizuj go)
• Wybierz szybki motyw WordPress
• Nie instaluj niepotrzebnych wtyczek
• Podziel większe posty
• Ogranicz liczbę poprawek postów
• Uaktualnij do PHP7. Ale już!
• Zmodyfikuj pamięć podręczną przeglądarki
• Jak usunąć ciągi zapytań z zasobów statycznych?
• Zmniejsz liczbę żądań HTTP
• Nie używaj Gravatarów
• Usuń komentarze, jeśli ich nie używasz
• Usuń emotikony
• Użyj sprite'ów CSS w WordPressie
• Ogranicz liczbę przycisków mediów społecznościowych
• Usuń skrypty i style, których nie używasz
• Wyłącz osadzania

1. Użyj wtyczki buforującej

Instalując i konfigurując wtyczkę buforującą, możesz od razu poczuć zmianę szybkości swojej witryny. Wszystkie strony internetowe będą miały części, które nie zmieniają się tak często. Niezależnie od tego, czy jest to obraz, plik CSS czy JS, wtyczka buforująca może poradzić sobie z tymi plikami, dzięki czemu nie trzeba ich pobierać z serwera za każdym razem, gdy użytkownik otwiera witrynę. Pomoże to głównie powracającym odwiedzającym, którzy będą już przechowywać te pliki.

Istnieje wiele wtyczek do buforowania WordPressa, ale tylko kilka popularnych. Dobrą wiadomością jest to, że te wtyczki są dobrze zakodowane, natychmiast przyspieszą działanie Twojej witryny i są całkowicie bezpłatne! Najpopularniejszą wtyczką do tego zadania jest W3 Total Cache, która ma ponad 1 milion aktywnych użytkowników. Imponujące! Istnieją inne wtyczki, które mogą zrobić to samo, takie jak wtyczka WP Fastest Cache, o której wspominaliśmy już w jednym z naszych wcześniejszych artykułów.

2. Zoptymalizuj obrazy

Niezależnie od tego, czy na Twojej stronie głównej jest tylko jeden obraz, czy chcesz pokazać całą galerię zdjęć, niezoptymalizowane obrazy mogą drastycznie spowolnić działanie Twojej witryny. Załóżmy, że używasz aparatu, który może robić zdjęcia w wysokiej rozdzielczości. Te zdjęcia będą prawdopodobnie miały więcej niż 2 MB i mogą łatwo przekroczyć limit 4 MB. Nawet obrazy z nowoczesnych smartfonów będą generować duże pliki. Jeśli nie myślisz o tym i po prostu przesyłasz zdjęcie, wyobraź sobie obciążenie Twojej witryny.

Po prostu dodając ten jeden obraz, który ma 2 MB lub 4 MB „ciężki”, Twoi użytkownicy będą musieli pobrać ten obraz po otwarciu Twojej witryny. Podczas gdy użytkownicy korzystający z połączenia szerokopasmowego nie odczują dużej różnicy, ucierpią ci użytkownicy z wolniejszą prędkością Internetu. Nie tylko to; nawet Google będzie się marszczyć na wolniejsze czasy ładowania, więc pozycja Twojej strony może ucierpieć na dłuższą metę.

Nie powinno to stanowić problemu, ponieważ możesz tak łatwo zoptymalizować obrazy. Przede wszystkim, jeśli nie prezentujesz swojej najnowszej pracy i nie musisz wyświetlać zdjęć w pełnej rozdzielczości, zacznij od obniżenia rozdzielczości. Na przykład, jeśli Twój motyw ma maksymalnie 800 pikseli szerokości, obraz nie powinien być szerszy. Możesz po prostu zmienić rozmiar, a może nawet przyciąć obraz. Istnieje również wiele narzędzi i aplikacji, które pomogą Ci zoptymalizować zdjęcia. Niezależnie od tego, czy chcesz korzystać z profesjonalnego oprogramowania, takiego jak Photoshop, które może zdziałać cuda z Twoimi obrazami i zoptymalizować je specjalnie dla Internetu, czy też chcesz użyć prostego narzędzia online, powinieneś zoptymalizować swoje obrazy.

3. Zoptymalizuj stronę główną

Twoja strona główna to ważna strona. Nawet jeśli dana osoba nie trafi na stronę główną, prawdopodobnie będzie chciał ją odwiedzić z innych Twoich postów i stron. I dlatego strona główna musi być poprawnie zoptymalizowana. Jak wspomniano wcześniej, zadbaj o obrazy w swojej witrynie i upewnij się, że są zoptymalizowane. Używaj mniejszych fragmentów swoich postów, zamiast pokazywać większe. Nie pokazuj obrazów z postów; zamiast tego zostaw link „czytaj więcej” przed pierwszym obrazem w poście. Nie używaj zbyt wielu widżetów paska bocznego i stopki, które mogą spowolnić witrynę.

4. Załaduj Mapy Google poprawnie

Jeśli używasz Map Google do pokazywania lokalizacji, upewnij się, że interaktywna mapa Cię nie spowalnia. Prosta mapa na Twojej stronie może zająć do 2 MB, co zmusi odwiedzających do pobrania dodatkowych danych, nawet jeśli nie są zainteresowani mapą.

Ale jeśli korzystasz z WordPressa, to zadanie może stać się jeszcze łatwiejsze. Tak, mówimy o wtyczce Google Maps Widget, która może renderować obraz miniatury z Twojej mapy. W ten sposób dodasz do swojej witryny tylko kilka kilobajtów danych zamiast jednego lub dwóch megabajtów. Będzie to miało ogromny wpływ na szybkość Twojej witryny, podczas gdy Twoi odwiedzający, którzy są zainteresowani mapą, nadal będą mogli w pełni korzystać z Map Google.

5. Oczyść i zoptymalizuj bazy danych

WordPress wykorzystuje bazy danych do przechowywania praktycznie wszystkiego, co jest potrzebne do płynnego działania. Po pewnym czasie te bazy danych zaczną się gromadzić i powoli zaczną spowalniać Twoją witrynę. Czyszcząc i optymalizując bazy danych, możesz przyspieszyć działanie swojej witryny WordPress. Na szczęście nie musisz ręcznie otwierać każdej bazy danych i wędrować po tysiącach zapisanych tam wierszy, ale możesz się zrelaksować i zostawić pracę innej wtyczce WordPress. W takim przypadku sugerujemy wtyczkę WP-Optimize, która jest darmowa i może działać bez potrzeby korzystania z PhpMyAdmin.

6. Usuń niepotrzebne znaki z kodu źródłowego (zminimalizuj go)

Kod źródłowy może zawierać tysiące wierszy. Dodając dodatkowe motywy, wtyczki i niestandardowe funkcje, liczba ta szybko rośnie, co wpływa na szybkość działania Twojej witryny. Chociaż kod jest zwykle przydatny, w kodzie źródłowym znajduje się wiele niepotrzebnych znaków, które mogą tylko spowolnić działanie. Niezależnie od tego, czy jest to grupa znaków odstępu, znaków nowego wiersza, komentarzy czy ograniczników bloku, możesz je bezpiecznie usunąć, aby przyspieszyć działanie witryny WordPress.

Nie, nie będziesz musiał przeglądać kodu źródłowego, aby ręcznie usunąć te znaki; istnieje wtyczka WordPress, która może wykonać zadanie za Ciebie. Jeśli zainstalowałeś W3 Total Cache, aby poradzić sobie z problemem buforowania, masz już wtyczkę, której można użyć do minifikacji. Inną popularną wtyczką, która może zminimalizować kod na Twojej stronie WP, jest Autoptimize.

Przyspieszenie witryny WordPress wymaga czasu. Jest tak wiele rzeczy, które możesz poprawić, aby skrócić ten ułamek sekundy z czasu ładowania. Jednak szybkość witryny ma znaczenie zarówno z punktu widzenia odwiedzających, jak i wyszukiwarek. I chociaż będziesz musiał przejść przez różne techniki i wtyczki, aby jak najlepiej wykorzystać swoją witrynę, będzie to tego warte.

Zanim przejdziesz do szczegółów, upewnij się, że masz najlepszą opcję hostingu. To pierwszy krok, który musisz zrobić, aby mieć szybką witrynę.

Teraz pokażemy Ci, jak ręcznie zminimalizować pliki CSS i JavaScript, a także wymień dwie wtyczki, które pomogą Ci przyspieszyć działanie witryny. Gotowy?

Co to jest minifikacja?

Zanim zabrudzisz sobie pliki, zobaczmy szybko, co to znaczy minimalizować pliki CSS i JavaScript w WordPressie. Jak zapewne już wiesz, do poprawnego działania WordPressa potrzebne są dziesiątki plików. Gdy dodajesz nowe motywy i wtyczki, liczba stale rośnie. Jednocześnie prędkość Twojej strony internetowej stale spada. Na szczęście nie musisz martwić się zbytnio kodem, który obsługuje WordPress, motywy i wtyczki. Ale powinieneś wiedzieć, że możesz zmniejszyć te pliki, a tym samym zwiększyć prędkość swojego bloga.

Minifikacja to proces usuwania niepotrzebnych znaków z kodu. Proces zmniejszy pliki, których dotyczy problem, ale nie zmieni ich funkcjonalności.

Kiedy zminifikujesz pliki CSS i JavaScript w WordPressie, usuniesz takie rzeczy, jak spacje, znaki nowego wiersza, komentarze i ograniczniki bloków. Za każdy usunięty znak z kodu nieznacznie przyspieszysz działanie swojej witryny. Oto prosty przykład kodu CSS przed i po procesie minifikacji.

Kod CSS przed minifikacją

 ciało {
 margines:10px;
 kolor:#333333;
 tło:niebieski;
 }

Chociaż jest to o wiele łatwiejsze dla ludzkiego oka, wykorzystuje znaki, których maszyna nie potrzebuje do interpretacji kodu.

Kod CSS po minifikacji

 body{margin:20px;kolor:#333;tło:niebieski}

Na komputerze ten kod wygląda tak samo, jak poprzednio pokazany. Nowe wiersze nie są czymś, czego komputer potrzebuje, aby poprawnie uruchomić kod. Jeśli spojrzysz na kolor, zobaczysz, że usunęliśmy nawet kilka liczb; komputer nadal będzie znał właściwy kolor. Zauważ, że po ostatnim elemencie nie ma średnika. W tym prostym przykładzie usunęliśmy kilka znaków i zmniejszyliśmy kod. Teraz wyobraź sobie, co się dzieje, gdy masz tysiące wierszy kodu.

Zminimalizuj pliki CSS i JavaScript ręcznie

Pracując nad niestandardowym motywem lub wtyczką do WordPress, będziesz chciał zminimalizować pliki CSS i JavaScript, nad którymi pracujesz. W takim przypadku nie będziesz musiał instalować dodatkowych wtyczek, aby wykonać zadanie za Ciebie. Zamiast tego możesz szybko zminimalizować tylko potrzebne pliki. Robiąc to, możesz pozwolić sobie na luksus wpisywania kodu, który nie męczy oczu, a później zrobić to tak szybko, jak to możliwe. Jeśli poważnie myślisz o kodowaniu, rozważ użycie preprocesorów CSS i JS. Te wyrafinowane aplikacje mogą pomóc w napisaniu kodu, a także zminimalizować go i zepsuć po wyeksportowaniu plików.

Ręcznie zminimalizuj CSS

• https://cssminifier.com
• http://www.cleancss.com/css-minify/
• http://csscompressor.com

Ręcznie zminimalizuj JavaScript

• http://www.minifier.org
• https://jscompress.com
• https://javascript-minifier.com

Najlepsze wtyczki do minifikacji WordPress

Usługi, które pokazaliśmy powyżej, wykonają świetną robotę z Twoim niestandardowym kodem. Ale jeśli chcesz zminimalizować wszystkie pliki w swojej witrynie WordPress, byłoby praktycznie niedorzeczne przejrzeć każdy plik na serwerze. Z przyjemnością informujemy, że niektóre fantastyczne darmowe wtyczki mogą dla Ciebie zminimalizować plik CSS i JavaScript w WordPressie. Pozwól, że pokażemy Ci te najlepsze.

Autooptymalizacja

Z ponad 200 000 aktywnych instalacji, Autoptimize jest jednym z najpopularniejszych wyborów, jeśli chodzi o optymalizację witryny WordPress. Wśród innych niesamowitych funkcji wtyczka może minimalizować skrypty, style i HTML . Skompresuje pliki, zbuforuje je i przeniesie kod, aby przyspieszyć działanie Twojej witryny .

1. Zainstaluj i aktywuj wtyczkę
2. Przejdź do Ustawienia -> Autooptymalizacja
3. Kliknij Pokaż ustawienia zaawansowane
4. Sprawdź opcje Optymalizuj kod HTML, Optymalizuj kod JavaScript i Optymalizuj kod CSS
5. Zapisz zmiany

W3 Całkowita pamięć podręczna

Ta popularna wtyczka robi to wszystko. Oczywiście wtyczka będzie w pierwszej kolejności buforować pliki. Ale jeśli jesteś zainteresowany usuwaniem ciągów zapytań z zasobów statycznych, W3 Total Cache zrobi to za Ciebie. Podobnie zminimalizuje pliki CSS i JavaScript, a nawet zrobi to samo dla twoich postów, stron i RSS. Po prostu musisz to sprawdzić.

1. Zainstaluj i aktywuj wtyczkę
2. Przejdź do Wydajność -> Zminifikuj
3. Upewnij się, że struktura Rewrite URL jest sprawdzona
4. Włącz ustawienia minifikacji HTML, ustawienia minifikacji JS i ustawienia minifikacji CSS
5. Zapisz wszystkie ustawienia

Jak widać, proces minifikacji jest dość prosty. Jeśli korzystasz z wtyczki WordPress, naprawdę nie masz wymówki. Zminimalizuj pliki CSS i JS w swojej witrynie i wróć do wybranego testu szybkości i wydajności online. Jesteśmy pewni, że uzyskasz znacznie lepszy wynik i podziękowanie od odwiedzających i wyszukiwarek.

7. Wybierz szybki motyw WordPress

Zanim zaczniesz pracować nad swoją witryną, powinieneś być ostrożny przy wyborze motywu WordPress. Na pierwszy rzut oka może się wydawać, że konkretny motyw przyciągnie więcej odwiedzających po prostu ze względu na jego układ i wspaniałe obrazy, których używa. Ale staraj się myśleć z wyprzedzeniem; zamiast po prostu wybierać najpiękniejszy znaleziony motyw, przetestuj kilka motywów w różnych przeglądarkach na różnych urządzeniach.

Zaskoczy Cię, jaka różnica może oznaczać motyw dla całej szybkości witryny. Nie tylko ogromna liczba obrazów może zdusić motyw, ale w kodzie jest tak wiele ukrytych elementów, które mogą mieć duże znaczenie. Chociaż nie zawsze tak jest, motywy premium powinny być lepiej zakodowane i działać lepiej.

8. Nie instaluj niepotrzebnych wtyczek

Kiedy zaczynasz pracę nad swoją witryną, może być kuszące zainstalowanie nowych wtyczek. Chociaż istnieją wtyczki, które będziesz musiał zainstalować i uruchomić, uważaj, aby nie przeciążyć swojej witryny. Na początek aktywne wtyczki z pewnością wpłyną na szybkość Twojej witryny.
. Z drugiej strony nawet nieaktywne wtyczki zajmą cenną przestrzeń, co wpłynie na rozmiar plików kopii zapasowych. Kiedy zsumujesz wszystko, zarówno aktywne, jak i nieaktywne wtyczki mogą negatywnie wpłynąć na szybkość Twojej witryny, więc zastanów się dwa razy, zanim zainstalujesz wtyczkę, której tak naprawdę nie potrzebujesz.

9. Podziel większe posty

Jeśli masz tendencję do pisania naprawdę długich postów, w których masz również wiele dołączonych filmów i obrazów, powinieneś rozważyć podzielenie ich na wiele stron. Można to zrobić bardzo szybko, ponieważ nie musisz nawet używać do tego wtyczki – WordPress Cię obejmuje, ale może nawet o tym nie wiesz.

10. Ogranicz liczbę poprawek postów

Poprawki postów są przydatne. Ale faktem jest, że większość użytkowników w ogóle ich nie używa lub nie potrzebują więcej niż kilku poprawek na post. Wersje są przechowywane w bazie danych i jeśli masz ogromną liczbę postów, wyobraź sobie, ile będzie tam dodatkowych wersji. To z pewnością spowolni Twoją witrynę WordPress, więc upewnij się, że ograniczysz liczbę poprawek lub nawet całkowicie je usuniesz, jeśli nie są potrzebne.

11. Uaktualnij do PHP7. Ale już!

Zawsze powinieneś starać się wykonywać jak najmniej pracy, aby uzyskać jak najwięcej wyników. Nie inaczej jest z optymalizacją witryny pod kątem szybkości. Po co spędzać godziny na optymalizacji tylko po to, by skrócić czas o kilka milisekund, skoro możesz wykonać kilka kliknięć i łatwo przyspieszyć działanie witryny o 20%. W naszej metodzie nie ma magii. To proste, proste i oczywiste. Po wdrożeniu zadasz sobie pytanie „dlaczego nie zrobiłem tego wcześniej”.

Liczne testy pokazują, że PHP7 jest o 20% szybsze niż PHP5 w rzeczywistych środowiskach produkcyjnych. W testach ogólnych może być o 200% szybszy. Jest również bezpieczniejszy, ma nowe przydatne funkcje i jest zalecany przez WordPressa. Jak więc dokonać aktualizacji?

Jeśli korzystasz z porządnej firmy hostingowej, korzystasz już z PHP7, więc sprawdź swoją wersję, zanim przejdziesz dalej. Pobierz wtyczkę My WordPress Health Check lub prześlij plik za pomocą funkcji phpinfo(). Już na PHP7? Wspaniały! Jesteś skończony. Używasz PHP5? Pozbądźmy się tego.

Zaloguj się do swojego cPanel. Jeśli nie masz pod ręką linku, po prostu dodaj „:2083” na końcu nazwy domeny, np. http://www.mydomain.com:2083 . Po wejściu poszukaj ikony „Selektor PHP”, „Wybierz wersję PHP” lub „Menedżer wersji PHP” w sekcji „Oprogramowanie”. Kliknij ikonę, aby otworzyć selektor wersji PHP. W zależności od tego, co włączyła Twoja firma hostingowa, będziesz mógł wybrać wersję PHP dla całego konta, dla określonych domen lub na poziomie folderu. Niezależnie od tego, która sytuacja jest włączona w twoim cPanel, upewnij się, że wybrałeś v7.0 lub v7.1 dla swojej instalacji WordPress. Kliknij „Zapisz”. Odśwież witrynę, aby sprawdzić, czy zmiana jest aktywna i ciesz się przyspieszeniem.

Ale… (tu wstaw swoją wymówkę)

Jeśli jeszcze nie dokonałeś aktualizacji, na pewno masz „dobry” powód. Bez obrazy, ale nie, nie masz! Odwalmy te wymówki, które masz.

Brzmi jak dużo pracy i rzeczy związanych z serwerem, których nie rozumiem

Tak, jest to związane z serwerem, ale jeśli wiesz, jak zalogować się do cPanel, masz wszystkie niezbędne umiejętności. To tyle samo pracy, co utworzenie nowego adresu e-mail w cPanel. Znajdź ikonę; Kliknij; wybierz nową wersję z listy rozwijanej; zapisać. Gotowe.

Jeśli nie czujesz się z tym komfortowo, co jest w porządku, otwórz zgłoszenie do pomocy technicznej w firmie hostingowej, a ona zrobi to za Ciebie.

Moja firma hostingowa nie obsługuje PHP7

To ogromny problem! Ogromny! Ten fakt sam w sobie może nie być tak niepokojący, ale ma wiele innych konsekwencji. Oznacza to, że używasz przestarzałego oprogramowania serwerowego, a Twoja firma hostingowa po prostu nie wykonuje swojej pracy. W tej chwili płacisz cenę powolnej witryny, ale wkrótce, gdy wszystko zacznie się rozpadać, ponieważ nie obsługują serwerów, będziesz mieć do czynienia z poważnymi przestojami.

Wyślij im e-mail i poproś o natychmiastową migrację Twojego konta na nowy serwer obsługujący PHP7. Jeśli tego nie zrobią (z jakiegokolwiek powodu), musisz znaleźć dobrą firmę hostingową WordPress. Boisz się i nie chcesz tego zrobić? Obawa o migracje jest w porządku, ale nie musisz tego robić samodzielnie.

Słyszałem, że WordPress nie działa z PHP7

Poważnie!? WordPress wyraźnie odnotowuje PHP7 lub nowszy jako wymaganie serwera. Krótko mówiąc – to działa.

PHP7 jest nowe i eksperymentalne

PHP v7.0 wyszedł w grudniu 2015 roku. To nie jest „nowe”. To wypróbowane i przetestowane oprogramowanie, które jest lepsze niż PHP5. Jest szybszy, ma więcej funkcji i jest po prostu przyszłością. Jeśli to Ci nie wystarczy, pamiętaj, że PHP5 nie jest już aktywnie utrzymywane.

12. Popraw szybkość WordPressa, modyfikując pamięć podręczną przeglądarki

Gdy użytkownik zaczyna ładować Twoją witrynę, jego przeglądarka natychmiast zaczyna pobierać wszystkie niezbędne pliki z serwera, na którym znajduje się Twoja witryna. W zależności od szybkości połączenia internetowego użytkownika i możliwości serwera, strona może ładować się szybciej lub wolniej. Oczywiście każda ze stron chce załadować stronę tak szybko, jak to możliwe, a Ty, jako administrator, musisz zrobić wszystko, co w Twojej mocy, aby Twoja witryna była błyskawiczna.

Popraw prędkość WordPressa i pliki statyczne pamięci podręcznej dłużej

Ta pierwsza wizyta w Twojej witrynie jest całkowicie zależna od połączenia internetowego i serwera, ale możesz dokonać zmiany dla swoich stałych użytkowników. Prawdopodobnie nie będą świadomi, że zmiany zostały wprowadzone, ale zawsze będą mieć na uwadze, jak szybka jest Twoja witryna. Możesz postawić się na ich miejscu – jeśli strony ładują się w kilka sekund, prawdopodobnie nie będziesz czekać zbyt długo, bez względu na to, jak dobra jest treść, prawda?

Technologia buforowania pobiera niektóre pliki z serwera i przechowuje je na komputerze lokalnym. Następnie, jeśli użytkownik ponownie odwiedzi tę samą witrynę, przeglądarka sprawdzi przechowywane pliki i natychmiast je załaduje, zamiast ponownie pobierać je ze zdalnego serwera. Dzięki temu czas ładowania jest znacznie krótszy, poprawia się szybkość WordPressa, a odwiedzający jest znacznie szczęśliwszy.

Korzystając z poniższego kodu, możesz nakazać WordPressowi buforowanie plików statycznych przez dłuższy czas. Zanim zaczniesz kopiować i wklejać kod, poświęć chwilę na ponowne zastanowienie się – jak często wprowadzasz zmiany w swojej witrynie, jaki rodzaj treści masz i czy może to naprawdę pomóc Twojej witrynie, jeśli przedłużysz buforowanie?

• Otwórz plik .htaccess
• Skopiuj i wklej następujące informacje:

 # Buforowanie przeglądarki
<IfModule mod_expires.c>
WygasaAktywny wł.
ExpiresByType image/jpg „dostęp 1 rok”
ExpiresByType image/jpeg „dostęp 1 rok”
ExpiresByType image/gif „dostęp 1 rok”
ExpiresByType image/png „dostęp 1 rok”
ExpiresByType text/css „dostęp 1 miesiąc”
ExpiresByType application/pdf "dostęp 1 miesiąc"
ExpiresByType text/x-javascript „dostęp 1 miesiąc”
ExpiresByType application/x-shockwave-flash "dostęp"
1 miesiąc"
ExpiresByType obraz/x-icon „dostęp 1 rok”
ExpiresDefault „dostęp 2 dni”
</IfModule>

• Zapisz zmiany

Po zapisaniu zmian serwer zmieni czas dostępu do przechowywania tych plików lokalnie. Jeśli nie masz ochoty samodzielnie modyfikować pliku .htaccess, możesz zrobić to samo za pomocą prostej wtyczki.

13. Jak usunąć ciągi zapytań z zasobów statycznych w WordPressie i przyspieszyć działanie witryny?

Jeśli próbowałeś przyspieszyć i zoptymalizować swoją witrynę WordPress, prawdopodobnie natknąłeś się na różne internetowe narzędzia diagnostyczne, które mogą Ci w tym pomóc. Zachęcamy do wykonania testów; powiedzą Ci, jak dobrze działa Twoja witryna, a większość z tych narzędzi pokaże Ci szczegółowe informacje na temat szybkości Twojej witryny.

Na przykład, jeśli uruchomisz test na GTmetrix, pokaże Ci, które obrazy spowalniają Twoją witrynę. Poinformuje Cię o szybkości ładowania arkuszy stylów i skryptów, szczegółach dotyczących minifikacji i wielu innych. Jedną z rzeczy, które wielu użytkowników WordPressa znajduje na szczycie listy (co oznacza, że ​​problem powinien zostać rozwiązany tak szybko, jak to możliwe) jest „usunięcie ciągów zapytań z zasobów statycznych”. W tej części pokrótce wyjaśnimy, czym są ciągi zapytań i jak je szybko usunąć, aby przyspieszyć działanie Twojej witryny.

Czym są ciągi zapytań

Ciągi zapytań to części adresów URL, które można znaleźć po znaku zapytania (?) lub znaku & (&). Przeglądarki lub aplikacje zewnętrzne zwykle dodają te części do adresów URL w celu dodania dodatkowych parametrów.

Używając na przykład ciągów zapytań, wtyczka WordPress może przekazywać różne wartości przez adres URL, aby inne aplikacje i usługi mogły z nich korzystać.

Najczęściej po kliknięciu reklamy, artykułu z mediów społecznościowych lub skrzynki odbiorczej e-mail zobaczysz dość długi adres URL z ciągami zapytań. Aby poinformować usługi analityczne o pochodzeniu Twojej wizyty, inne usługi (i sami ludzie) dodadzą UTM – określone ciągi zapytań, które opisują źródła, media i kampanie. Marketerzy używają tego do śledzenia skuteczności swoich kampanii. A to jest coś zupełnie normalnego; nie martw się o tego rodzaju ciągi zapytań.

Dlaczego i kiedy należy usunąć ciągi zapytań?

Chociaż ciągi zapytań są ważną częścią elementów dynamicznych, mogą spowolnić działanie witryny WordPress, jeśli są używane w zasobach statycznych. Jeśli kiedykolwiek otwierałeś konsolę przeglądarki w swojej witrynie, być może zauważyłeś, że witryna wyświetla numery wersji skryptów i stylów. To może wyglądać znajomo:

Niektóre serwery proxy i sieci CDN nie mogą buforować tego rodzaju zasobów. Oznacza to, że za każdym razem, gdy otworzysz witrynę, serwer będzie musiał wielokrotnie wysyłać Ci plik. I to jest coś, co ogromnie spowalnia witrynę. Tylko ten jeden ciąg zapytania nie zrobi wielkiej różnicy, ale kiedy spiętrzysz kilka z nich, sprawy mogą stać się poważne. Wreszcie nadszedł czas, aby rozwiązać problem i usunąć ciągi zapytań z zasobów statycznych.

Jak usunąć ciągi zapytań z zasobów statycznych?

Istnieje kilka technik usuwania ciągów zapytań z zasobów statycznych w WordPressie, a my zaraz je przedstawimy. Możesz to zrobić, kopiując prostą funkcję lub możesz użyć kilku wtyczek WordPress, które rozwiążą problem za Ciebie. Bez względu na to, jaką technikę wybierzesz, nie pomylisz się — w ciągu kilku minut usuniesz ciągi zapytań ze statycznych zasobów i od razu przyspieszysz działanie witryny.

Dodaj prostą funkcję

Pierwsza metoda wymaga jedynie skopiowania i wklejenia prostej funkcji do pliku functions.php. Jeśli kiedykolwiek dodałeś tam funkcję, już wiesz, że to nic wielkiego. Ale jeśli jest to Twój pierwszy raz, zachowaj szczególną ostrożność, ponieważ jeden mały błąd w pliku może uniemożliwić korzystanie z witryny. Aby czuć się bezpiecznie, przed kontynuowaniem utwórz kopię zapasową pliku.

• Otwórz i edytuj plik functions.php
• Skopiuj i wklej następujący kod:

 function _remove_script_version( $src ){
$parts = explode( '?ver', $src );
zwróć $części[0];
}
add_filter( 'script_loader_src', '_remove_script_version'
,15, 1);
add_filter( 'style_loader_src', '_remove_script_version'
,15, 1);

• Zapisz zmiany

Odznacz opcję w W3 Total Cache

Ponieważ W3 Total Cache jest popularną wtyczką, która w tej chwili liczy ponad milion aktywnych instalacji, istnieje duże prawdopodobieństwo, że już z niej korzystasz. W takim przypadku wystarczy odznaczyć jedną opcję w ustawieniach:

1. Przejdź do Wydajność -> Pamięć podręczna przeglądarki
2. Usuń zaznaczenie opcji Zapobiegaj buforowaniu obiektów po zmianie ustawień
3. Zapisz zmiany

Użyj wtyczki Usuń ciągi zapytań z zasobów statycznych

Jeśli nie lubisz samodzielnie dodawać kodu do functions.php, możesz skorzystać z darmowej wtyczki do pracy. Usuń ciągi zapytań z zasobów statycznych to lekka i prosta wtyczka, która zrobi to samo bez konieczności dotykania kodu.

Po prostu zainstaluj wtyczkę, aktywuj ją i gotowe. W momencie aktywacji wtyczki ciągi zapytań zostaną usunięte z zasobów statycznych.

Bez względu na użytą technikę usunięcie ciągów zapytań nie powinno być trudnym zadaniem. Teraz, gdy skończysz, możesz uruchomić kolejne skanowanie wybranego narzędzia szybkości i wydajności, aby sprawdzić, czy i jak poprawił się wynik (i szybkość Twojej witryny).

14. Zmniejsz liczbę żądań HTTP i przyspiesz działanie witryny WordPress

Chociaż do załadowania witryny wystarczy jedno kliknięcie przycisku, komputery muszą sobie poradzić z wieloma innymi zadaniami. To jedno kliknięcie i jedna sekunda, które potrwają, zanim strona zostanie wyświetlona przed tobą, może ukryć dziesiątki, jeśli nie setki żądań HTTP do serwera. Oczywiście im więcej informacji przewija się w tę iz powrotem, tym dłużej będziesz musiał czekać na załadowanie strony. Jedną z najłatwiejszych rzeczy, które możesz zrobić, aby przyspieszyć działanie witryny, jest posiadanie dobrej firmy hostingowej. Ale kiedy zdecydujesz się pójść jeszcze głębiej, aby przyspieszyć swoją witrynę WordPress, powinieneś zadbać o żądania HTTP.

Na początek powinieneś przetestować swoją witrynę, aby zobaczyć, ile żądań potrzeba, aby załadować konkretną stronę. Istnieją różne sposoby testowania. Zamiast pokazywać wszystkie możliwości, wystarczy wprowadzić adres URL w Kontrolerze żądań HTTP. Otrzymasz wyniki natychmiast i miejmy nadzieję, że nie będziesz mieć więcej niż 30 próśb. Jeśli tak, czas zmniejszyć liczbę żądań HTTP i przyspieszyć działanie witryny WordPress.

15. Nie używaj Gravatar

Jeśli korzystasz z domyślnego systemu komentowania WordPressa, używasz również Gravatarów. Teraz, jeśli otrzymujesz kilka komentarzy miesięcznie, nie musi Cię to specjalnie martwić. Ale jeśli Twoi goście lubią zostawiać krótkie notatki pod Twoimi artykułami, powinieneś rozważyć usunięcie Gravatary z obrazu.

Kiedy powiemy ci, że każdy obraz Gravatara dodaje kolejne żądanie HTTP do serwera, wyobraź sobie, co się dzieje, gdy masz więcej niż, powiedzmy, sto komentarzy na jednej stronie? Zgadnij, co się stanie, gdy pojawi się ponad sto dodatkowych żądań, które nie muszą tam być — tak, Twoja witryna działa wolniej.

Jeśli nie potrzebujesz tych małych obrazków obok każdego komentarza, po prostu przejdź do Ustawienia -> Dyskusja -> Awatary i odznacz opcję pokazywania awatarów w komentarzach. To takie proste. Jeśli po prostu musisz mieć awatary, powinieneś rozważyć zainstalowanie zewnętrznego systemu komentowania dla WordPressa, który poradzi sobie z tym inaczej. Na przykład Disqus jest popularnym wyborem, który znacznie szybciej wyświetla awatary.

16. Usuń komentarze, jeśli ich nie używasz

Jak można się domyślić, korzystanie z komentarzy wymaga dodatkowych plików. Jeśli korzystasz z domyślnego systemu komentowania, nie musisz nic robić – jest to coś, z czego masz korzyść i ta dodatkowa prośba jest uzasadniona. Jeśli jednak nie używasz komentarzy w swojej witrynie lub używasz innego systemu komentowania, powinieneś usunąć skrypt odpowiedzi na komentarz. W tym celu należy skopiować do pliku functions.php następującą funkcję:

 funkcja comments_clean_header_hook(){
 wp_deregister_script( 'komentarz-odpowiedź' );
 }
add_action('init','comments_clean_header_hook');funkcja
comments_clean_header_hook()
{
wp_deregister_script( 'komentarz-odpowiedź' );
}
add_action('init','comments_clean_header_hook');

17. Usuń emotikony

Tak, emotikony są urocze. Tak, wszyscy używają ich na swoich komputerach, smartfonach i tabletach. Chociaż WordPress wprowadził je w wersji 4.2. to nie znaczy, że musisz ładować ten jeden dodatkowy plik JS na swojej stronie tylko po to, by mieć uśmiechnięte buźki . Szybkość witryny powinna być ważniejsza niż posiadanie emotikonów (chyba że po prostu nie możesz bez nich żyć).

18. Użyj sprite'ów CSS w WordPressie

Jak widać z testowania strony, każdy obraz wymaga żądania HTTP. Nie oznacza to, że powinieneś usuwać zdjęcia, ale powinieneś się nimi zająć. Jeśli chodzi o szybkość Twojej witryny, dowiedz się, jak zoptymalizować obrazy dla WordPressa. Ale jeśli chodzi o żądania, możesz zmniejszyć liczbę tych żądań HTTP, tworząc sprite CSS.

Jeśli wejdziesz na stronę Spriteme, będziesz mógł wybrać wszystkie obrazy z używanej strony i połączyć je w jeden plik. Po zmianie linków do obrazów zwiększysz rozmiar obrazu, ale jednocześnie zmniejszysz liczbę żądań. Może to zabrzmieć sprzecznie, ale możesz to przyspieszyć – serwer będzie działał lepiej z jednym dużym plikiem niż z koniecznością odpowiadania na dziesiątki żądań.

19. Ogranicz liczbę przycisków mediów społecznościowych

Media społecznościowe stały się standardową częścią każdej strony internetowej. Niezależnie od tego, czy masz małą witrynę osobistą lub firmową, czy prowadzisz portal z dziesiątkami autorów, będziesz musiał połączyć media społecznościowe z witryną. W porządku i powinieneś to zrobić.

Ale jeśli chodzi o wyświetlanie przycisków społecznościowych, mniej znaczy więcej . Chociaż możesz mieć otwarte konta w kilkunastu sieciach, wyświetlaj przyciski tylko dla tych, które najbardziej pielęgnujesz. Każdy przycisk załaduje własny obraz i dodatkowe pliki, które mogą spowolnić działanie Twojej witryny.

20. Usuń skrypty i style, których nie używasz

Przeciętny użytkownik WordPressa nie ma pojęcia, co dzieje się w tle. Kto ma czas na zastanowienie się nad skryptami i stylami w witrynie. Nie obwiniamy Cię za to, ale teraz, gdy zwróciliśmy Twoją uwagę, poświęć trochę czasu na sprawdzenie swojej witryny pod kątem skryptów i stylów, których nie potrzebujesz.

Nie musisz być ekspertem. Pokazaliśmy Ci już zgrabną małą wtyczkę, która pokaże Ci wszystkie skrypty i style, które ładują się na każdej z Twoich stron. Korzystając z WP Asset CleanUp, możesz łatwo rozpoznać pliki, których już nie potrzebujesz, i szybko je usunąć. Jeśli masz większe doświadczenie z WordPress, wtyczka pomoże Ci wyizolować dane, a później możesz ręcznie usunąć pliki. Jeśli nie, zostaw wtyczkę i pozwól jej obsługiwać skrypty i style za Ciebie.

21. Wyłącz umieszczanie

To improve user experience, WordPress developers introduced a new JS file that allows you to embed videos from different services like Youtube is just by copying a URL. You can embed images and tweets the same way just by pasting the link in the Visual Editor.

While this feature is an amazing one, many people just don't use it. If you're trying to speed up your site, it is more important to remove one request than having a preview of the video. You know which video you're embedding, so there's no real need for having that preview, right?

If you're not good with code, and you just have to install a plugin, there a simple plugin that will remove embeds from your site. If you can handle a few lines of code that you just need to copy, use the following function and put it in your functions.php file:

 function speed_stop_loading_wp_embed() {
 if (!is_admin()) {
 wp_deregister_script('wp-embed');
 }
 }
 add_action('init', 'speed_stop_loading_wp_embed');

Take your time, and check your WordPress site for those unwanted HTTP requests. Even if you reduce the number just for a few pages, or if you find just a file that you don't have to load, it will be a success. Nie martw się; even if your users don't feel the speed improvement, search engines will.

Conclusion: Always take care of your blog speed

If you make changes only to several things on your site, you might benefit from them. The steps we have described in this article are completely free, so it won't hurt to try them out. Still, don't forget to take care of your site; update WordPress, themes, and plugins on a regular basis and never neglect your blog.

Sometimes, even an optimized site won't run fast. In that case, you will have to look for another hosting company or consider paying extra bucks for a managed or dedicated server.