Jak poprawnie zoptymalizować strony WordPress

  1. Funkcje optymalizacji WordPress
  2. Użyj buforowania
  3. Wykonaj stopniowe pobieranie
  4. Łącz style i skrypty
  5. Wyłącz hotlinkowanie
  6. Zoptymalizuj bazę danych
  7. Używaj tylko sprawdzonych tematów.
  8. Usuń wszystkie niepotrzebne wtyczki
  9. Podłącz CDN

Im wolniejsza strona, tym mniej osób chce z niej korzystać. Im mniej użytkowników, tym mniej ruchu i konwersji. Badania pokazują to wszystko. Amazonka , Walmart , Akamai i Grupa Aberdeen .

Głównym winowajcą powolnego ładowania witryny są żądania HTTP. Przeglądarka wysyła takie żądanie do każdego elementu strony. Ponadto żądania nie są wysyłane jednocześnie, ale pojedynczo. Dlatego im więcej elementów na stronie (obrazy, muzyka itp.) - tym dłuższy czas ładowania.

Możesz dowiedzieć się bardziej szczegółowo, dlaczego tak się dzieje w artykule „ 9 sposobów na przyspieszenie ładowania witryny „. Tam zbadałem główne przyczyny powolnego ładowania i teorię radzenia sobie z nimi.

Funkcje optymalizacji WordPress

WordPress jest początkowo dobrze zoptymalizowany. Ale im więcej treści w witrynie, tym wolniejsza staje się strona. Dlatego rzućmy okiem na kilka wskazówek i technik, które pomogą stronie nie zwalniać z czasem, a nawet powrócić do poprzedniej prędkości.

Użyj buforowania

Każda witryna ma elementy, które są powtarzane na każdej stronie. Na przykład logo. Lub podstawowy CSS. Po prostu nie ma sensu, aby użytkownik ponownie ładował te elementy za każdym razem, przedłużając pobieranie.

Na ratunek przychodzi buforowanie . Buforowanie polega na kopiowaniu niektórych elementów witryny na komputer użytkownika. Gdy na komputerze znajduje się pamięć podręczna, przeglądarka użytkownika nie pobiera tych elementów ponownie, ale ładuje je z pamięci podręcznej. Witryny są znacznie mniej żądań, więc strona ładuje się szybciej.

Możesz przyspieszyć ładowanie strony na serwerze. Faktem jest, że hosting, na którym znajduje się strona, nie przechowuje stron internetowych samodzielnie. Przechowuje skrypty PHP, z których strony są gromadzone na żądanie. Ma to na celu zaoszczędzenie miejsca na hostingu, ale musisz za to zapłacić za czas potrzebny na utworzenie strony.

Ale jeśli włączysz super buforowanie na hoście, zbierze wszystkie strony i zapisze je w osobnym folderze. Strony zajmą więcej miejsca, ale serwer nie będzie musiał ich ciągle zbierać. Tak więc ładowanie strony przyspieszy.

WAŻNE Pomimo wszystkich zalet buforowania, musisz zachować ostrożność. Gdy zmienia się element, dla którego użytkownik ma już pamięć podręczną, użytkownik nie widzi tych zmian, dopóki pamięć podręczna nie zostanie zaktualizowana. Dlatego, jeśli regularnie aktualizujesz, na przykład nagłówek witryny, lepiej wyłączyć dla niego buforowanie.

Najlepsza wtyczka do buforowania i super buforowania - WP Super Cache . Automatycznie określa, które elementy strony powinny być buforowane i która metoda jest najlepiej do tego używana.

Oto ustawienia WP Super Cache, których używam na mojej stronie:

Przełączenie metody dostarczania pamięci podręcznej na tryb ekspercki dałoby mi niewielki wzrost prędkości ładowania strony, ale w tym celu muszę edytować pliki konfiguracyjne hostingu. Nie polecam robić tego niepotrzebnie.

Wykonaj stopniowe pobieranie

Zwykle przeglądarka najpierw w pełni ładuje stronę, a dopiero potem wyświetla ją użytkownikowi. Ale zajmuje to dużo czasu, a jeśli na stronie jest dużo treści, użytkownik może zamknąć stronę przed załadowaniem.

Rozwiązaniem jest stopniowe (lub „leniwe”) pobieranie. W takim przypadku przeglądarka szybko ładuje tylko te elementy strony, które będą teraz widoczne dla użytkownika. Cała reszta jest ładowana w razie potrzeby. I chociaż całkowity czas ładowania strony jest nieco dłuższy, użytkownik widzi stronę natychmiast i nie czeka na załadowanie zdjęć na samym dole strony.

Aby umożliwić stopniowe ładowanie, potrzebujesz specjalnej wtyczki Rocket Lazy Load. Wystarczy zainstalować, aktywować i zaznaczyć dwa ustawienia w ustawieniach.

Wystarczy zainstalować, aktywować i zaznaczyć dwa ustawienia w ustawieniach

Pola wyboru, które należy ustawić w ustawieniach Rocket Lazy Load.

Łącz style i skrypty

JavaScript i CSS są podstawą nowoczesnego projektowania stron internetowych. Ale wielu webmasterów nie wie, jak z nich korzystać i osadzić je bezpośrednio w kodzie strony, a nie w osobnym pliku. Serwer wydaje więcej zasobów na przetwarzanie takich stylów, a kod strony staje się nieczytelny.

Najlepszym rozwiązaniem jest napisanie dobrego kodu. Ale jeśli masz już witrynę internetową z wbudowanym CSS i JavaScript, musisz ją zoptymalizować.

Najlepiej zrobić to ręcznie - musisz przepisać kod motywu WordPress, a także wszystkie strony, które korzystają z wbudowanych elementów. Ale jeśli nie znasz CSS, HTML i JavaScript i nie możesz zatrudnić specjalisty, możesz to zrobić za pomocą specjalnej wtyczki.

Używam Merge + Minify + Refresh do takich celów. Ta wtyczka automatycznie sprawdza wszystkie strony w Twojej witrynie oraz łączy skrypty i style.

Wtyczka ma kilka interesujących ustawień, ale jeśli nie rozumiesz zasad HTTP i ustawień swojego hostingu, lepiej ich nie zmieniać. Wystarczy zainstalować i aktywować wtyczkę, sama zrobi resztę.

Wyłącz hotlinkowanie

Co robisz, gdy znajdziesz śmieszne zdjęcie w Internecie i chcesz je umieścić na swojej stronie? Dobrze byłoby pobrać obraz na swoją stronę, a dopiero potem udostępnić go światu. Coś takiego:

<img src = "image.jpg" height = "1080" width = "1920">

Ale najczęściej wystarczy kliknąć zdjęcie prawym przyciskiem myszy, skopiować jego adres i opublikować zdjęcie z tym adresem na swojej stronie internetowej. Coś takiego:

<img src = "http://somebodyswebsite.com/image.jpg" height = "1080" width = "1920">

Za każdym razem, gdy użytkownicy wchodzą na stronę, zdjęcie jest przesyłane z jego „macierzystego” serwera. I strona, na której faktycznie znajduje się zdjęcie, z tego działa wolniej.

Nazywa się to hotlinkowaniem i jest uważane za naruszenie etykiety kreatora witryn. Aby nikt nie mógł tworzyć bezpośrednich linków do twoich plików multimedialnych, musisz wyłączyć hotlinkowanie. Jeśli chcesz się podzielić, pozwól im rzucić link do strony i zwiększyć liczbę odwiedzających.

Istnieją specjalne usługi hostingu obrazów. Na przykład Imgur . Za ich pomocą możesz tworzyć hotlinki. Dlatego jeśli masz trochę miejsca na hostingu i chcesz udostępnić zdjęcie, prześlij je do Imgur i stamtąd link.

Używam, aby chronić swoją witrynę przed nieetycznym zachowaniem All-in-One WP Security and Firewall . Jest to lekka, ale wielofunkcyjna wtyczka, która chroni przed atakami siłowymi, pomaga zabezpieczyć konta użytkowników, blokuje połączenia ze znanymi już crackerami i chroni przed hotlinkowaniem.

W ustawieniach All-in-One WP Security and Firewall , ochrona przed hotlinkowaniem jest włączona w Firewall> Zapobiegaj hotlinkowaniu :

Ale radzę przejrzeć wszystkie menu tej wtyczki i włączyć ustawienia zalecane przez programistę.

Zoptymalizuj bazę danych

Baza danych to wszystkie informacje o Twojej stronie. Przechowuje zawartość postów, komentarzy, ustawień i wiele więcej. W razie potrzeby można przywrócić witrynę tylko z bazy danych i utracone zostaną tylko pliki multimedialne zapisane bezpośrednio na hoście.

Ale jest problem. Baza danych WordPress z czasem rośnie i zapełnia się śmieciami. Im większa baza danych, tym wolniej działa strona.

Rozwiązuję ten problem za pomocą wtyczki Zaawansowany program do czyszczenia baz danych . Ta wtyczka usuwa:

  1. Stare wersje i wersje robocze postów.
  2. Niezatwierdzone komentarze, komentarze spamowe i komentarze w koszyku.
  3. Nieużywane tagi i metadane - na przykład z usuniętych postów lub komentarzy.

Najbardziej podoba mi się możliwość zaplanowania czyszczenia:

I optymalizacja: I optymalizacja:

Wersja płatna wciąż wie, jak usunąć wartości „śmieci” pozostałe z wtyczek i motywów, które zostały już usunięte. Ale jestem bardzo ostrożny z wtyczkami i nie instaluję niczego, czego nie potrzebuję.

Używaj tylko sprawdzonych tematów.

Silnik motywów WordPress zapewnia webmasterowi wiele funkcji. Dzięki niemu strona może otrzymać dowolny projekt, a następnie opublikować ten projekt w Internecie dla wszystkich. Ale nie wszystko jest tak różowe - motyw nie tylko nadaje stronie atmosferę i kolor, ale także często jest głównym powodem powolnego ładowania.

Przy wyborze motywu witryny mam dwie zasady:

  1. Bój się tych od początkujących. W WordPress nie ma „niezawodnych”. Oznacza to, że nic nie stoi na przeszkodzie, aby autor motywu używał pełnowymiarowych obrazów zamiast elementów CSS, wstawiając skrypty bezpośrednio do kodu motywu i po prostu zapomniał o optymalizacji jego tworzenia. Przed wybraniem tematu nie tylko patrzę na zrzuty ekranu, ale także czytam recenzje. A jeśli inni użytkownicy są niezadowoleni z szybkości tematu, lepiej przejść obok.
  2. Nie podążaj tropem cieście. Każda piękna animacja jest interesująca tylko za pierwszym razem. Wówczas użytkownicy nie dbają o to, jak dokładnie otwiera się Twoje menu - przyszli do witryny po treść, a nie patrzyli na menu.

Jeśli elementy dekoracyjne zbyt mocno spowalniają witrynę - możesz je usunąć, bez względu na to, jak pięknie wyglądają.

Usuń wszystkie niepotrzebne wtyczki

Wtyczki są dodatkami do WordPress. Oznacza to, że na ich pracę wydawane są dodatkowe zasoby. Im więcej wtyczek - tym więcej zasobów do ich pracy.

Dlatego wtyczki są złe. Mimo że sam sugeruję zainstalowanie kilku wtyczek. Tylko pozytywny efekt wtyczek, które polecam, jest wyższy niż negatywny.

A jeśli możesz obejść się bez żadnej wtyczki - nie potrzebujesz jej. Dotyczy to zwłaszcza wtyczek, które dodają animację i inne elementy dekoracyjne do witryny.

Możesz sprawdzić, o ile wtyczka spowalnia ładowanie strony za pomocą Profiler wydajności wtyczki .

Podłącz CDN

CDN to sieć dystrybucji treści, która przyspiesza ładowanie Twojej witryny przez użytkowników z innych krajów.

CDN nie pomoże, jeśli Twoja strona jest wolna. Ale jeśli promujesz swoje zasoby za granicą, CDN jest najlepszym możliwym rozwiązaniem.

Najpopularniejszym CDN jest CloudFlare. Jej recenzję, a także instrukcje dotyczące łączenia się z WordPress, można znaleźć w artykule „ Co to jest Cloudflare i jak przyspiesza ładowanie strony? „.

Wreszcie możesz przyznać się do porażki i po prostu przejść na bardziej wydajny plan hostingowy. Lub bezpośrednio na VPS, jeśli strona jest tak mocno załadowana. Ale zanim zainwestujesz w rozwiązanie, spróbuj najpierw zoptymalizować witrynę. Uwierz mi, wyniki cię zaskoczą.