Przełącz menu

Spraw, aby Twoja witryna WordPress była szybka jak *$#@!

Opublikowany: 2014-04-25

25% zniżki na produkty Beaver Builder! Pospiesz się, wyprzedaż się kończy... Leń więcej!

speedup
  • WordPressa

Spraw, aby Twoja witryna WordPress była szybka jak *$#@!

Zużycie jest nieuniknione. Buty, samochody, narzędzia, domy i wszystko inne z czasem ulega degradacji. Cóż, oprogramowanie nie jest inne. Czy zauważyłeś, że czteroletni komputer nie ma już takiego samego zapału, jak wtedy, gdy był nowy? Albo jak aplikacja kontaktów w telefonie z biegiem lat coraz bardziej się zacina? Chociaż kocham WordPressa, cierpi on na ten sam problem. Ale nie bój się! Przy odrobinie regularnej konserwacji możesz sprawić, że Twoja witryna WordPress będzie szybka jak *$#@!

Dlaczego prędkość jest ważna

Szybka strona internetowa jest niezwykle ważna. Badanie przeprowadzone przez Akamai i Gomez.com wykazało, że prawie połowa wszystkich użytkowników Internetu oczekuje, że strona załaduje się w ciągu 2 sekund lub krócej. Powolne ładowanie stron może odciągnąć odwiedzających od Twojego bloga, zanim jeszcze na niego dotrą. Google uwzględnia także szybkość witryny w swoim algorytmie rankingu. Biorąc wszystko pod uwagę, Google będzie faworyzował szybszą witrynę zamiast wolniejszej.

Ustaliliśmy, że szybsze strony internetowe są lepsze, więc jak przyspieszyć Twoją witrynę WordPress? Po wyjęciu z pudełka WordPress jest bardzo szybkim i wydajnym oprogramowaniem. Problem pojawia się, gdy WordPress grzęźnie przez lata publikowania, komentowania, dodawania/usuwania wtyczek, przesyłania obrazów, zmiany motywów i ogólnie po prostu blogowania.

Skorzystaj z wtyczki buforującej

Jeśli na Twoim blogu nie jest jeszcze uruchomiona wtyczka buforująca, będzie to najlepszy sposób na skrócenie czasu ładowania strony. Okres. Blogi są dynamiczne; pisane są nowe artykuły, zmieniają się paski boczne i pojawiają się komentarze. Za każdym razem, gdy WordPress udostępnia post na blogu, musi sprawdzić wszystkie te zmiany.

Wtyczka buforująca to bardzo inteligentne oprogramowanie, które zapisuje, czyli buforuje, wyrenderowaną kopię wszystkich twoich stron. Za każdym razem, gdy żądana jest strona, oprogramowanie buforujące skutecznie „szybko sprawdza” zmiany. Jeśli nic się nie zmieniło (co zdarza się najczęściej), wyświetli się wersja strony z pamięci podręcznej, zamiast budować ją od nowa. Jest to niezwykle istotne, jeśli Twój post „rozprzestrzenia się wirusowo”. Blog bez buforowania nie przetrwa na pierwszej stronie Reddita i tym podobnych.

Zatem jaką wtyczkę wybrać? Jest trzech dużych graczy: WP Super Cache, W3 Total Cache i Quick Cache. Pierwsze dwie wtyczki są bardzo wszechstronne i, szczerze mówiąc, nieco trudne w konfiguracji. Jeśli jednak wiesz, co robisz i odpowiednio je skonfigurujesz, będą one najbardziej wydajne. W3 Total Cache to nasz główny sposób, a WP Super Cache to nasz wybór w przypadku instalacji na wielu serwerach.

Jeśli potrzebujesz czegoś prostego, rozwiązania typu „ustaw i zapomnij”, wypróbuj Quick Cache. Robi 90% tego, co robią pozostałe dwa, ale przy minimalnej wymaganej konfiguracji i wiedzy technicznej.

Skonfiguruj CDN

rozbłysk chmur

CDN oznacza sieć dostarczania treści. CDN to sieci superszybkich serwerów internetowych, które są strategicznie rozmieszczone na całym świecie. Większość ludzi hostuje swoje blogi na wspólnym serwerze (co jest w porządku), ale co się stanie, jeśli Twój serwer znajduje się w Nowym Jorku, a odwiedzający jest w Kalifornii. Co więcej, co się stanie, jeśli Twój gość będzie w Ameryce Południowej lub Europie!? Im dalej odwiedzający znajdują się od Twojego serwera, tym wolniej ładują się strony. CDN ma wiele redundantnych serwerów rozmieszczonych na całym świecie, więc Twoje treści będą zawsze wyświetlane przez skrzynkę w ogólnym obszarze odwiedzającego! Ponadto sieci CDN mają zazwyczaj ogromne potoki przepustowości, które mogą przesyłać informacje znacznie szybciej niż większość współdzielonych hostów.

Konfiguracja CDN jest nieco skomplikowana i wykracza poza zakres tego artykułu, ale najłatwiejszą opcją będzie CloudFlare (uwaga: funkcja RocketLoad CloudFlare może powodować konflikty z Beaver Builder, więc pamiętaj, aby ją wyłączyć). Oferują bezpłatną usługę CDN i wtyczkę WordPress, dzięki czemu jest to jedna z prostszych w konfiguracji sieci CDN. CloudFlare posiada również pakiet funkcji bezpieczeństwa dostępnych w ramach bezpłatnej usługi. Szczerze mówiąc, Cloud Flare to jedna z najlepszych ofert, jakie kiedykolwiek znalazłem. Szybkość ładowania strony jest drastycznie większa po włączeniu CloudFlare, szczególnie w witrynach zawierających dużo obrazów! Mogę sobie tylko wyobrazić wzrost prędkości dla naszych przyjaciół po drugiej stronie stawu lub geograficznie odległych od pierwotnego serwera.

Aby uzyskać bardziej kompleksową opcję, która wymaga nieco większej konfiguracji (i opłaty), Amazon Cloud Front to kolejna bardzo dobra opcja CDN.

Utrzymuj swoją bazę danych w czystości (tak, mówię o tych komentarzach dotyczących spamu)

WordPress przechowuje wszystkie informacje o Twoim blogu w bazie danych. WordPress może obsłużyć ogromne ilości danych, ale w miarę powiększania się bazy danych nieuchronnie będzie ona zwalniać. Jedną z najczęstszych przyczyn rozdętej bazy danych są komentarze zawierające spam. Wszyscy mamy ten problem. Spam w komentarzach WordPress jest podstępny i faktem. Jest jednak kilka rzeczy, które mogą pomóc.

Po pierwsze, jeśli jeszcze nie korzystasz z Akismet, użyj go! Akismet został stworzony przez Automatic (firmę stojącą za WordPressem) i doskonale radzi sobie z filtrowaniem komentarzy zawierających spam. Za każdym razem, gdy na Twoim blogu zostanie pozostawiony komentarz, Akismet sprawdzi w swojej bazie danych, aby upewnić się, że komentarz jest zgodny z prawem. Jeśli tak nie jest, komentarz zostanie automatycznie usunięty i nigdy nie dowiesz się, że istniał.

Ale co, jeśli nie wiedziałeś o Akismet i masz już setki, a może tysiące spamerskich komentarzy w kolejce? Niestety, Akismet zapobiega spamowi i nie będzie w stanie pomóc. Istnieje jednak jeszcze jedna przydatna wtyczka, która pomoże w usunięciu wszystkich starych komentarzy spamowych: WP Comment Clearer. Będzie to nadal wymagało trochę pracy, ale ta wtyczka znacznie przyspiesza proces usuwania spamowych komentarzy.

Innym poważnym sprawcą rozdęcia bazy danych są poprawki po aktualizacjach. WordPress świetnie radzi sobie z zachowywaniem poprawek; czasami zbyt wspaniale! Przeglądałem niektóre z moich starych postów na blogu i znalazłem kilka z ponad 30 wersjami! Wtyczka Kontrola wersji pozwoli Ci ustawić liczbę wersji, które można zapisać, i pomoże utrzymać szczupłą bazę danych.

Nie daj się zwieść wzdęciom funkcji. Znajdź dobrze zakodowany, lekki motyw.

Nikt nie lubi czuć się wzdęty!

Twórcy motywów zaczynają zdawać sobie sprawę z korzyści płynących z wydawania lżejszych motywów. Jednak konsumenci nadal utożsamiają funkcje z wartością, a uniwersalne megamotywy nadal dominują na listach najlepszych motywów . Chociaż te mega motywy są całkiem fajne, biorąc pod uwagę wszystkie ich możliwości, wszystkie te funkcje są równoznaczne z utratą prędkości.

Wiemy o tym aż za dobrze w FastLine Media, ponieważ oferujemy usługę dostosowywania/instalacji szablonów WordPress. Wybierzemy kilka szablonów i pozwolimy naszym klientom wybrać ten, który najbardziej im się podoba. Następnie zainstalujemy i dostosujemy szablon do ich marki i działalności. Po pracy z naszymi pierwszymi 10-20 motywami WordPress, mieliśmy dość wszystkich wzdęć funkcji i niepotrzebnych/mylących opcji, które wydawały się powszechne w każdym motywie premium. To był jeden z powodów, dla których stworzyliśmy motyw Automatora.

Wytropienie mniejszych sklepów, które tworzą proste, nowoczesne motywy, może być trudne. Kilka z naszych ostatnio ulubionych to Elegant Themes i UpThemes, ale jestem pewien, że jest mnóstwo innych.

Wyczyść stare wtyczki

Wspomniałem, że WordPress jest bardzo szybkim i wydajnym oprogramowaniem od razu po wyjęciu z pudełka. Nie można tego samego powiedzieć o wtyczkach. Jeśli chodzi o wtyczki, jedno złe jabłko może spowodować zaindeksowanie całej witryny. O co pytać? Pierwszym zadaniem jest zidentyfikowanie, które wtyczki powodują spowolnienie. Jednym ze sposobów, aby to zrobić, jest wyłączenie wszystkich wtyczek, a następnie włączenie ich jedna po drugiej podczas sprawdzania witryny, aby zobaczyć, która z nich powoduje spowolnienie.

Ale co, jeśli masz bloga z dużym ruchem i dużą ilością wtyczek? Wyłączenie wszystkich wtyczek w działającej witrynie pełnej odwiedzających byłoby złym pomysłem. Nie martw się, jest do tego wtyczka =D — spójrz na P3 (Plugin Performance Profiler). P3 przeanalizuje obciążenie każdej wtyczki i wyplunie kilka wykresów i wykresów, które pomogą zidentyfikować złe jabłko.

Wyróżnienia honorowe

Sugestie te nie wymagały osobnego działu, ale warto o nich wspomnieć.

Wybierz dobrego gospodarza

Zmiana dostawcy usług hostingowych jest wprawdzie żmudnym procesem. Tylko z tego powodu ta sugestia ląduje w wyróżnieniach. Jeśli jednak myśl o przeniesieniu instalacji WordPressa nie zniechęca Cię, przeniesienie witryny na nowoczesny serwer internetowy może znacznie poprawić prędkość ładowania strony.

Kompresuj obrazy

Kompresja obrazów może mieć ogromny wpływ na czas ładowania strony, szczególnie w przypadku witryn zawierających dużo obrazów. Zakładam, że większość z nas zna funkcję „Zapisz dla Internetu” w programie Photoshop i rozumie podstawy rozdzielczości i kadrowania obrazów. Świetnym źródłem informacji w tym zakresie jest wtyczka o nazwie WP-Smush.it. WP-Smush.it automatycznie bezstratnie skompresuje Twoje obrazy podczas przesyłania ich do WordPress. Widziałem, jak zmniejszał rozmiar pliku obrazu o 10–20%, nawet po wyjściu z Photoshopa! Osobiście uruchamiam go na każdej witrynie WordPress, którą prowadzę. Nie widzę powodu, żeby tego nie robić.

Zoptymalizuj swoją bazę danych

Wspomnieliśmy o utrzymywaniu czystej i oszczędnej bazy danych, ale możesz także zoptymalizować dane, które już tam są. Wtyczka WP-DBManager sprawia, że ​​optymalizacja bazy danych jest dziecinnie prosta. Ma także świetną funkcję tworzenia kopii zapasowych/przywracania!

W Zamknięciu

Szybsza witryna WordPress przyciągnie więcej odwiedzających i sprawi, że będą wracać częściej. Przyspieszanie witryny WordPress to proces identyfikowania tego, co spowalnia witrynę , a następnie podjęcia kroków w celu rozwiązania tego problemu. Jeśli masz stosunkowo nowego bloga, na którym działa stara/wolna wtyczka, optymalizacja bazy danych prawdopodobnie nie pomoże. Musisz zidentyfikować problemy specyficzne dla Twojej konfiguracji i najpierw je naprawić. Oczywiście, jeśli przytłacza Cię ta myśl, nie krępuj się i napisz do nas. Zawsze chętnie pomożemy!

Jakie kroki/zmiany wprowadziłeś na swoim blogu, aby zwiększyć prędkość? Która z tych sugestii miała największy wpływ na czas ładowania strony?

Źródła zdjęć: Peter Kim, John Wolff

Biografia Robby'ego McCullougha

13 komentarzy

  1. Spraw, aby Twoja witryna WordPress była szybka jak *$#@! | FastLi... 26 kwietnia 2014 o godzinie 14:59

    […] Szybka strona internetowa jest niezwykle ważna. Przy odrobinie regularnej konserwacji możesz sprawić, że Twoja witryna WordPress będzie szybka jak *$#@! […]



  2. Melanie 20 czerwca 2015 o godzinie 9:51

    Wygląda na to, że Cloudflare faktycznie powoduje konflikty z BeaverBuilder. Być może powinniście edytować ten artykuł.



    • Robby McCullough 23 czerwca 2015 o godzinie 9:02

      Hej Mel! Tak, masz rację. CloudFlare ma funkcję o nazwie RocketLoad, która powoduje konflikty z Beaver Builder. Pójdę dalej i zaktualizuję artykuł. Dziękuję za informację.



  3. Nick 11 sierpnia 2015 o 1:07

    Świetny artykuł – dzięki!



    • Robby McCullough 11 sierpnia 2015 o 9:17

      Dziękuję za komentarz, Nick!



  4. Angela 8 maja 2016 o godzinie 23:29

    Wow. Właśnie zainstalowałem W3 Total Cache (jak dotąd sprawdziłem tylko przycisk pamięci podręcznej strony. Więcej do odkrycia) i wtyczki WP-smush it. Zauważyłem OGROMNĄ różnicę w czasie ładowania mojej witryny (co prawda pochodziłem z bazy lodowcowej). Dla osoby niebędącej programistą, takiej jak ja (rozmowa o kodzie powoduje, że wybucham wysypką), był to doskonały samouczek. Wiele, wiele, wiele, wiele dzięki.



    • Robby McCullough 9 maja 2016 o 10:22

      W porządku! Niezła robota. Cieszę się, że artykuł był pomocny. Dostosowywanie wydajności może być nieco uzależniające. Pamiętaj też o robieniu kopii zapasowych. Ostatnio przekonałem się na własnej skórze, że majstrowanie przy niektórych niskopoziomowych elementach serwera/buforowania może powodować problemy!



  5. Diogo 16 listopada 2016 o 5:38

    Czy nadal występują konflikty z programem ładującym rakiety w Cloudflare? Ta funkcja naprawdę pomaga w przetwarzaniu JavaScript.

    Kiedy testujesz swoją stronę za pomocą https://gtmetrix.com/reports/www.wpbeaverbuilder.com/5nAOzOfN, okazuje się, że wpbeaverbuilder.com działa bardzo słabo pod względem zasobów statycznych. Planuję kupić twoją wtyczkę, ale spowolnienie zasobów statycznych wcale nie jest dobre.



    • Robby McCullough 18 listopada 2016 o 22:45

      Hej, Diogo! Dziękuję za komentarz.

      Nie jestem pewien, czy ta strona jest już aktywnie utrzymywana, ale twórca dołożył wszelkich starań, aby była jak najbardziej wydajna. W większości testów szybkości strony osiąga bardzo wysokie wyniki: https://gtmetrix.com/reports/www.kilkennycounsellingcare.com/HyXwfBnA

      Nasza witryna ma wiele funkcji za kulisami, więc nie jest najlepszym przykładem tego, co jest możliwe z Beaver Builder, jeśli chodzi o wydajność.



  6. Śledczy w Toronto , 2 października 2017 r. o godzinie 11:00

    Obecnie używam Tumblra jako mojego systemu domyślnego. Chciałbym coś takiego jak ty.
    Gratulacje, myślę, że muszę zainwestować w skuteczną stronę internetową.



  7. Lilian 18 października 2018 o godzinie 8:23

    Czy polecacie nową wtyczkę do zbiorczego usuwania komentarzy (lub inną metodę)? WPCommentCleaner nie był aktualizowany od 5 lat. Klient właśnie odwiedził witrynę zawierającą kilka tysięcy spamowych komentarzy, które chciałbym jak najskuteczniej usunąć.



  8. Christine 1 września 2020 o 17:34

    W3 Total Cache nie podobały mi się moje kolumny Beaver Builder. Nie wyświetliłoby ich 4 w poprzek. Zainstalowałem WPRocket i wydaje się, że nie ma to wpływu na układy BB; jednakże nie wydaje się tak skuteczny jak W3.



    • Anthony Tran 2 września 2020 o 8:17

      WPRocket ma wiele innych świetnych funkcji, które sprawią, że Twoja witryna będzie ładować się szybciej. To świetna wtyczka do optymalizacji prędkości.



Nasz biuletyn

Nasz biuletyn jest pisany osobiście i wysyłany mniej więcej raz w miesiącu. Nie jest to ani trochę irytujące ani spamerskie.
Obiecujemy.

Dołącz do Newslettera

Wypróbuj Beaver Builder już dziś

Beaver Builder