Poprawa szybkości ładowania witryny WordPress

1. Co wpływa na szybkość ładowania strony
2. Przykład statystyk awarii
3. Optymalizacja wtyczki kodu strony
4. Włącz buforowanie w witrynie
5. Optymalizacja zdjęć na stronie

Każda witryna jest tworzona z myślą o obecności, nawet strona internetowa, którą zamawiasz u webmasterów lub studiów, jest przeznaczona dla odwiedzających, ale różnica między stroną internetową lub stroną docelową z witryny wielostronicowej polega na tym, że strona wielostronicowa może być promowana przez zapytania, a to jest seria wydarzeń, które wymagają wykonać. Niektóre z nich są wykonywane na etapie projektowania strony, niektóre nieco później, jednym z takich wydarzeń jest optymalizacja szybkości ładowania strony.

Co wpływa na szybkość ładowania strony

Wpływa to przede wszystkim na liczbę awarii, które można zobaczyć w Yandex Metric, a po drugie, wpłynie na wyniki wyszukiwania w czasie, wyszukiwarki nie lubią dawać użytkownikom „hamulców” witryn, które będzie musiał ładować przez długi czas, ponieważ połączenie internetowe lub mobilne jest powolne nie zezwalaj na szybkie ładowanie „ciężkich” stron, dzięki czemu odwiedzający najprawdopodobniej zamknie kartę przeglądarki w witrynie, jeśli załadowanie zajmie dużo czasu i otworzy następną po Twojej, która jest dostępna w wynikach wyszukiwania . Podam przykład wskaźników awarii w Yandex Metric dla tych, którzy nie wiedzą, co to jest.

Przykład statystyk awarii

Natychmiast rozpocznij prawdziwy zrzut ekranu metryki, jednego z projektów, które robię. Nie spać, rzucając we mnie kapciami, nie jestem optymalizatorem sieci Krivoruk, czytaj dalej)))

Ta strona ma zły wskaźnik, duży odsetek awarii. Faktem jest, że kazali mi go przerobić, stara strona była w tej domenie, została zaatakowana, a klient postanowił ją całkowicie przerobić, w wyniku czego użytkownicy przechodzą przez stary adres URL z wyszukiwarek, głównie Google, na które strona podaje błąd 404 (nie ma strona), w wyniku czego użytkownik po prostu je zamyka.

Doświadczeni webmasterzy mogą się zastanawiać, dlaczego nie przekierowali do nowych stron w nowych adresach URL,

Odpowiedź: nie są już istotne. zmienił się asortyment firmy, która zamówiła witrynę;

Idziemy dalej, ponieważ jest zły przykład, oznacza to, że musi być dobry, chciałbym się zrehabilitować, oto jesteś.

Ci, którzy odeszli, po prostu nie są z naszego regionu, zapytania zależne od geo, wszystkie pytania do wyszukiwarki))) Mówią, że te statystyki można zredukować do zera, ale jest to temat na zupełnie inny artykuł, a to nie zdarza się w życiu witryny.

Optymalizacja wtyczki kodu strony

Najpierw musisz zoptymalizować CSS, kody HTML i kody skryptów, w tym celu jest wywoływana specjalna wtyczka, jej ekran jest pokazany poniżej

Ustawienia nie są zbyt skomplikowane, są dla zaawansowanych użytkowników, są dla początkujących, ogólnie, przekonaj się sam

Wszystko jest tu jasne, umieść znaczniki wyboru przed blokami z typami kodów, ale jednocześnie spójrz na coś, co nie zawodzi, galeria może się wyłączyć lub spoilery przestaną się otwierać, ogólnie eksperymentuj z ustawieniami, nie zapomnij wyczyścić pamięci podręcznej, lub tymczasowo wyłącz wtyczkę buforowania, którą omówimy poniżej.

Włącz buforowanie w witrynie

Buforowanie na stronie zarządzanej przez WordPress jest tylko konieczną rzeczą, bez niej, ponieważ strona jest wypełniona treścią i liczba odwiedzających wzrasta online, obciążenie hosta wzrośnie, a oni naprawdę tego nie lubią, więc zasoby na każdym serwerze są ograniczone dla każdej umowy hostingowej, dlatego Strona zacznie zwalniać. Dlaczego tak się dzieje, faktem jest, że po wejściu na stronę serwer za każdym razem będzie musiał wykonać kod php, odczytać style css i wykonać wszystkie skrypty. Co robi wtyczka buforująca? Po prostu zapisuje strony wygenerowane przez serwer z twojego php jako pliki html, które dodaje do swojego folderu, a gdy użytkownik ponownie adresuje stronę, po prostu daje bezpieczną stronę, która nie wymaga skomplikowanych procesów jej generowania przez serwer hosta.

Podobnie jak wielu webmasterów, używam wtyczki do wypróbowania kilku innych. w różnych projektach, ale ten najbardziej mi się podobał. Natychmiast przejdź do ustawień. Używam w nim dwóch przycisków, po zainstalowaniu musisz go włączyć, zaznaczyć pole wyboru 1 i nacisnąć 2 „Aktualizuj”.

W dalszych pracach na stronie będziesz potrzebował przycisku (3), „Usuń całą pamięć podręczną”, jeśli zmieniłeś coś w witrynie, kolor bloku, czcionkę, jakiś inny element projektu, pamiętaj, aby usunąć tę pamięć odważnie, faktem jest, że nie możesz zobacz zmiany, ponieważ serwer da ci stronę z pamięci podręcznej. Po kliknięciu „Usuń pamięć podręczną”. zrobię to

Usuń całą pamięć podręczną, a następnie odśwież stronę.

Istnieje również pamięć podręczna przeglądarki, która jest tworzona przez samą przeglądarkę i jest przechowywana w jej folderze. odbywa się to również dla prędkości pobierania, czasami też trzeba je usunąć, aby to zrobić, po odświeżeniu strony, zamiast F5, naciśnij Ctrl + F5

Optymalizacja zdjęć na stronie

Teraz zajmiemy się treściami multimedialnymi (zdjęciami, zdjęciami) naszej strony, w nowoczesnym budynku bez zdjęć i zdjęć, więc zoptymalizujemy obrazy, ale tutaj proponuję zrobić to bez wtyczki. Wykluczam treści wideo w tej kwestii, warto przechowywać je na stronach hostingu wideo, takich jak youtube.com, gdzie sami zajmują się optymalizacją bez naszego udziału.

Dlaczego bez wtyczki? Mamy optymalizację witryny, a zainstalowanie stosu wtyczek nie pomaga nam w tej kwestii, dlatego sugeruję użycie do tego wstępnie zoptymalizowanych obrazów, tj. w rzeczywistym rozmiarze, nie większym niż rozdzielczość ekranu, używam do tego programu zrzutów ekranu, wyświetla mniej lub bardziej zoptymalizowane obrazy, ale aby osiągnąć maksymalny efekt, możesz skorzystać z usługi online, aby zoptymalizować pliki jpg i png, po prostu kliknij na górze obrazu, i wybierz to, co chcemy zoptymalizować.

Po prawej stronie w żółtej ramce widać procent kompresji obrazu, bez utraty jakości, ta usługa stale ulepsza algorytmy kompresji obrazu, więc powinieneś go używać.

Dla WordPressa jest wtyczka z tej usługi, jeśli masz tak wiele obrazów na swojej stronie, to prawdopodobnie powinieneś ją zainstalować, aby ją zainstalować, wpisz TinyPNG w wyszukiwarce repozytoriów WordPress i zainstaluj wtyczkę zgodnie ze standardową procedurą, po której będzie trzeba ją aktywować potwierdzając swój e-mail.