10 skutecznych i łatwych sposobów na przyspieszenie witryny WordPress
Opublikowany: 2016-12-2310 skutecznych i łatwych sposobów na przyspieszenie witryny WordPress
W dzisiejszych czasach ogromna liczba firm polegała na mocy czcigodnego WordPressa – nic więc dziwnego, że szybkość ładowania witryn WordPress jest kluczowym czynnikiem sukcesu biznesowego. Bez złych, powolne witryny WordPress, które pełzają jak melasa, są szkodliwe dla Twojej firmy. Dlatego niezwykle ważne jest, aby zapewnić błyskawicznie szybką stronę internetową, która jest podwójnie SEO i przyjazna dla użytkownika, zapewniając wyjątkowe zaangażowanie użytkowników i cenne odsłony.
W tym obszernym artykule badawczym nasz sumienny zespół techniczny przeprowadził różne wewnętrzne testy, aby określić czynniki, które mogą przyspieszyć działanie witryny WordPress i ostatecznie sprawić, że stanie się ona jak najbardziej przyjazna dla SEO.
Skrupulatne kroki, które podjęliśmy, aby przyspieszyć naszą testową witrynę WordPress, były następujące:
- Instalowanie wtyczki pamięci podręcznej WordPress i wykorzystywanie buforowania przeglądarki
- Minimalizowanie CSS i JavaScript
- Optymalizacja obrazów
- Włączenie kompresji gzip i
- Korzystanie z sieci dostarczania treści (CDN)
Po wykonaniu tych kroków witryna zaczęła już wykazywać pewną poprawę szybkości, ale nie osiągnęła jeszcze wymaganego poziomu. W kolejnych etapach dorzuciliśmy kilka dodatkowych kroków, aby nasz eksperyment był bardziej kompleksowy i przede wszystkim zorientowany na konkretne wyniki. Oczywiście, aby postępować zgodnie z instrukcjami, zalecamy posiadanie wiedzy na temat WordPressa dla średnio zaawansowanych/początkujących i umiejętności rozwiązywania problemów, dzięki czemu możesz z radością postępować zgodnie z każdą z sugerowanych instrukcji.
Na czas trwania naszych zróżnicowanych eksperymentów korzystaliśmy z narzędzia Google Page Speed Insight, aby zmierzyć rzeczywistą szybkość strony na podstawie wyniku 100. Im wyższy wynik, tym szybsza witryna. Narzędzie to wskazało również kilka negatywnych czynników, które były odpowiedzialne za spowolnienie witryny WordPress i zasugerowało działania mające na celu zwiększenie szybkości witryny WordPress.
Aby nie zostać oskarżonym o testy laboratoryjne, które zawodzą w prawdziwym świecie, przenieśliśmy te narzędzia i naszą wiedzę na blog jednego z naszych klientów. Przy powolnych odpowiedziach żaden użytkownik nie będzie miał dobrego pierwszego wrażenia, więc ich celem było pilne i radykalnie przyspieszyć ich witrynę WordPress. Po wykonaniu wszystkich poniższych, starannie wymienionych kroków, pomyślnie rozwiązaliśmy wszystkie problemy związane z szybkością WordPress klienta i uzyskaliśmy wzorową ocenę 100/100 za pomocą narzędzia Google PageSpeed.
Oto 10 najlepszych sposobów na przyspieszenie witryny WordPress
- Wybierz najlepszego dostawcę usług hostingowych
- Zainstaluj wtyczkę pamięci podręcznej WordPress i wykorzystaj buforowanie przeglądarki
- Zminimalizuj CSS i JavaScript
- Optymalizacja obrazów
- Włącz kompresję Gzip
- Opróżnij kosz i zoptymalizuj bazę danych WordPress
- Użyj sieci dostarczania treści
- Zmniejsz liczbę poprawek i wyłącz trackbacki i pingbacki
- Podziel komentarze i długie posty na strony
- Nie przesyłaj filmów wideo bezpośrednio do WordPress
1. Wybierz najlepszego dostawcę usług hostingowych
To powinno być oczywiste, ale bądźmy szczerzy, nie zawsze jest to proste. Warto dokładnie zbadać, zanim odłożysz pieniądze, i jest podobny do fundamentów twojego domu – ostatniego obszaru, w którym chcesz być skąpcem. Zanim zaczniesz optymalizować swoją witrynę WordPress, upewnij się, że Twój dostawca usług hostingowych nie spowalnia Twojej witryny do indeksowania z własnej woli. Dostawcy usług hostingowych niestety często przesadzają ze swoimi serwerami, co ma szkodliwy wpływ na krytycznie ważny czas reakcji serwera.
Jeśli czas odpowiedzi serwera będzie dłuższy niż 200 milisekund (ms), test Google PageSpeed zasygnalizuje wzburzoną czerwoną flagą „skrócony czas odpowiedzi serwera”. Prawdopodobnie oznacza to, że Twój serwer hostingowy działa wolno i będziesz musiał skontaktować się bezpośrednio z dostawcą usług hostingowych, aby skrócić czas odpowiedzi serwera. Różnice między dostawcami mogą być poważne. Tutaj na przykład przeprowadziliśmy test PageSpeed dla bloga WordPress naszego klienta przed migracją do naszego środowiska hostingowego. Wyniki mówią same za siebie i możesz rzucić okiem na dramatyczne wyniki testów poniżej.
Wyniki testów są wyświetlane obok wspomnianej czerwonej flagi, która pomaga nam ogólnie „skrócić czas odpowiedzi serwera”. Dzięki Google! To straszne opóźnienie zostało zmierzone jako niedopuszczalne 4,2 powolne sekundy. W związku z tym, ze względu na kiepski czas odpowiedzi serwera, wynik PageSpeed dla witryny został obniżony do nędznych 68. Moglibyśmy zrobić znacznie lepiej, ponieważ mówi się, że witryny WordPress z czasem ładowania strony poniżej 2 sekund są dobre. Najlepiej jednak postaraj się zrobić to tak szybko, jak to tylko możliwe. Google sugeruje nawet, zgodnie z ich spostrzeżeniami PageSpeed, że idealnie odpowiedź serwera powinna być wyjątkowo szybka i utrzymywana poniżej 200 ms.
Jaki jest wynik PageSpeed Twojej witryny WordPress? Kliknij tutaj, aby się dowiedzieć.
Po tym podstawowym teście naturalnie przenieśliśmy witrynę WordPress naszego klienta na naszą niezwykle zoptymalizowaną platformę hostingową WordPress i przeprowadziliśmy drugi test PageSpeed. Dzięki szczęśliwemu zielonemu pudełku wyniki wyróżniają się same:
Naprawiono opinię dotyczącą czasu odpowiedzi serwera Google Page Speed Insight
Po naszej migracji czas odpowiedzi serwera został skrócony do wyjątkowych 200 ms , a niespokojny błąd „Zmniejsz czas odpowiedzi serwera” został zdecydowanie rozwiązany, miejmy nadzieję, że nigdy nie nastąpi podstępny zwrot.
Oczywiście nie zawsze możemy wskazywać palcem na dostawcę usług hostingowych, ponieważ z pewnością nie zawsze jest on źródłem problemu. Czasami możesz znaleźć słabe czasy odpowiedzi, nawet od najbardziej wzorowego i zgrabnego dostawcy hostingu. Bardzo możliwe, że Twoja witryna przerosła swój poprzedni sprzęt i po cichu wymaga, abyś wyposażył ją w doskonałą technologię. W takim przypadku Twój obecny plan hostingowy nie jest już w stanie optymalnie obsługiwać Twojej witryny.
W takim przypadku będziesz musiał po prostu uaktualnić swój pakiet hostingowy WordPress do następnego planu, który jest wyższy w drabinie, lub nawet całkowicie nową i znacznie wydajniejszą opcję hostingu, taką jak VPS . Oczywiście, jeśli nie zauważysz żadnej poprawy czasu odpowiedzi serwera po zmianie planu, zdecydowanie nadszedł czas, aby rozpocząć wyszukiwanie najlepszych dostawców hostingu, a następnie zmienić.
2. Zainstaluj wtyczkę pamięci podręcznej WordPress i wykorzystaj buforowanie przeglądarki
Po skróceniu czasu odpowiedzi serwera skierujemy swoją energię na kolejny błąd, który naprawimy, a który jest związany z wiecznie ważnym „cachingiem” treści. Sam Google zdecydowanie zaleca buforowanie statycznej zawartości Twojej witryny WordPress, a tym samym wykorzystanie potężnego mechanizmu buforowania przeglądarki. Buforowanie zawartości statycznej zapewni wygodne przyspieszenie witryny WordPress nawet od 3 do 7 razy .
WordPress ma wiele wtyczek do buforowania, które nie tylko buforują zawartość, ale także oferują niezmiennie użyteczną integrację CDN, kompresję Gzip, minifikację CSS/JavaScript i mnóstwo innych funkcji. Włączenie buforowania przeglądarki nie jest trudne, wystarczy zainstalować i skonfigurować wybraną wtyczkę pamięci podręcznej z pulpitu WordPress, tak jak w przypadku każdej innej wtyczki WordPress.
Zainstaluj wtyczkę buforującą i włącz buforowanie przeglądarki
Po naszych szeroko zakrojonych testach na kilku wtyczkach WordPress Caching, pojawiły się trzy wtyczki, które wyróżniały się z reszty przysłowiowego pakietu. One były:
- #1 – Całkowita pamięć podręczna W3
- #2 – WP Super Cache
- #3 – Najszybsza pamięć podręczna WP
Teraz, jeśli naprawdę nie chcesz instalować wtyczki WordPress z jakiegokolwiek powodu, możesz ręcznie włączyć buforowanie przeglądarki, dodając kod nagłówków Expires do pliku .htaccess.
Jak prezentujemy dla Ciebie poniżej, wynik Google PageSpeed przed zainstalowaniem jakiejkolwiek wtyczki buforującej WordPress był marny 64 / 100. Jeśli nadążasz za nami, istnieje doskonały sposób, aby to naprawić, zgodnie z błędem wygenerowanym przez Google w tym celu słaby wynik: „Wykorzystaj buforowanie przeglądarki”!
Wynik Google Page Speed Insight przed włączeniem wtyczki buforowania]
Teraz wyraźnie to nie wystarczy, więc zdecydowaliśmy się zainstalować wtyczkę W3 Total Cache dla naszych potrzeb związanych z buforowaniem treści. Po instalacji chętnie ponownie przetestowaliśmy szybkość strony i wyniki były wzorowe.
Po zainstalowaniu wtyczki buforowania W3 Total Cache
Wynik Google Page Speed : 83/100 (poprawiony)
Powód tego ulepszenia : Błąd pamięci podręcznej przeglądarki został poprawiony w 95%.
Aby przyspieszyć działanie WordPressa, wtyczka W3 Total Cache pomaga i inteligentnie ustawia czas wygaśnięcia wszystkich wewnętrznych skryptów na rozsądny czas. Na przykład Twoje skrypty CSS będą przechowywane w pamięci podręcznej przez 7 dni, obrazy będą przechowywane w pamięci podręcznej przez 30 dni i tak dalej. Po skonfigurowaniu tej przydatnej wewnętrznej pamięci podręcznej ostrzeżenie „wykorzystaj pamięć podręczną przeglądarki” zostało poprawione w 95%.
Wynik Google Page Speed Insight po włączeniu wtyczki buforowania
95% błędów w pamięci podręcznej przeglądarki Dźwignia zostało następnie poprawione. Dla tych, którzy śledzą, pozostawia to 5% istniejących błędów. Niestety było to spowodowane skryptami innych firm, takimi jak Facebook i Twitter, dla których to narzędzie nie może ustawić buforowania. Niewiele można z tym zrobić, ponieważ nie kontrolujesz buforowania takich danych stron trzecich. Nie martw się jednak, efekty są prawdopodobnie niewielkie, a zatem nie powinieneś przesadnie martwić się całkowitym wyeliminowaniem błędu „lewarowania pamięci podręcznej przeglądarki”.
3. Zminimalizuj CSS i JavaScript
Minifikacja to urocze słowo, ale to nic innego jak eliminacja niepotrzebnych, marnotrawnych znaków w dokumencie tekstowym, takich jak białe znaki, nowe wiersze, komentarze i ograniczniki bloków w plikach HTML, JavaScript i CSS.
Aby było jasne, znaki te znacznie poprawiają takie pliki, aby były czytelne dla ludzi, ale są całkowicie niepotrzebne do przetwarzania przez komputery i przeglądarki internetowe. Usunięcie zbędnych znaków i zbędnego kodu może znacznie przyspieszyć działanie WordPressa, zmniejszając rozmiar strony o ogromną liczbę kilobajtów.
Tutaj przedstawiamy wyniki szybkości strony WordPress, pokazując nam kilka opinii na temat minimalizacji naszych plików CSS i JS.
Ostrzeżenie o minifikacji statystyk stron Google Page Speed
Zgodnie z wynikami, możliwe jest dalsze zwiększenie naszej szybkości zarówno poprzez zmniejszenie liczby wywołań CSS i JS, jak i zminimalizowanie rozmiaru strony.
Najlepsze wtyczki WordPress do minimalizacji CSS i JavaScript
Na szczęście w przypadku WordPress istnieje wiele wtyczek, które szybko zminimalizują pliki CSS i JavaScript. Poniżej wymieniono pięć najpopularniejszych wtyczek WordPress, które skutecznie zaspokoją wszystkie Twoje potrzeby związane z minifikacją.
- #1 – Minifikacja WP
- #2 – Autooptymalizacja
- #3 – WP Super Minifikacja
- #4 - WP Minifikacja Fix
- #5 – Lepsza Minifikacja WordPress
Wtyczka WP-Minify minimalizuje CSS, HTML i JS
Należy pamiętać, że chociaż niektóre wtyczki do buforowania, takie jak W3 Total Cache i WP Fastest Cache, oferują minifikację jako dodatkową funkcję, zdecydowaliśmy się użyć wtyczki WP Minify do wykonania naszej minifikacji. Upewnij się, że jednocześnie aktywujesz tylko jedną (1) wtyczkę/opcję minifikacji. W przeciwnym razie jest bardzo prawdopodobne, że możesz napotkać różne przypadkowe konflikty wtyczek, takie jak między całkowitą pamięcią podręczną W3 a WPMinify.
Przed zainstalowaniem jakiejkolwiek wtyczki Minifikacji
Wynik Google Page Speed: 83 / 100
Powód tego słabego wyniku: Zminimalizuj CSS, JS i HTML
Opinia o Google Page Speed Insights dla JS i CSS Minify
Po zainstalowaniu WP Minify wykonaliśmy test szybkości strony, a wyniki są następujące.
Po zainstalowaniu wtyczki WP Minify
Wynik Google Page Speed: 84 / 100 (poprawiony)
Powód tego ulepszenia: Poprawione ostrzeżenie o zminimalizowaniu CSS i JavaScript.
Opinia o Google Page Speed Insight naprawiona przez wtyczkę WP-Minify
Nie jest to może kolosalna różnica, ale liczy się każdy bit. Specjalnie dla urządzeń mobilnych. Czasami, nawet po zainstalowaniu wtyczki minifikacji, ostrzeżenia te mogą pozostać częściowo nierozwiązane.
W takim przypadku samo narzędzie PageSpeed jest w stanie dostarczyć już zminimalizowane pliki CSS i JS. Możesz bezpośrednio pobrać te zoptymalizowane zasoby JavaScript i CSS i zastąpić je w swojej witrynie WordPress (patrz podświetlony niebieski kwadrat na dole w powyższym przykładzie).
4. Optymalizacja obrazów
Witryna WordPress z wyjątkowymi obrazami w wysokiej rozdzielczości wygląda oszałamiająco i niewątpliwie przyciągnie cenną uwagę większej liczby czytelników niż tradycyjna strona tekstowa WordPress. Ale jest pewien niefortunny haczyk – gdy prześlesz więcej zdjęć lub nadmiernie zwiększysz ich rozdzielczość i jakość, rozmiar twojego WordPressa będzie tylko powiększał się, co z kolei ostatecznie spowoduje słabą szybkość witryny.
Aby sumiennie unikać i minimalizować te problemy, konieczne jest zoptymalizowanie obrazów przed przystąpieniem do ich publikacji.
Darmowe narzędzia online do optymalizacji obrazów
Istnieją różne potężne narzędzia online, takie jak Optimizilla lub Image Optimizer, które optymalizują obrazy bez szkodliwego wpływu na ich jakość. Te narzędzia są proste – przesyłasz swoje obrazy, wybierasz odpowiednie/pożądane opcje, a następnie pobierasz zoptymalizowane obrazy.
Szczególnie uwielbiamy Optimizillę, ponieważ możesz zbiorczo optymalizować 20 obrazów na raz, a dodatkowo możesz wybrać zarówno współczynnik kompresji, jak i jakość obrazu.
Najlepsze wtyczki WordPress do optymalizacji obrazów
WordPress ma mnóstwo wtyczek, które automatycznie optymalizują Twoje obrazy podczas ich przesyłania. Oto smak, z kilkoma wymienionymi poniżej:
- WP Smush – nr 1 – Szeroko stosowany z ponad 600 000 pobrań
- #2 – Imagify Image Optimizer
- #3 – Optimus – Optymalizator obrazu WordPress
- #4 – Optymalizator obrazu ShortPixel
- #5 – Optymalizator obrazu EWWW
- #6 – Optymalizator obrazu CW
Wybraliśmy najpopularniejszą opcję, a zatem z tej listy zdecydowaliśmy się na wtyczkę WP Smush, zainstalowaliśmy ją na WordPressie i przystąpiliśmy do przeprowadzania naszego testu wydajności. Wracając do przydatnych narzędzi Google, następujące wyniki testów uzyskano przed i po optymalizacji obrazu.
Przed zainstalowaniem jakiejkolwiek wtyczki do optymalizacji obrazu
Wynik Google Page Speed: 84/100
Powód tego słabego wyniku: obrazy nie są zoptymalizowane.
Wynik Google Page Speed Insight przed optymalizacją obrazów
Użyliśmy wtyczki WP Smush Image Optimizer, aby automatycznie zoptymalizować obrazy bloga.
Wtyczka WP-Smush optymalizuje obrazy
Wyniki testu po aktywacji wtyczki WP Smush. Zauważ, że zniknęły ostrzeżenia dotyczące optymalizacji obrazów.
Po zainstalowaniu wtyczki WP Smush
Wynik Google Page Speed: 92/100 (poprawiony)
Powód tego ulepszenia: wtyczka WP Smush zoptymalizowała wszystkie obrazy.
Wynik Google Page Speed Insight po optymalizacji obrazów
Pamiętaj, że możesz „zmiażdżyć” tylko 50 obrazów naraz za pomocą bezpłatnej wersji WP Smush Image Optimizer. Pozostałe obrazy można usunąć z biblioteki multimediów WordPress, jak pokazano na poniższym ekranie.
Pozbądź się obrazów z biblioteki multimediów WordPress
Jeśli nadal otrzymujesz niezadowolone ostrzeżenie dotyczące optymalizacji obrazu, nie stresuj się nadmiernie. Narzędzie Google PageSpeed również zapewnia zoptymalizowaną wersję tych obrazów. Możesz je pobrać, jak pokazano w trzecim kroku. Następnie możesz konsekwentnie aktualizować te obrazy z biblioteki multimediów swojego pulpitu nawigacyjnego lub alternatywnie aktualizować je z menedżera plików konta hostingowego. Dodatkowo upewnij się, że pamięć podręczna twojego serwera WWW jest wyczyszczona, jeśli używasz narzędzia do buforowania innej firmy, takiego jak Xvarnish. Jeśli tego nie zrobisz, możliwe, że Google będzie nadal wyświetlać przestarzałe obrazy nawet po żmudnych optymalizacjach.
5. Włącz kompresję Gzip
Gdy odwiedzający przeglądają Twoją witrynę WordPress, ich przeglądarki pobierają strony internetowe i przystępują do renderowania treści. Często jest to nieskompresowane, a jeśli Twoje strony WordPress są gigantyczne ze względu na niezbędne i bogate elementy, które zawierają, to z konieczności i niestety wydłuży to czas ładowania strony.
Można to obejść w wygodny sposób: włączając inteligentną kompresję Gzip, możesz zmniejszyć rozmiar odpowiedzi przesyłanych z serwera do przeglądarek klientów. To znacznie skróci czas potrzebny na pobranie zasobów, zminimalizuje zużycie danych i zwiększy szybkość renderowania Twojej pięknej witryny WordPress w przeglądarce Twojego klienta.
Używając kompresji Gzip, całkowity rozmiar Twojej strony może zostać zmniejszony o zdumiewające 50% do 70% dla Twojego klienta, co, jak można się spodziewać, przyczyni się do zwiększenia szybkości Twojego bloga WordPress. Oczywiście, gdy Gzip nie jest włączony, narzędzie Google PageSpeed Insight zauważy to i ostrzeże, aby włączyć kompresję.
1. Włączanie kompresji Gzip za pomocą wtyczki W3 Total Cache
Dla większości zadań istnieje wtyczka WordPress, a kompresja Gzip nie jest wyjątkiem. Szczególnie popularną wtyczką do buforowania jest wspomniana wcześniej wtyczka W3 Total Cache, która umożliwia Gzipowanie witryny WordPress. Aby włączyć kompresję Gzip, zaloguj się do swojego pulpitu nawigacyjnego WordPress, przejdź do opcji Wydajność → Pamięć podręczna przeglądarki i zaznacz pole wyboru „Włącz kompresję HTTP (Gzip)”.
Włącz kompresję HTTP GZIP za pomocą wtyczki W3 Total Cache
2. Włączanie kompresji Gzip przez .htaccess
Co więcej, możesz również włączyć kompresję Gzip, dodając kod kompresji Gzip do pliku .htaccess.
3. Włączanie kompresji Gzip za pomocą wtyczki kompresji
W przypadku dedykowanej wtyczki zainstaluj jedną z następujących wtyczek WordPress, aby włączyć kompresję Gzip.
- Kompresja prędkości GZip Ninja – #1
- Zaawansowany przyspieszacz – nr 2
- Sprawdź i włącz kompresję GZIP – #3
Te wtyczki automatycznie dodają reguły kompresji Gzip do pliku .htaccess za pomocą modułu mod_deflate, dzięki czemu nie ma potrzeby samodzielnego wdzierania się do tych plików, aby je poprawić.
Aby uzyskać doskonały sposób na sprawdzenie, czy kompresja Gzip jest włączona w Twojej witrynie, możesz samodzielnie przetestować swoją witrynę tutaj. To odwiecznie przydatne narzędzie może konkretnie pokazać, ile cennych bajtów (a tym samym szybkość renderowania i przepustowość) zostało zaoszczędzonych dzięki włączeniu kompresji Gzip. Sprawdź poniższy zrzut ekranu, aby zobaczyć niezwykłą ilustrację tego, ile bajtów zaoszczędziliśmy i zaoszczędziliśmy w naszej testowej witrynie internetowej.
Strona testowa kompresji adresu URL
Włączenie kompresji Gzip za pomocą jednej z powyższych metod powinno zmienić zalecenie Google PageSpeed Insights na „Włącz kompresję”.
Przed zainstalowaniem jakiejkolwiek wtyczki kompresji
Wynik Google Page Speed: 92/100
Powód tego ostrzeżenia: kompresja nie jest włączona.
W tym przykładzie włączyliśmy kompresję Gzip za pomocą wtyczki W3 Total Cache, dzięki czemu można zauważyć, że ostrzeżenie Włącz kompresję zostało usunięte, a wynik jest poniżej.
Po zainstalowaniu wtyczki W3 Total Cache do kompresji
Wynik Google Page Speed: 92/100
Powód tego ulepszenia: ostrzeżenie Włącz kompresję zostało rozwiązane.
Wynik Google Page Speed Insight po włączeniu kompresji GZIP
Ostrzeżenie dotyczące mocowania nad zawinięciem
Pomimo osiągnięcia całkiem przyzwoitego wyniku wydajności 92/100, strona Google PageSpeed Insights nadal wyświetlała ostrzeżenie, że musimy naprawić blokujący renderowanie JavaScript i CSS w części widocznej na ekranie. Oczywiście wszystko ma znaczenie i nie zamierzamy się tutaj zatrzymywać, więc poszliśmy dalej i postanowiliśmy to naprawić. Przejdźmy dalej i zobaczmy, jak udało nam się naprawić to ostrzeżenie w naszym testowym blogu WordPress.
Eliminowanie kodu JavaScript blokującego renderowanie w górnej części zagięcia
W tym celu użyliśmy wtyczki WordPress wtyczka Async JavaScript, a następnie przystąpiliśmy do dostosowywania ustawień, jak pokazano na kolejnym zrzucie ekranu. Ta wtyczka dodaje atrybut „async” lub „defer” do każdego kodu JavaScript załadowanego przez funkcję wp_enqueue_script WordPressa.
Wyeliminuj blokowanie renderowania JavaScript i CSS w górnej części zawinięcia Poprawiono ostrzeżenie o treści
Teraz nie musisz nawet uciekać się do wtyczki. Jeśli chcesz uniknąć ładowania kolejnej wtyczki, możesz po prostu dodać następujący kod do pliku functions.php.
/*Add async to all scripts*/
function js_async_attr($tag)
{
# Add async to all remaining scripts
return str_replace( ' src', ' async="async" src', $tag );
}
add_filter( 'script_loader_tag', 'js_async_attr', 10 );
Teraz, aby naprawić to samo ostrzeżenie dla naszego CSS, użyliśmy wtyczki WordPress o nazwie Autoptimize. Po zainstalowaniu tej wtyczki przejdź do Ustawienia → Autotomizacja . W ustawieniach autooptymalizacji kliknij przycisk „pokaż ustawienia zaawansowane” znajdujący się w prawym górnym rogu. Upewnij się, że „minify” nie jest aktywne z W3 Total Cache lub WPminify, ponieważ może generować frustrujące konflikty z Autoptimzer.
Po wypełnieniu i dostosowaniu ustawień zaawansowanych przewiń w dół do sekcji Opcje CSS. Zaznacz pole wyboru Inline i Defer CSS, wklej kod CSS zwijania (adres URL sugerowany przez narzędzie Insight Tool strony Google w sekcji „Wyeliminuj blokowanie renderowania”, Otwórz każdy adres URL w przeglądarce i pobierz kod .css zwijania) i kliknij „ Zapisz zmiany i opróżnij pamięć podręczną”.
Wyeliminuj blokowanie renderowania JavaScript i CSS w górnej części zawinięcia Poprawiono ostrzeżenie o treści
Po drobiazgowym wykonaniu tych kroków będziesz mógł patrzeć na narzędzie Google bez żadnej wzmianki o ostrzeżeniu dotyczącym tego powyżej blokowania renderowania w przewinięciu.
Po zainstalowaniu wtyczki Async JavaScript & Autooptimize
Wynik Google Page Speed: 100/100
Przyczyna tego ulepszenia: naprawiono Wyeliminuj blokujące renderowanie kod JavaScript i CSS w ostrzeżeniu dotyczącym treści w części strony widocznej na ekranie.
Wszystkie ostrzeżenia są naprawione na pulpicie
Wszystkie ostrzeżenia są naprawione dla urządzeń mobilnych
Pamiętaj, że PageSpeed Insights firmy Google to zawsze przydatne narzędzie do zwiększania wydajności, które pomaga w identyfikacji wielu sposobów optymalizacji witryny. Jednak rzadko warto rozwijać obsesję na punkcie zdobycia idealnego 100/100 , ponieważ często zdarza się, że niektóre scenariusze są zasadniczo nie do naprawienia.
6. Upewnij się, że opróżniłeś kosz i zoptymalizowałeś bazę danych WordPress
Długotrwałe korzystanie z WordPressa niesie ze sobą bazę danych, która prawdopodobnie zawiera duże ilości danych, z których nie masz większego pożytku. Na przykład za każdym razem, gdy zapisujesz nowy post lub stronę, WordPress z radością utworzy wersję tego posta lub strony, a następnie zapisze ją w stale rozwijającej się bazie danych.
Na przykład, jeśli edytujesz post 10 razy, możesz mieć 9 oddzielnych kopii tego posta przechowywanych jako poprawki. Chociaż czasami jest to pomocne, ta akumulacja danych szybko dodaje ogromne ilości rzadko używanych danych do skrzypiących tabel bazy danych, niepotrzebnie je rozpychając i spowalniając dostęp do nich.
Rozsądnie usuwając niechciane wersje, wersje robocze, moderowane komentarze, strony/posty z kosza, komentarze spamowe, komentarze do kosza, meta postów osieroconych i wszelkie inne niepotrzebne dane, możesz zachować elegancką, czystą, zoptymalizowaną i bezpieczną bazę danych. Warto się zastanowić, ponieważ poprzez proste podjęcie się optymalizacji bazy danych podwójnie zwiększysz szybkość swojej witryny i co najważniejsze, jej wydajność
Zoptymalizuj bazę danych WordPress za pomocą WP-Optimize
Najlepsze wtyczki WordPress do optymalizacji bazy danych
Poniżej znajduje się próbka wyborów ulubionych wtyczek WordPress, które są używane do optymalizacji bazy danych WordPress.
- WP-Optymalizuj – #1
- WP-Sweep – #2
- Zaawansowane czyszczenie bazy danych – #3
- Optymalizuj bazę danych po usunięciu wersji
Te wtyczki usuwają wszystkie niechciane śmieci z bazy danych WordPress i wykonują ogólne zapytania optymalizujące bazę danych MySQL bez dostępu do PHPMyAdmin.
Niektóre takie wtyczki, jak w przypadku WP-DB Managera, pozwalają zaplanować terminy w celu regularnej i spójnej optymalizacji bazy danych. Zawsze upewnij się, że wykonałeś kopię zapasową bazy danych, zanim pozwolisz jakiejkolwiek wtyczce na dotknięcie lub zoptymalizowanie bazy danych!
7. Korzystaj z sieci dostarczania treści
Content Delivery Network CDN) to klaster geograficznie rozproszonych serwerów, które szybko dostarczają statyczną zawartość odwiedzającym, z najbliższych dostępnych i odpowiednich serwerów. W bardziej zrozumiały sposób, gdy odwiedzający przegląda Twoją witrynę, Twój CDN wybierze najbliższy serwer, aby dostarczyć statyczne treści (obrazy, CSS, biblioteki i pliki JavaScript) używane w Twojej witrynie.
Sprawny CDN promuje również szybsze ładowanie stron, w konsekwencji podnosząc rankingi Twoich stron Google, ponieważ słabo działające witryny, które ładują się wolno, są znacznie karane przez algorytmy rankingowe najpopularniejszych wyszukiwarek.
Na szczęście skonfigurowanie CDN do pracy z WordPressem jest proste. Rzeczywiście, można to zrobić w ciągu 5 minut (!), używając wtyczki buforującej, takiej jak W3 Total Cache. Jeśli chcesz zintegrować CDN ze swoją witryną WordPress, spójrz na nasz przyjazny i kompetentny samouczek .
Oczywiście, aby zilustrować zalety CDN dla Twojej witryny WordPress, koniecznie musieliśmy przeprowadzić dla Ciebie szybki test w naszym zaawansowanym technologicznie laboratorium.
Średni czas odpowiedzi przed włączeniem jakiejkolwiek sieci CDN w naszej witrynie WordPress wynosił 124,721 ms.
Czas odpowiedzi witryny WordPress przed włączeniem CDN
Po włączeniu CDN w witrynie WordPress czas odpowiedzi spadł do 26,346 ms.
Czas odpowiedzi witryny WordPress po włączeniu CDN
8. Zmniejsz poprawki i wyłącz trackbacki i pingbacki
Zmniejszenie rewizji post
System poprawek WordPress został zaprojektowany tak, aby zachować zapis każdej zapisanej wersji roboczej lub opublikowanej aktualizacji. Choć jest całkiem przydatny (pozwala przeglądać poprzednie wersje artykułów i przywracać je w razie potrzeby), może ogromnie zwiększyć rozmiar i objętość dowolnej bazy danych WordPress.
Załóżmy na przykład, że Twój artykuł przeszedł 10 wersji , wtedy system wersji WordPress będzie przechowywać każdą z tych wersji w swojej bazie danych, co spowoduje zwiększenie ilości danych o zdumiewające 10 razy .
Domyślnie WordPress będzie nadal zapisywać nieograniczoną i nieograniczoną liczbę poprawek, ale powinieneś i rzeczywiście możesz ograniczyć to do znacznie bardziej praktycznej wartości (powiedzmy 4 do 5). Aby to osiągnąć, po prostu dodaj następujący kod do pliku wp-config.php.
define( 'WP_POST_REVISIONS', 5 );
Lista rewizji postów
Jeśli chcesz całkowicie wyłączyć system weryfikacji postów WordPress, po prostu dodaj następujący jednowierszowy kod w pliku wp-config.php.
define( 'WP_POST_REVISIONS', false );
Pamiętaj, że wersja posta WordPressa jest niezwykle przydatna dla blogerów, więc nie zalecamy całkowitego jej wyłączenia. Dla spokoju ducha upewnij się, że zawsze zachowujesz pewne poprawki swojej pracy.
Wyłączanie trackbacków i pingbacków
Za każdym razem, gdy inny blog lub strona internetowa łączy się z Twoją witryną, otrzymasz powiadomienie, które następnie zaktualizuje bazę danych dla tego konkretnego postu, co ostatecznie zaśmieci zasoby Twojego serwera.
Jeśli nie chcesz tego, Trackbacks i Pingbacks można wyłączyć w ustawieniach dyskusji WordPress. Po zalogowaniu się do pulpitu nawigacyjnego WordPress przejdź do Ustawienia → Dyskusja, a następnie odznacz dwa pierwsze pola wyboru, jak pokazano na poniższym obrazku.
Wyłączanie Pingback i Trackback
9. Podziel komentarze i długie posty na strony
Sans pytanie, rzeczywiście szczęśliwym jest pozyskać zaangażowaną publiczność, która masowo komentuje Twój blog. Niestety, taka aktywność generuje potencjalny negatywny efekt: wczytanie tych komentarzy może drastycznie spowolnić ładowanie Twojej witryny.
Aby to naprawić, WordPress dołączył funkcję zatytułowaną „przerwanie komentarzy”. Po prostu przejdź do strony Ustawienia → Dyskusja i zaznacz pole wyboru zatytułowane „Podziel komentarze na strony”.
Podziel komentarze na strony
Jeśli Twoje posty będą składać się z długich fragmentów prozy, w połączeniu z dużą ilością ładnych obrazów, może ucierpieć szybkość ładowania Twojej witryny. Istnieje proste i skuteczne rozwiązanie: podziel te nieznośne posty na osobne strony.
Po prostu dodaj następujący fragment kodu w dowolnym momencie, w którym chcesz podzielić stronę. Upewnij się, że dodajesz tę linię kodu w trybie tekstowym, a nie w trybie wizualnym.
<!--nextpage-->
Cała treść dodana poniżej < !–nextpage–>, pojawi się na następnej stronie posta, a na końcu strony zobaczysz linki do paginacji, jak pokazano poniżej.
Opcja następnej strony
10. Nie przesyłaj filmów wideo bezpośrednio do WordPress
Bezpośrednie przesyłanie treści wideo może poważnie uszczuplić potencjalną przepustowość Twojej witryny. Twój dostawca usług hostingowych może pobierać dodatkowe opłaty za takie korzystanie, więc masz jeden dobry powód, aby uniknąć takiego działania.
Po drugie, długie filmy lub filmy w wysokiej rozdzielczości mogą kolosalnie zwiększyć rozmiar kopii zapasowej, co prowadzi do sytuacji, w której przywracanie witryny z kopii zapasowych może być znacznie bardziej herkulesowym zadaniem.
Ponieważ prawdopodobnie nie życzysz sobie powyższych scenariuszy, możesz bezpośrednio przesłać swoje wideo do jednego z następujących popularnych dostawców hostingu wideo, a następnie użyć osadzonego linku.
- Youtube
- Vimeo
- Flickr
- DailyMotion
Umieszczanie filmu z YouTube na WordPressie jest na szczęście elementarne. Najpierw po prostu znajdź film, który chcesz umieścić w YouTube. Następnie kliknij link Udostępnij i skopiuj odpowiedni adres URL filmu.
Skopiuj adres URL filmu z YouTube
Na koniec wklej adres URL filmu bezpośrednio do swojego posta i kliknij przycisk Aktualizuj, automatycznie umieszczając go.
Wklej adres URL wideo YouTube w WodPress Post
Wniosek
Wymieniliśmy 10 najskuteczniejszych i najpopularniejszych usprawnień, aby uwolnić potencjalną prędkość Twojej witryny WordPress. Nasi sumienni badacze pracujący w ich laboratorium udowodnili naszym zdaniem, że skuteczna implementacja takich poprawek może znacznie poprawić szybkość ładowania witryny WordPress. Jeśli kiedykolwiek napotkasz instalację WordPress, która wydaje się poruszać tak szybko, jak ślimak biorący dzień wolny od pracy, będziesz mieć te praktyczne wskazówki, które bez wątpienia poprawią i poprawią wyniki szybkości strony.
Poniższy ładny wykres przedstawia wynik Google PageSpeed po każdym ulepszeniu, które wdrożyliśmy na blogu WordPress.
Wynik strony Google vs. Ulepszenia WordPress
Czy znasz alternatywne i skuteczne sposoby na przyspieszenie witryn WordPress i skrócenie ich czasu ładowania? Wszystko jest niezwykle cenne, szczególnie gdy dla klienta liczą się milisekundy. Podziel się z nami wszelkimi pomysłami na wydajność w poniższej sekcji komentarzy!
Should you require our aid to improve the PageSpeed score of your WordPress website, please also drop your website name in the comment section and we will endeavor to get back to you.