Przyspieszenie i optymalizacja WordPress

  1. Dlaczego ważna jest szybkość ładowania witryny? W latach 2000–2016 firma Loadstorm przeprowadziła...
  2. I. Dlaczego strona ładuje się powoli
  3. 1. Technologia, na której działa strona
  4. 2. CMS. System zarządzania treścią
  5. 3. Motywy i wtyczki
  6. 4. Serwer i hosting
  7. Który hosting wybrać?
  8. Opcje serwera
  9. Komputer gościa
  10. Ii. Jak zwiększyć szybkość witryny
  11. 2. Zaktualizuj WordPressa
  12. 3. Zmniejsz liczbę zapytań do bazy danych
  13. 4. Usuń niepotrzebne lub zablokuj wtyczki.
  14. 5. Usuń wszystkie niepotrzebne iskierki.
  15. 6. Użyj CDN
  16. 7. Włącz buforowanie
  17. 8. Zoptymalizuj bazę danych
  18. 9. Zoptymalizuj zdjęcia
  19. 10. Włącz kompresję GZIP
  20. 11. Wyłącz linki hotlink ze swojej strony.
  21. 12. Modyfikuj pliki
  22. 13. Przenieś skrypty do stopki
  23. 14. Ogranicz liczbę poprawek.
  24. 15. Optymalizacja technicznego SEO
  25. 16. Podążaj za stroną
  26. Wniosek: Prędkość witryny nie jest najważniejsza.

Dlaczego ważna jest szybkość ładowania witryny?

W latach 2000–2016 firma Loadstorm przeprowadziła różne badania, których wyniki podsumowano w ten plansza. Każda dodatkowa sekunda spędzona na ładowaniu strony powoduje 7% utratę konwersji, strona będzie wyświetlana o 11% mniej stron, w końcu użytkownik witryny będzie zadowolony o 16% mniej.

25% odwiedzających opuści witrynę, jeśli jest ładowana przez ponad 4 sekundy. 74% odwiedzających witrynę mobilną zamknie stronę, jeśli ładuje się przez ponad 5 sekund. 46% odwiedzających nie wróci do wolnej strony.

Prędkość Internetu w różnych miejscach jest inna, zależy to od fizycznej odległości między gościem a serwerem oraz szybkości połączenia. Nawet jeśli korzystasz z CDN i zoptymalizujesz wszystko, co jest możliwe, w niektórych miejscach witryna może otwierać się przez długi czas. Na przykład, jeśli witryna znajduje się na serwerze w Moskwie lub St. Petersburgu, strona odwiedzającego z Moskwy załaduje się w ciągu 2 sekund, w Europie w 2,5 sekundy, w Azji strona może się załadować w 4 sekundy.

Przejrzyj ten przewodnik, być może przyspieszy to twoją witrynę o 0,2 sekundy w Rosji i o 1 sekundę w przypadku wolniejszych obszarów, w których mogą znajdować się twoi odbiorcy. Zwiększy to skuteczność witryny.

Przyspieszenie witryny prowadzi również do wzrostu wyników wyszukiwania, czyli większej prędkości - wyższej pozycji w wynikach wyszukiwania.

Szybkie strony internetowe zazwyczaj poświęcają mniej czasu procesora, mniejszy dostęp do bazy danych i mniejsze pliki multimedialne.

W pierwszej części dowiesz się, czym jest optymalizacja i z jakich elementów się składa. W drugiej części - gdzie i jakie zmiany można wprowadzić, aby przyspieszyć witrynę.

Zawartość:

  1. Technologia, na której działa strona
  2. CMS. System zarządzania treścią
  3. Motywy i wtyczki
  4. Serwer i hosting
  1. Zaktualizuj PHP
  2. Zaktualizuj WordPressa
  3. Zmniejsz liczbę zapytań do bazy danych
  4. Usuń niepotrzebne lub zablokuj wtyczki
  5. Usuń cały niepotrzebny połysk
  6. Użyj CDN
  7. Włącz buforowanie
  8. Zoptymalizuj bazę danych
  9. Optymalizuj obrazy
  10. Włącz kompresję gzip
  11. Wyłącz linki hotlink z Twojej witryny
  12. Minify pliki
  13. Przenieś skrypty do stopki
  14. Ogranicz liczbę poprawek
  15. Optymalizacja techniczna SEO
  16. Obserwuj stronę

I. Dlaczego strona ładuje się powoli

3 powody, dla których witryna działa powoli:

  1. Witryna jest na tanim (powolnym) hostingu,
  2. Strona jest powolna z powodu złego kodu
  3. Duże zdjęcia na stronie.

1. Technologia, na której działa strona

W zależności od technologii i języka, w którym strona jest napisana, kod na serwerze będzie przetwarzany szybciej lub wolniej. Strony statyczne napisane w języku HTML działają bardzo szybko, ale teraz większość witryn jest dynamiczna, to znaczy używa kodu do automatycznego zapisywania innego kodu po stronie serwera. Dynamiczne witryny działają wolniej, ponieważ potrzebują czasu na wygenerowanie kodu.

Obecnie najpopularniejszą technologią jest PHP.

2. CMS. System zarządzania treścią

Każdy CMS działa zasadniczo wolniej niż poprawnie napisana statyczna strona HTML. Są wtyczki buforujące które niemal całkowicie redukują tę różnicę, ale okresowo opróżniają lub aktualizują pamięć podręczną, autoryzowani użytkownicy zazwyczaj uzyskują niezabezpieczoną wersję witryny, a zarządzanie buforowaną zawartością zajmuje więcej zasobów serwera.

W rezultacie różnica jest niewielka, ale dobrze napisany CMS daje dużą przewagę nad stroną html pod względem wygody zarządzania treścią strony. WordPress jest bardzo dobrze napisany.

Powodem, dla którego CMS jest wolniejszy niż strony html, jest technologia tworzenia ostatecznej strony html: użytkownik żąda strony, CMS kontaktuje się z serwerem, serwer przetwarza żądanie, generuje kod HTML i wysyła go do użytkownika. CMS składa się z kilkudziesięciu żądań do serwera, co zwiększa czas potrzebny na wygenerowanie końcowej strony html.

Większość CMS ma mechanizmy optymalizacji tych żądań, więc CMS skutecznie konkuruje ze statycznymi stronami html.

3. Motywy i wtyczki

Motywy i wtyczki nie są pisane przez tych samych programistów, którzy piszą WordPress. Oznacza to, że jeśli twórcy motywów i wtyczek nie podążają za aktualizacjami wdrażanymi przez programistów WordPress, mogą występować błędy w tych motywach i wtyczkach, które spowolnią działanie witryny.

Na przykład po aktualizacji nie wykonano żadnego żądania do wykonania operacji, ale kilka. W tym przypadku podejście to przyspiesza wykonanie całej operacji.

WordPress ma wiele różnych wtyczek do dodawania nowych funkcji. Korzystaj z tych, które są regularnie aktualizowane, mają pozytywne recenzje i są zainstalowane 1000 lub więcej 10 000 razy. Idealnie, wtyczki na stronie powinny być jak najmniejsze. Na przykład wyszukiwarki są jednym z witryn rankingowych czynników - stosunek ilości kodu do treści. Dobry stosunek wynosi około 30/70.

4. Serwer i hosting

Serwer w znacznym stopniu przyczynia się do przyspieszenia lub spowolnienia działania witryny, zwłaszcza przy obciążeniach szczytowych.

Serwer jest komputerem fizycznym, ma procesor, pamięć RAM, dysk twardy i inne komponenty, które określają jego wydajność.

Hosting to zestaw ustawień dla tego serwera. Czas procesora, automatyczna kopia zapasowa i tak dalej.

Dla uproszczenia najważniejszym parametrem hostingu jest rodzaj hostingu: hosting wirtualny, hosting VPS lub serwer dedykowany.

  • Wirtualny hosting może mieć od kilku do kilkudziesięciu witryn, co oznacza, że ​​wszyscy używają tego samego dysku co Twoja witryna, tej samej pamięci RAM, tego samego procesora, tego samego kanału internetowego. Jednocześnie zasoby są nierównomiernie rozmieszczone, tzn. Jeśli witryna zaczęła zwalniać i zaczęła wykorzystywać 80% zasobów serwera, wszystkie inne witryny miałyby tylko 20% zasobów serwera.
  • VPS (Virtual Private Server) , Virtual Private Server jest również wirtualnym hostem, ale w nim zasoby serwera są rozłożone równomiernie na strony na tym serwerze. Jeśli na tym hostingu jest 5 witryn, każdy z nich otrzyma 20% zasobów serwera. Jeśli jedna z tych witryn zaczęła się nie udawać i potrzebuje więcej niż 20% zasobów, nie otrzyma ich, ponieważ zasoby są ściśle dystrybuowane między witrynami.
  • Na serwerze dedykowanym jedna witryna (lub jedno konto) jest jedynym konsumentem wszystkich zasobów serwera.

Który hosting wybrać?

Nie korzystaj z wirtualnego hostingu ani nie korzystaj z czegoś, co nie jest dla Ciebie zbyt ważne, na przykład osobistego bloga lub witryny technicznej, ponieważ witryny na tym serwerze mogą Cię zawieść.

Nie bierz serwera dedykowanego . Jeśli nie wiesz, czy potrzebujesz serwera dedykowanego, nie potrzebujesz go. Jest to hosting dla tych, którzy są dobrze zorientowani w technologiach serwerowych lub witrynach o dużym ruchu.

Pozostały 2 opcje:

Hosting VPS to dobry wybór między tymi dwoma. Są droższe i tańsze. Jeśli masz niską frekwencję, wybierz tańszy hosting VPS, jeśli masz wysoką frekwencję - wybierz droższe. Różnica w cenie zależy od zasobów serwera, - wyższej częstotliwości procesora, liczby rdzeni i tak dalej.

Na niektórych serwerach możesz płacić dodatkowo za zasoby, czyli jeśli potrzebujesz więcej zasobów ze względu na zwiększoną frekwencję, możesz zakupić dodatkowe zasoby serwera bez zmiany taryfy. Na przykład Bieganie .

Inną opcją jest hosting WordPress. To społeczność miłośników WordPressa z własną atmosferą. Istnieje bezpłatna stawka, w której można uzyskać subdomenę, taką jak my-domain.wordpress.com , na której można zainstalować tylko darmowe motywy z proponowanych i innych ograniczeń. Poniższe stawki wynoszą 4 $ miesięcznie, następnie 8 $ miesięcznie i tak dalej, bułki ciągle się powiększają. Na tym serwerze hostingowym skonfigurowanym w Wordpressie nie można zainstalować niczego innego z wyjątkiem Wordpress, a samo Wordpress jest trochę dziwne.

Opcje serwera

Serwery mogą mieć inną ilość zasobów: mogą być szybsze procesory, szybsza pamięć RAM i tak dalej. Im więcej zasobów, tym szybciej twoja strona.

Jeśli masz małą witrynę z frekwencją do kilku tysięcy miesięcznie, nie zauważysz różnicy między 1 GB a 8 GB pamięci RAM.

Innym ważnym parametrem serwera jest oddalenie od gościa - im dalej od serwera (lub z szybkiego Internetu), tym wolniejsza strona. W rozwiniętych lokalizacjach dane przemieszczają się z prędkością światła wzdłuż kanałów światłowodowych, ale zbliżając się do użytkownika końcowego, Internet zwalnia do prędkości lokalnego dostawcy. Na szybkość wpływają również routery, zapory ogniowe i inne urządzenia, które przechodzą przez stronę w drodze do odwiedzającego.

Gdy strona się ładuje, tworzy wiele zapytań - arkusze stylów, obrazy, javascript i inne. Im mniej wniosków, tym szybciej strona.

Komputer gościa

Zależy to również od komputera użytkownika, jak szybko strona ładuje się na niego. Starsze komputery są wolniejsze, choć teraz nie ma to większego znaczenia, ponieważ zasadniczo obliczenia są wykonywane po stronie serwera, ale wraz z rozwojem nowych technologii strony zaczynają korzystać z większej liczby obliczeń po stronie klienta.

Na przykład szybsza i płynniejsza animacja, ale oznacza to również, że witryny na wolniejszych komputerach będą działać wolniej.

Szybkość witryny zależy od zastosowanej technologii, na której strona jest napisana, na CMS, na serwerze i hostingu oraz na urządzeniu użytkownika.

Ii. Jak zwiększyć szybkość witryny

1. Zaktualizuj PHP

Aktualizuj wersję php od czasu do czasu. Droższe hosty internetowe monitorują aktualizacje oprogramowania, ale niektóre tanie hosty internetowe mogą nie aktualizować oprogramowania przez długi czas lub aktualizować, gdy o nie pytasz.

Wersje PHP różnią się znacznie czasem przetwarzania kodu, zwłaszcza PHP 7.

Źródło: http://lornajane.net/posts/2015/php-7-benchmarks

Jak zaktualizować wersję PHP zależy od twojego hostingu. Przejdź do hostingu, spróbuj znaleźć coś podobnego do konfiguracji PHP lub może być w sekcji Witryny. Jest to zazwyczaj lista rozwijana lub pole wyboru obok żądanej wersji.

Sprawdź, czy Twoja wersja PHP nie jest niższa niż 5.6, WordPress zaleca korzystanie z wersji 7.2.

Zanim zdecydujesz się uaktualnić swoją wersję PHP, porozmawiaj ze wsparciem technicznym, być może będziesz musiał wrócić do poprzedniej wersji, upewnij się, że możesz to zrobić.

2. Zaktualizuj WordPressa

Pierwszym wymogiem bezpieczeństwa witryny jest regularne aktualizowanie motywów i wtyczek WordPress. Chociaż aktualizacja Wordpress nie przyspiesza witryny w zauważalny sposób, ale w aktualizacjach
programiści często optymalizują kod, witryna staje się bardziej wydajna, żądania są przetwarzane szybciej, w wyniku czego zwiększa się szybkość.

Ponadto programiści publikują aktualizacje w celu usunięcia luk, które zwiększają się bezpieczeństwo witryny .

Aktualizuj motywy i wtyczki WordPress.

3. Zmniejsz liczbę zapytań do bazy danych

Możesz dowiedzieć się, ile żądań strona wysyła do serwera w przeglądarce w narzędziach programisty lub w usługach takich jak Pingdom .

Po dodaniu zdjęcia do strony dodawane jest nowe żądanie baza danych . Jedno zapytanie o jedno zdjęcie.

Jeśli masz kilka zdjęć na stronie, a niektóre z nich są używane na stronach archiwum, ta strona może utworzyć 60-70 żądań.

Spróbuj zmniejszyć liczbę postów na stronie w Ustawieniach - Czytanie lub spróbuj opublikować mniej zdjęć.

Zmniejsz liczbę wtyczek w witrynie, co zwiększy szybkość witryny dla odwiedzających. Wiele wtyczek dodaje swoje style, skrypty itp. Wyłącz jedną wtyczkę, zmniejszy to liczbę zapytań do bazy danych o 1-2. Lub 3-4, jeśli wtyczka nie jest dobrze napisana.

Zmiana tematu może zmniejszyć liczbę żądań, ale w wielu przypadkach różnica nie będzie bardzo zauważalna. Duże motywy Premium zawierające wiele funkcji często ładują dużą liczbę nieużywanych skryptów i stylów.

Być może prostszy temat doda ci szybkości.

Leniwe ładowanie to potężne narzędzie, które może przyspieszyć Twoją witrynę. Leniwe ładowanie nie zmniejsza liczby żądań, ale odkłada ładowanie obrazów, dopóki nie pojawią się w oknie przeglądarki, w którym to czasie główna część strony ma czas na załadowanie.

Gdy pozbędziesz się wszystkich zbędnych i zmniejszysz liczbę żądań, żądania mogą być łączone. Oznacza to, że zamiast pobierać 10 plików po 20 kb każdy, możesz pobrać jeden plik 200 kb, który zostanie pobrany znacznie szybciej.

Używam kombajnu W3TC , ale istnieją specjalne wtyczki tylko do łączenia plików: Minquueue , Scal + Minify + Odśwież i Zależność + Minifikacja . Dobrze łączą pliki, ale w dużym stopniu zależą od ustawień serwera i witryny. W niektórych przypadkach jedna wtyczka działa lepiej, w drugiej - druga. Spróbuj jeden po drugim, zobacz, gdzie wynik będzie lepszy w twoim przypadku.

4. Usuń niepotrzebne lub zablokuj wtyczki.

Duża liczba wtyczek zwiększa liczbę żądań, ale niektóre wtyczki mogą powodować inne problemy, takie jak problemy z bezpieczeństwem lub nadmierne zużycie pamięci. Jest dobra wtyczka P3 (Plugin Performance Profiler) który pomoże znaleźć problematyczne wtyczki.

Możesz także wyłączyć te wtyczki, z których rzadko korzystasz, na przykład Regenerator miniatur , Zduplikowany post lub p3. Są to bardzo przydatne wtyczki, ale jeśli używasz ich rzadko, możesz je wyłączyć, aby nie tworzyły niepotrzebnych żądań.

Regularnie aktualizuj wtyczki.

5. Usuń wszystkie niepotrzebne iskierki.

Różne dekoracje, elementy projektu, głównie napisane w js, mogą wyglądać dobrze, ale nie mają żadnych specjalnych korzyści, na przykład:

Niespokojne przedmioty . Załóżmy, że masz jakieś menu składane z dobrą animacją, gdy przesuwasz je myszą. Kiedy odwiedzający zobaczy to menu po raz pierwszy, lubi je, ale po raz trzeci będzie go denerwować, nie będzie chciał czekać przez chwilę, aż menu się otworzy.

Usuń te niepotrzebne dekoracje, to zwiększy szybkość witryny. Będzie mniej animowanych elementów, mniej Java, mniej stylów, to przyspieszy witrynę.

Drugi przykład dotyczy konwersji biżuterii na sprzedaż. Dobrym przykładem jest suwak. Prawie każde badanie motywu suwaka prowadzi do tego samego wniosku: w 4 z 5 przypadków suwak lepiej nie używać. Zajmuje dużo miejsca, obniża SEO, spowalnia witrynę.

Znaczenie strony nie jest atrakcyjne. Wygląda atrakcyjnie to narzędzie, które służy do osiągnięcia głównego celu - zarabiania. Być może usuniesz suwak i uzyskasz większą sprzedaż.

Zamiast suwaka możesz napisać tekst za pomocą linku lub ze zdjęciem.

6. Użyj CDN

CDN to magia witryny, która sprawia, że ​​strona jest znacznie łatwiejsza i szybsza. CDN robi dwie fajne rzeczy: pozwala na przechowywanie zdjęć nie na swoim serwerze , a także skraca czas ładowania zdjęć na stronie.

Gdy obrazy są na CDN, uwalnia to zawartość z plików multimedialnych. Możesz zmienić domenę lub przejść do innego hostingu, ale pliki multimedialne są zawsze przechowywane w jednym miejscu. Baza danych i temat witryny zajmują średnio 40-50 MB, ale obrazy mogą zajmować do kilku GB na dużej stronie. Jeśli są na CDN, to przeniesienie 40-50 MB to mały problem.

Istotą CDN (Content Delivery Network - Content Delivery Network) jest służenie użytkownikowi treściami z geograficznie bliższego serwera. Na przykład ta strona znajduje się w Petersburgu, ale jeśli gość jest w Pradze, otrzyma treść z najbliższego serwera CDN, który znajduje się w Pradze. Innym gościem może być, na przykład, w Moskwie, otrzyma tę samą treść z serwera w Moskwie.

Skróci to czas dostarczania obrazów, zmniejszy liczbę węzłów, przez które przechodzi zawartość, i ostatecznie przyspiesza ładowanie strony.

7. Włącz buforowanie

Buforowanie jest najskuteczniejszym sposobem na przyspieszenie witryny. Przykład buforowania: wiesz, ile wynosi 5x5. Po dodaniu 5 razy do 5, jesteś przekonany, że odpowiedź wynosi 25, ponieważ wtedy wiesz, że odpowiedź wynosi 25 i nie sprawdzasz jej za każdym razem. Buforowanie witryn internetowych działa na tej samej zasadzie:

Pierwszy odwiedzający zwraca się do witryny z prośbą o pobranie strony, CMS wysyła to żądanie do serwera, który żąda od bazy danych i plików php dostarczenia niezbędnych informacji, generuje stronę html i wysyła ją do odwiedzającego.

Następny gość na tej stronie otrzyma gotową buforowaną stronę html, która została zapisana przez wtyczkę pamięci podręcznej po pierwszym żądaniu lub zgodnie z harmonogramem wtyczki.

Proste, ale potężne wtyczki buforujące: WP Super Cache i Koliber .

Ta strona jest zasilana przez W3 Total Cache , jest to duży kombajn, który ma wszystkie narzędzia do buforowania, minimalizacji i optymalizacji.

8. Zoptymalizuj bazę danych

Z czasem baza danych Strona stanie się duża, jest nieunikniona. Rozmiar bazy danych składa się z dwóch komponentów: nieużywanych danych i danych usługi bazy danych.

Niewykorzystane dane pojawiają się z różnych miejsc, na przykład usunięte wtyczki i motywy mogą pozostawić swoje ustawienia, usunięte posty mogą zostawiać swoje metadane, usuwać komentarze, łącza między usuniętymi stronami i tak dalej.

Z biegiem czasu bazy danych, jeśli nie masz rekordów, które nie są powiązane z niczym. Jest to szczególnie widoczne w przypadku dużych witryn lub witryn o dużym natężeniu ruchu.

W przypadku danych serwisowych można użyć wbudowanego narzędzia MySQL, które może analizować, optymalizować i przywracać bazę danych.

Aby wyczyścić i zoptymalizować bazę danych, dostępne są wtyczki. WP Sweep (za darmo) czyści bazę danych nieużywanych i danych usługi oraz optymalizuje bazę danych. Zaletą tej wtyczki jest to, że do optymalizacji wykorzystuje standardowe funkcje WordPressa. Minusem jest brak harmonogramu automatycznej obsługi.

WP Optymalizuj (za darmo) - robi to samo, ale ma automatyczny harmonogram. Aby zoptymalizować bazę danych, używa bezpośrednich zapytań do bazy danych, które mogą pozostawić trochę śmieci. Przynajmniej ustawienia, odpowiednie dla początkujących.

Zaawansowany program do czyszczenia baz danych (za darmo) jest podobny do poprzedniego, ale jest fajne narzędzie do ręcznej edycji bazy danych, edycji harmonogramu cron i edycji tabeli opcji bazy danych. Plus fakt, że jest wszystko, co jest potrzebne, pewną wadą jest to, że do optymalizacji wykorzystywane są bezpośrednie zapytania do bazy danych. Odpowiedni dla zaawansowanych użytkowników.

Wtyczki te, podobnie jak inne podobne, wciąż pozostawiają za sobą śmieci, które można czyścić tylko ręcznie. Aby wyczyścić ręcznie, musisz wiedzieć, co odpowiada każdemu rekordowi w bazie danych.

Zaawansowany program do czyszczenia baz danych Pro (płatne) pokazuje, co odpowiada każdemu wpisowi w bazie danych.

9. Zoptymalizuj zdjęcia

Badania pokazują, że strony, na których znajdują się zdjęcia, użytkownicy lubią 80% więcej niż strony bez zdjęć. Ale zdjęcia muszą być zoptymalizowane, to znaczy, aby zmniejszyć ich rozmiar w pikselach i kilobajtach. Obrazy niezoptymalizowane - jedna z głównych przyczyn niskiej prędkości witryny.

Na przykład, jeśli chcesz wstawić obraz, który zajmie 1/3 ekranu, nadaj mu odpowiedni rozmiar, na przykład 400x250 pikseli. Aktualne wymagania Google i innych usług o takim rozmiarze wynoszą około 20-30 Kb.

W programie Photoshop lub Illustrator można zapisać obraz za pomocą funkcji „Zapisz dla Internetu” w pliku jpeg lub png . Są to dwa najpopularniejsze formaty obrazu.

JPEG to format, który wykorzystuje stratną kompresję i nie obsługuje przezroczystości. Zdjęcia tego formatu są dobrze skompresowane bez znacznej utraty jakości obrazu.

PNG - kompresja bezstratna i zachowuje przejrzystość.

  • Jeśli potrzebujesz dobrego kolorowego obrazu (zdjęcia), użyj jpeg .

    Możesz zmniejszyć jakość obrazu do 20-50, niższą jakość dla tła lub cieniowanych obrazów, wyższą jakość dla zdjęć w zasięgu wzroku.

  • Jeśli potrzebujesz prostego obrazu, ikony, wykresu, przezroczystości, użyj png .

    W celu optymalizacji można zmienić liczbę kolorów na obrazie. W przypadku bardziej złożonych kolorów, użyj 128-256 kolorów, aby uzyskać prostsze zdjęcia z kilkoma kolorami, możesz zredukować do 32-64 kolorów.

Możesz w pełni zoptymalizować zdjęcia w Photoshopie lub Illustratorze lub zoptymalizować je na stronie za pomocą różnych wtyczek.

Na przykład WP Smush (za darmo) Tinny png (za darmo) EWWW Image Optimizer (za darmo). WP Smush optymalizuje obrazy bezpośrednio na stronie, ale optymalizuje połowę, druga połowa jest płatna, musisz kupić wtyczkę Pro. Tiny PNG optymalizuje obrazy na swoim serwerze, w bezpłatnej wersji do 500 obrazów miesięcznie.

Dobre recenzje z wtyczki Szaleństwo i Wyobraź sobie . Możesz także wypróbować usługi online. Optimizilla i Zdjęcia zbiorcze .

10. Włącz kompresję GZIP

GZIP to skuteczny sposób na przyspieszenie witryny, co zmniejsza rozmiar strony do 70%. Możesz włączyć tę funkcję na serwerze, pisząc do .htaccess , ale wiele wtyczek pamięci podręcznej ma tę funkcję. Możesz sprawdzić, czy GZIP jest włączony na checkgzipcompression.com.

Zasada GZIP polega na tym, że HTML i CSS używają wielu powielonych fragmentów. Im więcej powtarzających się fragmentów, tym silniejsza strona może zostać skompresowana. Na przykład, jeśli „WordPress Optimization” zostanie napisany 20 razy na stronie, to ten wpis można zastąpić „20OV” lub czymś podobnym. Im większe i dłuższe powtarzające się wzory, tym więcej miejsca można zwolnić.

11. Wyłącz linki hotlink ze swojej strony.

Nie przyspiesza to bezpośrednio Twojej witryny, ale zmniejsza obciążenie serwera. Pozwoli to zwolnić więcej zasobów serwera do obsługi witryny.

Gdy zdjęcia z innej strony, na której są publikowane, są przechowywane na twoim serwerze, jest to tzw. Hotlink. Oznacza to, że inna witryna korzysta z zasobów serwera, a nie własnych.

Możesz go wyłączyć w pliku .htaccess :

RewriteEngine on
RewriteCond% {HTTP_REFERER}! ^ $
RewriteCond% {HTTP_REFERER}! ^ Http: // (www.)? My-site.ru /.*$ [NC]
RewriteRule (Gif | jpg | js | css) $ - [F]

Zmień my-site.ru na swój adres.

Jeśli chcesz przekierować te linki do innego obrazu, możesz użyć tego kodu:

RewriteEngine on
RewriteCond% {HTTP_REFERER}! ^ $
RewriteCond% {HTTP_REFERER}! ^ Http: // (www.)? My-site.ru /.*$ [NC]
RewriteRule (Gif | jpg) $ http://www.my-site.ru/AngryMan.gif [R, L]

Zmień my-site.ru i AngryMan na swój adres.

12. Modyfikuj pliki

Po dokonaniu wszystkich niezbędnych zmian kod można zminimalizować, aby zmniejszyć rozmiar plików. Przeglądarka nie potrzebuje komentarzy w kodzie, spacji, podziałach linii i innych rzeczach, których potrzebuje programista witryny. Przeglądarka może zrobić z kodem napisanym w jednym wierszu bez spacji.

Odbywa się to przez wiele wtyczek buforujących, na przykład W3TC.

13. Przenieś skrypty do stopki

Jeśli możesz przenieść jakiś skrypt do stopki, prześlij go ostrożnie. Biblioteka jQuery jest wywoływana w sekcji <head>. Jeśli przeniesiesz połączenie jQuery do piwnicy, skrypty, które są sztywno umocowane w nagłówku i nie mogą być przeniesione do stopki, wypadną z błędem, ponieważ jQuery załaduje się tylko do stopki.

Zwiększy to widoczną prędkość witryny. Nie zmniejsza to liczby żądań ani rozmiaru plików, ale istotą tej akcji jest załadowanie głównej zawartości witryny przed treścią dodatkową, którą reprezentują te skrypty. Jeśli jakiś skrypt jest wyłączony, główna część witryny będzie nadal ładowana.

Można to zrobić za pomocą wtyczek. W3TC , Koliber , Clearfy i inni.

14. Ogranicz liczbę poprawek.

Audyty końcowe zajmują miejsce w bazie danych. Niektórzy eksperci uważają, że liczba wersji może wpłynąć na niektóre zapytania do baz danych, które tworzą niektóre wtyczki.

Możesz ograniczyć liczbę poprawek po wprowadzeniu tego kodu do pliku wp-config.php :

/ * Limit Post Revisions * /
define ('WP_POST_REVISIONS', 4);

Zastąp 4 żądaną ilością. Lub false, aby go wyłączyć.

Można to również zrobić za pomocą wtyczki w następnym rozdziale.

15. Optymalizacja technicznego SEO

Kiedy publikujesz artykuł na stronie, ma on jakiś adres. Ale ten artykuł będzie miał swój duplikat w Dats, w Autorzy, w Tagi i tak dalej. W rezultacie wszystkie z nich będą przeszukiwane i będą indeksowane jako różne strony, tzn. Waga jednej strony zostanie rozłożona na kilka identycznych stron, duplikatów i będą konkurować ze sobą o wyższą pozycję w wynikach wyszukiwania.

Używam wtyczki Clearfy , usuwa pięć typów duplikatów stron, usuwa strony techniczne, usuwa emotikony, usuwa wersję WP, skrypty i style oraz inne informacje. Usuwa możliwość znalezienia loginu administratora, ogranicza liczbę wersji postów, usuwa zewnętrzne linki w komentarzach, tworzy plik robots.txt, tłumaczy nagłówki, przekierowuje do https itd., Obecnie istnieje ponad 40 funkcji.

16. Podążaj za stroną

Sprawdzaj swoją witrynę od czasu do czasu.

Korzystam z tych usług:

Google PageSpeed ​​Insights - https://developers.google.com/speed/pagespeed/insights/
Test prędkości strony internetowej Pingdom - https://tools.pingdom.com/
GTmetrix - https://gtmetrix.com/

Wniosek: Prędkość witryny nie jest najważniejsza.

Chociaż prędkość strony jest bardzo ważna, ale nie jest to najważniejsza rzecz. Możesz wyłączyć wszystkie zdjęcia i ledwo używać stylów lub js i osiągnąć prędkość pobierania 350ms. Ale czy pomoże ci to osiągnąć cel, który realizujesz, czy też po prostu wygrasz w bezsensownym wyścigu o prędkość?

Jeśli cel jest sukcesem komercyjnym, musisz dołożyć wszelkich starań, aby osiągnąć ten cel, a szybkość witryny jest jednym z narzędzi do osiągnięcia tego celu.

Spraw, by strona była całkiem atrakcyjna, z przejrzystym interfejsem i dobrą treścią, to wystarczy.
Weź Google PageSpeed ​​i sprawdź strony takie jak Amazon lub eBay. Przekonasz się, że ich wydajność jest daleka od ideału, ale robią dobrą robotę dla swoich właścicieli, prawda?
Pracowałem dla jednej firmy, ich strona internetowa prawie nie zdobyła 50 punktów w teście Google, ale zawsze byłem na pierwszej stronie wyników wyszukiwania Yandex ze względu na reklamy i treści.

Jeśli spędzasz 2 dni na przenoszeniu skryptu z nagłówka witryny na stopkę i wygrywasz 2 punkty od Google, czy warto?

***

Mam nadzieję, że ten przewodnik był dla Ciebie przydatny, a Ty wdrożyłeś coś na swojej stronie.

Jeśli masz pytania lub pomysły - napisz w komentarzach.

Dlaczego ważna jest szybkość ładowania witryny?
Dlaczego ważna jest szybkość ładowania witryny?
Który hosting wybrać?
Http: // (www.)?
Http: // (www.)?
Ale czy pomoże ci to osiągnąć cel, który realizujesz, czy też po prostu wygrasz w bezsensownym wyścigu o prędkość?
Przekonasz się, że ich wydajność jest daleka od ideału, ale robią dobrą robotę dla swoich właścicieli, prawda?
Jeśli spędzasz 2 dni na przenoszeniu skryptu z nagłówka witryny na stopkę i wygrywasz 2 punkty od Google, czy warto?