Roczne swędzenie Twojego bloga (i co robić)

Kiedy naprawdę wkręcisz się w blogowanie, jest wiele do przemyślenia. Prowadzenie strony internetowej wymaga Twojej uwagi na wielu poziomach – treści, marketingu, projektowania i tak dalej.

Mając to na uwadze, nie jest wielką niespodzianką, że można stracić z oczu niektóre podstawy prowadzenia bloga. Nazywam to „rocznym swędzeniem”. Ten moment, kiedy jesteś tak zaangażowany w codzienne prowadzenie swojej witryny, że zapominasz o niektórych najważniejszych rzeczach.

Dokładnie w takiej sytuacji znalazłem się ostatnio, ale na szczęście cofnąłem się od lasu, żeby zobaczyć drzewa i wróciłem na właściwą drogę. W tym poście chcę wyjaśnić, o czym mogłeś stracić z oczu, i pokazać, jak to naprawić.

Czuję potrzebę szybkości

Mam zdrową obsesję na punkcie szybkości. Szybkość ładowania strony będzie bardziej szczegółowa (nie tak efektowna jak Top Gun, to prawda, ale nie mniej ważna dla tego faktu).

Rozumiem wpływ, jaki prędkość ładowania może mieć na wygodę użytkownika i ostatecznie na zyski. Prawdę mówiąc, o tym, jak zwiększyć szybkość witryny, pisaliśmy już wiele razy tutaj na WPExplorer.

A jednak straciłem z oczu znaczenie szybkości ładowania strony na moim blogu. Byłem tak pochłonięty codziennym prowadzeniem bloga, że straciłem z oczu zapewnianie wysokiej jakości obsługi użytkownika na najbardziej podstawowym poziomie (tj. szybkości ładowania strony). Po prawie dwóch latach życia mój blog utknął w wyniku mojej obsesji na punkcie poprawiania i było to naprawdę widoczne.

Prawidłowe opanowanie podstaw

Gdy zdałem sobie sprawę ze swojego błędu, sprawdziłem, czy nadal dobrze robię proste rzeczy. To prowadzi mnie z powrotem do mojego oryginalnego artykułu tutaj na WPExplorer na temat szybkości witryny, w którym omówiłem następujące kwestie:

• Pomiar szybkości witryny
• Buforowanie
• Optymalizacja obrazu
• Powolne ładowanie

Oto, co lubię nazywać „nisko wiszącymi owocami”, jeśli chodzi o poprawę szybkości witryny. Można je szybko i łatwo wdrożyć. Wiedziałem jednak, że mam bardziej fundamentalne problemy, jeśli chodzi o szybkość ładowania mojej witryny. Nadszedł czas, aby kopać trochę głębiej.

Jeśli jesteś winny ulepszania swojej witryny, możesz mieć na swoich stronach internetowych zbędne i/lub niegodne elementy, które dramatycznie spowalniają Twoją witrynę. To jest to, co znalazłem w tej sprawie dla mnie. Czytaj dalej, aby dowiedzieć się, czego może Ci brakować.

Skutki uboczne niekończącego się ulepszania

Moim pierwszym krokiem było udanie się do Pingdom i przetestowanie czasu ładowania mojej strony głównej. Nie było ładnie — czas ładowania wynosił około 5 sekund — wolniej niż około 80% innych witryn według ich statystyk.

Jednak gdy skończyłem z poprawianiem, wynik był znacznie lepszy:

Proces, przez który przeszedłem, aby poprawić szybkość mojej witryny, był niezwykle prosty. Jeśli prowadzisz własną witrynę za pośrednictwem Pingdom, otrzymasz raport podobny do tego, co widzisz powyżej, ale to, co znajdziesz poniżej, naprawdę nas interesuje:

Jest to część listy wszystkich żądań załadowania mojej witryny — w skrócie liczba różnych plików, które zostały załadowane, aby w całości utworzyć stronę internetową. Domyślnie są one sortowane według kolejności, w jakiej zostały załadowane (zazwyczaj jest to kolejność, w jakiej są wywoływane w kodzie źródłowym strony), co jest kolejnością logiczną, ale dla nas nie najbardziej użyteczną.

Musisz kliknąć rozwijane pole u góry listy i wybrać „Sortuj według rozmiaru pliku”. Masz teraz listę plików wysysających życie z Twojej witryny, w kolejności od „ssania” (z braku bardziej odpowiedniego słowa):

Po sortowaniu listy może się okazać, że niektóre żądania są całkowicie zbędne. Może się również okazać, że wysyłane żądania po prostu nie są warte obciążenia, jakie wnoszą do Twojej witryny. Nie ma teraz żadnych ograniczeń, jeśli chodzi o dostosowanie witryny do bardziej eleganckiej formy.

Dzięki tym nowym informacjom możesz rozpocząć usuwanie i optymalizację plików, które sprawiają więcej kłopotów, niż są warte.

Dzwonienie o zmianach

Biorąc pod uwagę, że dokonałeś już podstawowych ulepszeń szybkości witryny opisanych powyżej, musimy zakasać rękawy i trochę się pobrudzić.

Wyczyść swoje wtyczki

Moją pierwszą rekomendacją byłoby sprawdzenie wtyczek. Jeśli prowadzisz swoją witrynę od jakiegoś czasu, z pewnością odkryjesz, że są w niej zainstalowane wtyczki, których już nawet nie używasz. Alternatywnie i/lub dodatkowo może się okazać, że wtyczki, których <i> używasz, nie są tego warte.

Chociaż byłbym pierwszym, który powiedziałby, że liczba wtyczek zainstalowanych w Twojej witrynie nie jest głównym czynnikiem (liczy się obciążenie witryny przez te wtyczki), można śmiało powiedzieć, że im mniej masz wtyczek zainstalowany, tym większe prawdopodobieństwo, że padniesz ofiarą procesu wymagającego dużej ilości zasobów.

Zalecałbym zainstalowanie i uruchomienie programu Plugin Performance Profiler. Ta mała piękność przeskanuje wiele stron w Twojej witrynie i oceni wpływ każdej wtyczki na ogólną prędkość ładowania. Oto jak wyglądał mój raport:

Zalecam wygenerowanie 3–4 raportów, aby uzyskać lepszy ogólny obraz skuteczności, ponieważ wyniki mogą się różnić. Tak naprawdę nie szukamy tutaj dokładnych liczb — raczej wyraźnego wskazania wszelkich wtyczek, które okazują się głównym obciążeniem zasobów.

Następnym logicznym krokiem jest podjęcie decyzji, czy możesz uzasadnić odinstalowanie którejkolwiek ze swoich wtyczek. Ostatecznie powinna to być decyzja oparta na chęci zapewnienia użytkownikowi wysokiej jakości doświadczenia — korzyści wprowadzone przez wtyczki muszą przewyższać dodatkowy czas ładowania.

Oczyść swoje ręczne poprawki kodu

Jeśli dokonałeś jakichkolwiek ręcznych zmian w plikach PHP motywu, mam nadzieję, że zrobiłeś to w motywie potomnym, w przeciwnym razie proces ten będzie potencjalnie nieco kłopotliwy. Jeśli nie, pierwszym krokiem powinno być utworzenie motywu podrzędnego i przeniesienie do niego wszystkich dostosowanych plików motywu.

Zakładając, że masz motyw potomny (w ten czy inny sposób), Twoim zadaniem jest teraz przejrzenie każdego pliku w folderze motywu i sprawdzenie, czy nie zawiera się w nim zbędny kod. Oto, co znalazłem w moich plikach:

• Odniesienia do czcionek Google, których już nie używam (właściwie nigdy tego nie robiłem – po prostu się nimi bawiłem).
• Fragment kodu niektórych przycisków udostępniania społecznościowego na jednej stronie mojego bloga, który był ładowany na każdej stronie.
• Jakiś kod dla „pola polubienia” Facebooka, który zajmował znacznie więcej zasobów, niż uzasadniał.
• Niektóre niestandardowe funkcje w moim plikufunctions.php, które nie były już używane.

W niektórych przypadkach można usunąć te elementy bez negatywnych skutków ubocznych. W innych przypadkach możesz chcieć zachować funkcjonalność, którą wprowadziły Twoje poprawki. Jeśli wymagają one szczególnie dużych zasobów, radzę przyjrzeć się ładowaniu asynchronicznemu, które gwarantuje, że potencjalnie zachłanne skrypty nie uniemożliwią załadowania reszty strony.

Zoptymalizuj swoje obrazy

Na każdej stronie Twojej witryny, na przykład na pasku bocznym i w logo, wczytują się obrazy. Warto zadbać o to, aby były one jak najmniejsze, ponieważ ich łączny rozmiar może być dość znaczny.

Proces optymalizacji należy podzielić na dwa etapy:

1. Optymalizacja stratna: korzystając z wybranego oprogramowania do edycji grafiki, zapisz plik z największą ilością optymalizacji stratnej, jaką możesz znieść (dotyczy tylko formatu JPEG). Odkryłem, że zapisanie obrazu z optymalizacją na poziomie 70–80% to dobry pomysł.
2. Optymalizacja bezstratna: uruchamiaj obrazy za pomocą wtyczki takiej jak Smush Image Compression, aby były jeszcze bardziej skompresowane bez utraty jakości obrazu.

Optymalizacja obrazów może mieć ogromne znaczenie bez zauważalnego wpływu na wygodę użytkownika, więc jest to trochę oczywiste.

Dalsze kroki

Dzięki powyższym środkom powinieneś być w stanie radykalnie zmniejszyć prędkość ładowania, ale możesz oczywiście pójść jeszcze dalej.

Na przykład hosting i dostarczanie treści mogą mieć ogromny wpływ na czas ładowania. Witryna hostowana na serwerze współdzielonym nigdy nie będzie kompletna z witryną hostowaną na serwerze dedykowanym współpracującym z siecią CDN. Nasz własny AJ Clarke poleca społeczność CloudFlare w celu zwiększenia szybkości ładowania i zwiększenia bezpieczeństwa.

Szczegółowe omówienie zalet i wad różnych dostawców usług hostingowych nie wchodzi w zakres tego posta, dlatego radzę zacząć od wprowadzenia poprawek zalecanych w tym poście. Jeśli masz ochotę na więcej, skontaktuj się ze swoim dostawcą usług hostingowych i poproś o poradę dotyczącą ulepszenia pakietu hostingowego i/lub włączenia CDN.

Jeśli masz jakieś pytania, napisz do nas w sekcji komentarzy poniżej!