Jak szybko ładuje się Twoja strona może mieć bezpośredni wpływ na to, czy zamieniasz odwiedzających w nowych klientów i fanów. Kiedy Twoja witryna jest dostarczana do odwiedzających szybko, dasz wszystkim szansę na zaangażowanie się w treści. Plus, szybkość ładowania strony i czas odpowiedzi serwera są znaczącymi czynnikami w tym, jak Google ocenia Twoją witrynę.
Ale jeśli nie zmniejszysz czasu odpowiedzi serwera i zajmie to dwie lub więcej sekund, aby załadować (nawet deskę rozdzielczą), będziesz dostarczać mniej niż optymalne doświadczenie dla odwiedzających i wielu opuści, zanim witryna nawet skończy się ładować. Więc jeśli to zajmuje więcej niż kilka sekund na swojej stronie internetowej, aby załadować na laptopie, telefonie lub tablecie, może masz trochę pracy, aby zminimalizować czas ładowania.
Dobrą wiadomością jest to, że można coś z tym zrobić. Jeśli szukasz poprawy czasu reakcji serwera na swojej stronie internetowej WordPress, trafiłeś we właściwe miejsce.
- Test it Out First
- Too Many WordPress Plugins Installed
- Render-Blocking JavaScript
- Niezbędnie długi CSS lub JavaScript
- Obrazy nie są skompresowane lub zoptymalizowane
- Slow Server Response Time
- Niepotrzebne przekierowania stron i postów
- WordPress jest przestarzały
- Compression Not Utilized
- BONUS: Test Out Your Mobile Site
- So, Why is Your Website Slow?
Test it Out First
⁉️Jeśli nie jesteś pewien, czy masz złe połączenie, powolny internet lub ogólną witrynę z błędami, przetestuj ją! Click To Tweet na jednym z wielu narzędzi dostępnych w Internecie. Jednym z takich narzędzi jest Google’s own Page Speed Insights. Istnieją również inne dobre narzędzia, takie jak GT Metrix i Pingdom.
Po prostu wprowadzając swój własny adres URL do witryny, możesz uzyskać dane na temat 10 zasad, z którymi ocenią Twoją witrynę. Obejmuje to czas odpowiedzi serwera, przekierowania strony, zoptymalizowane obrazy i inne zasady, z którymi tylko ekspert od kodowania lub WordPress byłby zaznajomiony.
Too Many WordPress Plugins Installed
Jedną z najlepszych rzeczy o WordPressie są wtyczki. Pozwalają one na optymalizację i dostosowanie witryny, jak chcesz. Jednak ze wszystkimi darmowymi opcjami, łatwo jest iść trochę plugin-palooza przez zainstalowanie wszystkiego, czy go używać, czy nie. Pamiętaj, że każda z tych wtyczek może dodać dodatkowy czas ładowania, a niektóre mogą nawet podwoić czas ładowania.
Nie jesteś pewien, czy to robią, czy nie? Spróbuj dezaktywować każdą wtyczkę, jedną po drugiej. Następnie ponownie przetestuj szybkość strony. Jeśli znajdziesz obraźliwą wtyczkę lub dwie, spróbuj zastąpić je inną, lżejszą wtyczką lub poszukaj opcji kodowania. Uważaj na wtyczki do buforowania, które obiecują, że zrobią wszystko. Mogą one spowolnić czas reakcji i nadal może nawet nie rozwiązać problem. W wielu przypadkach, co robią mogą być osiągnięte z niektórych coding.
Dobra liczba wtyczek WordPress dla każdej witryny jest 5-10. Jednak istnieje wiele wtyczek, które służą jako rodzaj wszystko-w-jednym. Na przykład Visual Composer to świetny kreator stron. Pochodzi również z opcji formularza kontaktowego, opcje suwaka, i więcej – które eliminują potrzebę innych wtyczek WordPress, które są podobne i mogą spowolnić odpowiedź serwera.
Render-Blocking JavaScript
Jeśli zauważyłeś screengrab naszego własnego testu na stronie internetowej, ten problem pojawił się pierwszy. Występuje on, gdy przeglądarka próbuje renderować stronę i natrafia na skrypt, który musi wykonać, zanim będzie mogła kontynuować ładowanie. Powoduje to dodatkowy czas ładowania i może sprawić, że strona będzie wolna.
W przypadku zewnętrznych skryptów, czas ładowania ma wpływ na pobieranie zasobów. Może to zmusić przeglądarkę do kilkukrotnej próby załadowania. Tego typu skrypty obejmują zewnętrzne widżety, takie jak dla Twittera lub Facebooka, lub coś, co jest osadzone. Najlepszym sposobem na rozwiązanie tego problemu jest kilka wycinków kodu, ale każda strona jest inna.
Niezbędnie długi CSS lub JavaScript
CSS, czyli kaskadowe arkusze stylów, nadają ton witrynie i zawierają instrukcje dla przeglądarki dotyczące kolorów do załadowania, rodzaju i rozmiaru czcionki, kodu tabeli, nagłówka, stopki, menu itp. Te typy plików mogą być dziesiątki stron długości i mają setki linii kodu.
Jednakże wiele z tych plików ma dodatkowe spacje, podziały linii i inne informacje, że witryna nie musi załadować. Biorąc pod uwagę, jak wiele razy te rodzaje dodatkowych bitów może pojawić się w pliku, może to dodać dużo czasu ładowania do witryny.
Wyeliminowanie każdego z tych bitów, można przyspieszyć witrynę. Niektórzy decydują się na ręczne wyeliminowanie każdego bitu, co może być zarówno czasochłonne, jak i niebezpieczne. Wystarczy jedno złe usunięcie i możesz rozbić swoją witrynę. Na szczęście, łatwym wyjściem jest zminifikowanie CSS na twojej stronie.
Obrazy nie są skompresowane lub zoptymalizowane
Czym jest dobra strona bez dobrych obrazów? Jednakże, rozmiar ma znaczenie. Podczas gdy obraz 5000px na 3000px jest świetny do kadrowania, jest okropny dla Twojej strony internetowej. Pamiętaj, że większość ekranów komputerów stacjonarnych ma szerokość 1920px, a ekrany telefonów komórkowych są zazwyczaj nie szersze niż 700px.
Zależnie od tego, jak oczekujesz, że odwiedzający będą mieli dostęp do strony, nie ma potrzeby, aby kiedykolwiek publikować obraz większy niż ten. A jeśli planujesz używać obrazu przez połowę strony, zmień jego rozmiar na połowę przed załadowaniem go. Możesz to zrobić na Macu za pomocą Preview, na Windowsie za pomocą Picture Manager, lub nawet online w Pixlr, Fotor, lub innej podobnej witrynie do edycji zdjęć.
Teraz, gdy Twoje zdjęcie ma odpowiednią szerokość i wysokość, upewnij się, że ma również odpowiedni rozmiar pliku. DPI oznacza „punkty na cal” i jest dobrym sposobem na zmniejszenie rozmiaru obrazu. Podczas gdy DPI na poziomie 300 jest w porządku dla wielu zdjęć przeznaczonych do druku, jest ono zbyt duże dla większości ekranów – zwłaszcza mobilnych. DPI o wartości 72 jest dość standardowe dla publikacji internetowych i może zoptymalizować czas ładowania twoich obrazów.
Wreszcie, istnieje wtyczka o nazwie WP Smush, która może pomóc ci skompresować twoje obrazy, nawet jeśli są już załadowane. Automatycznie kompresuje obrazy, które ładujesz po zainstalowaniu go. Można również użyć go do kompresji obrazów już przesłane przez uderzając „smush go” podpowiedź da ci.
Slow Server Response Time
Oczywiście, jeden powód WordPress jest tak wolno może nie być twoja wina. Twój hosting (Bluehost, Hostgator, iPage, itp.) może być skąpstwo na ile prędkość dają ci, co prawie niemożliwe, aby zmniejszyć czas reakcji serwera WordPress dla Twojej witryny. Dwa najczęstsze rodzaje hostingu są:
- Shared Hosting lub Virtual Hosting – Te rodzaje serwerów są rodzajem własności wspólnoty, w którym gości wiele stron internetowych, w tym twoje. Oznacza to, że w godzinach szczytu, Twoja strona jest konkurowanie z wszystkimi innymi na serwerze, aby dostać się do odwiedzających tak szybko, jak to możliwe. Ten rodzaj hostingu również ułatwia komuś dzielącemu się swoim serwerem, aby zhakować swoją stronę. Istnieje kilka dostawców jakości tutaj jak SiteGround, ale zawsze należy zachować ostrożność podczas hostingu na serwerach współdzielonych.
- Fully Managed WordPress Hosting – Ten typ serwera jest wyłącznie dedykowany do Ciebie i Twojej strony internetowej. Jego moc obliczeniowa i zasoby są dedykowane tylko dla Ciebie, co może uczynić go droższym. Jednak będzie to szybsze i bardziej bezpieczne.
Niepotrzebne przekierowania stron i postów
Czy Twoja witryna jest już od jakiegoś czasu? Być może usunąłeś kilka stron, użyłeś innej platformy niż WordPress lub dokonałeś innych poważnych zmian w ciągu ostatnich kilku lat. Jednak inne strony, które połączyły się z tobą (a nawet wyszukiwarki) mogą mieć swoje stare adresy URL.
Te adresy URL mogą wskazywać na martwą stronę lub czerwoną stronę o nazwie „301 Moved Permanently” lub „302 Found”. Zasadniczo oznacza to, że Twój serwer musi przejść do tych stron, zanim przejdzie do prawdziwego, zadanie, które piles na czas ładowania. Istnieje wiele poprawek do tego typu problemu, w tym ręcznie edytować swoje linki zewnętrzne, usuwając stare strony, dodając lepszy kod przekierowania, a nawet przynosząc te strony z powrotem.
WordPress jest przestarzały
Może to być irytujące, aby WordPress poprosić o aktualizację kilka razy w tygodniu. To często obejmuje wtyczki, motywy, a nawet sam CMS. Chociaż może to być ból i może nawet przynieść w dół strony, gdy niekompatybilne elementy są aktualizowane, to może być warto.
Powolny czas reakcji może być spowodowane przez przestarzałe narzędzia, a proste kliknięcie może rozwiązać problem. Tego typu aktualizacje często przychodzą z ulepszeniami, a wiele z nich uwzględnia szybkość. Jeśli nie jesteś pewien, wykonaj test prędkości przed i po aktualizacji.
Compression Not Utilized
Podobnie jak minifikacja CSS i JavaScript, inne elementy WordPressa mogą być zoptymalizowane przez usunięcie zbędnego kodu, czyli „kompresję”. Może to być również nazywane kompresją gzip lub podobną.
Wszystkie dzisiejsze przeglądarki obsługują ten typ kompresji gzip dla wszystkich żądań HTTP lub HTTPS. ☝️Enabling gzip compression can improve slow response time by up to 90%! Click To Tweet Ta jedna sztuczka może być „pasuje do wszystkich rozmiarów rozwiązanie”, dlaczego WordPress jest tak powolny, więc ważne jest, aby to zrobić i upewnić się, że jest zrobione dobrze. Kompresja Gzip może być wykonana za pomocą wtyczki, kodowania lub innego narzędzia i bardzo ją polecamy.
BONUS: Test Out Your Mobile Site
Jeśli chcesz sprawdzić, czy wszystkie te zmiany pozostawiły Twoją stronę przyjazną dla urządzeń mobilnych, użyj tego darmowego narzędzia. Google Mobile Friendly Test przetestuje, a następnie pokaże Ci, jak Twoja strona wygląda na telefonie komórkowym. Przeprowadziliśmy witrynę WP Buffs przez nią i wyszła pozytywnie na teście. Ci, którzy nie przejdą, otrzymają powody, a także wskazówki, jak naprawić swoje witryny.
So, Why is Your Website Slow?
Mam nadzieję, że to pomoże Ci rozwiązać, dlaczego Twoja witryna jest wolna i poprawić opóźnione czasy reakcji. Jeśli nie jesteś zaznajomiony z kodowaniem, potrzebujesz pomocy w optymalizacji obrazów lub podobnych zadań, lub chcesz, aby jak najwięcej z witryny WordPress, skontaktuj się z nami, aby zobaczyć, jak możemy pomóc. Możesz również zapisać się do naszego bezpłatnego biuletynu, aby uzyskać niesamowite wskazówki dostarczone prosto do Twojej skrzynki pocztowej. A jeśli potrzebujesz trochę więcej pomocy w przyspieszeniu swojej witryny, tutaj jest wszystko, co robimy, aby zoptymalizować wydajność w WP Buffs i kilka wskazówek z WPblog.