Strona Load Speed ​​SEO - Jak przyspieszyć stronę »SEO Guy NZ

1. Optymalizuj obrazy - rozmiar i kompresja
2. Jak zoptymalizować obrazy witryny
3. Przetwarzanie zbiorcze istniejących obrazów luzem
4. Zwiększ szybkość witryny dzięki buforowaniu
5. Które wtyczki buforujące działają najlepiej?
6. Wtyczki - wpływ na czas ładowania strony
7. Plugin Profiler
8. Wtyczki bezpieczeństwa
9. Kontrola pulsu
10. Złożoność strony głównej
11. Przykład - ta strona
12. Referencje:

Szybkość ładowania strony jest z wielu czynników SEO, które wpływają na wydajność rankingu na wszystkich stronach internetowych. Jak przyspieszyć ładowanie strony internetowej stało się ważnym problemem, gdy Google zaczęło rozważać ten aspekt w ramach procesów rankingowych. Kiedy powiedzieli „Sieć powinna być szybka”, nie żartowali. Tylko na tej podstawie przycinanie krwawych programów z WordPress i innych instalacji CMS oraz optymalizacja obrazów itp. Ma sens! Chociaż może to zapewnić jedynie niewielką stopniową poprawę rankingów, skrócenie czasu ładowania zdecydowanie nie jest jedynym powodem zmniejszania rozmiarów stron. Nikt na świecie nie lubi stron o powolnym ładowaniu - jeszcze w 2014 r. Średni rozmiar strony z 1000 najpopularniejszych witryn przekroczył 1600 tys. (1,6 Mb). Do 2016 r. Średnia wielkość wynosiła 2,3 Mb (* 1), aw 2017 r. 3 Mb, przy czym wiele stron znacznie przewyższało. Regularnie spotykam strony internetowe, na których strona główna przekracza 20 Mb…

Takie nadmiernie pulchne strony internetowe są nieco bolesne w ładowaniu na urządzenie mobilne w sieciach 3G lub 4G! W przypadku większości witryn największy odsetek użytkowników korzysta z pewnego rodzaju urządzenia mobilnego.

W przypadku wielu witryn o małych firmach celem powinny być rozmiary stron poniżej 1 Mb, a Google mówi, że celem jest czas ładowania powyżej 1 sekundy.

Ulepszone „ponad czas ładowania”, a także całkowity czas ładowania strony powinny pozytywnie wpłynąć na czas przechowywania odwiedzających, powtórzyć liczbę odwiedzin i, w witrynach e-commerce, być korzystne dla przychodów.

Zaktualizowany : grudzień 2017

Istnieje wiele kwestii, które należy wziąć pod uwagę w ogólnym schemacie rzeczy, gdy zaczynasz rozważać, jak przyspieszyć wydajność strony i szybkość ładowania strony… Oto kolejność, którą sugeruję… * 2

1. Benchmarking - sprawdź swoją witrynę w usługach testowych opisanych poniżej. Zacznij tutaj, ponieważ daje ci punkty bazowe, których potrzebujesz, aby zmierzyć wpływ wszystkiego, co robisz.
2. Rozmiary obrazu - zazwyczaj jest to najszybszy sposób na wprowadzenie najbardziej znaczących ulepszeń. Upewnij się, że wszystkie obrazy są odpowiednio zwymiarowane i odpowiednio skompresowane. Po określeniu wielkości pikseli obrazu (wysokość i szerokość) zawartość tekstu przepływa wokół przestrzeni obrazu, zanim zostanie załadowana. Użyj wtyczki „leniwe ładowanie”, aby wyświetlać obrazy tylko wtedy, gdy wchodzą do rzutni. Shortpixel doskonale nadaje się do przetwarzania wsadowego wszystkich istniejących obrazów, patrz szczegóły poniżej.
3. Buforowanie - jeśli nie masz jeszcze zainstalowanego buforowania, zrób to teraz. Polecam zacząć od WP Rocket Cache na stronie WordPress, ponieważ jest stosunkowo łatwy w użyciu. Z mojego doświadczenia wynika, że ​​zapewnia lepszą wydajność niż konkurenci. (* 3)
4. Wtyczki - uruchom P3 Plugin Profiler, aby wiedzieć, gdzie najmocniej trafiają zasoby serwera, a następnie poszukaj alternatyw. Usuń wszystkie, które NIE są absolutnie niezbędne.
5. Złożoność strony głównej - wiele witryn otwiera wiele nowych postów, 10 najpopularniejszych postów, posty z różnych kategorii, komentarze, polecane strony i różne inne treści głodne bazy danych. Niektóre sekcje wprowadzające do treści są ważne zarówno dla odwiedzających, jak i dla rankingów wyszukiwarek ... Pamiętaj jednak, że każdy element sumuje się pod względem całkowitych żądań bazy danych i rozmiarów stron.

Aby określić wpływ zmian przyrostowych, potrzebne są narzędzia pomiarowe. Podczas gdy jedno narzędzie testowe jest w porządku, dwa lub trzy są lepsze. Dzieje się tak, ponieważ chociaż wyniki mogą się różnić w zależności od usług pomiarowych, spójność trendów wzrostowych lub spadkowych w wielu lokalizacjach daje znacznie lepszy obraz. W tym celu istnieje pięć usług, z których regularnie korzystam, jak poniżej;

1. Google Page Speed ​​Insights : zapewnia dobrą analizę tego, jak Google ocenia wydajność danej strony. https://developers.google.com/speed/pagespeed/insights/
2. Pingdom : oferuje monitorowanie wydajności witryny z 3 opcji witryny testowej; Amsterdam, Nowy Jork lub Dallas. Jego szybki, zwięzły raport podsumowujący, poparty szczegółowymi danymi wodospadu, pokazującymi, które części witryny ładują się powoli. Widzieć; https://tools.pingdom.com/
3. GT Metrix : bezpłatna usługa analizy prędkości witryny testuje dostęp z kilku krajów: https://gtmetrix.com
4. Narzędzia Dotcom : Dotcom prowadzi jednoczesne testy szybkości ładowania witryn w ponad 20 witrynach testowych w wielu krajach: https://www.dotcom-tools.com/website-speed-test.aspx
5. WebPageTest - dla właścicieli witryn NZ, ich najbliższy serwer testowy znajduje się w Sydney; https://www.webpagetest.org

Proces ten przebiega o wiele sprawniej, jeśli dokumentujesz to, co robisz, aby zoptymalizować wydajność strony i rejestrować wynik za każdym razem, gdy sprawdzasz czas ładowania strony… W tym przypadku wybrałem stronę główną i stronę wewnętrzną, aby sprawdzić wydajność strony na każdym kroku . Możesz zdecydować się na przetestowanie większej liczby stron, a domyślna strona Blogu jest dobrym wyborem, ponieważ generuje dodatkowe zapytania do bazy danych w porównaniu ze standardową stroną.

Optymalizuj obrazy - rozmiar i kompresja

Nic nie szkodzi witrynie szybciej niż ładowanie zdjęć prosto z aparatu na stronę internetową! Jednak ludzie to robią, być może w błędnym oczekiwaniu, że oprogramowanie strony działa jak Facebook i automatycznie zmienia rozmiar wszystkich obrazów, aby pasowały do ​​ich wykorzystania. Podczas gdy ustawienia multimediów i niektóre motywy robią dużo w tym kierunku, zazwyczaj musisz poprawnie aktywować ustawienia.

Każdy obraz w całej witrynie powinien być zoptymalizowany, aby poprawić wydajność strony. Obrazy tła mogą być strasznie duże, a wstawianie obrazów o rozmiarach 1400 x 1000 pikseli, które nie są skompresowane, a następnie kończą się „skalowaniem w celu dopasowania”, jest dobrym sposobem na zabicie wydajności witryny.

Obrazy JPG oferują najlepszą wydajność, a te powinny:

• Mają wymiary zmniejszone do maksymalnego rozmiaru, na którym będą wyświetlane
• Bądź skompresowany o co najmniej 10% - aw większości przypadków ponad 30%, co wciąż zapewnia dobrą jakość obrazu
• Czy ich wymiary są określone na stronie / stronach, w których są wyświetlane

Jak zoptymalizować obrazy witryny

Jeśli w wynikach GT Metrix pojawi się zalecenie dotyczące „optymalizacji obrazów”, należy sprawdzić listę, aby sprawdzić, czy są jakieś duże, które można przetworzyć.

Uwaga: GT Metrix zawiera również więcej niż przydatne informacje - pod każdym obrazem, który można zoptymalizować, dają link do zoptymalizowanej wersji pliku. Jest to szczególnie przydatne w przypadku plików PNG, które są nieco trudne do skompresowania…

• Kliknij „Zobacz zoptymalizowaną wersję”, a otworzy się skompresowany plik w nowym oknie
• Kliknij prawym przyciskiem myszy obraz i wybierz „Zapisz jako” - zmień nazwę, aby pasowała do oryginału
• Użyj FTP, aby przesłać zoptymalizowaną wersję do właściwej lokalizacji

Wykonywanie tego pojedynczo może spalić dużo czasu, a jest łatwiejszy sposób!

Przetwarzanie zbiorcze istniejących obrazów luzem

Istnieją dobre wtyczki do automatycznego przetwarzania obrazów w witrynie, takie jak WP Smush i Imagify. Moim ulubionym jest chłopaki z Shortpixel - https://shortpixel.com . Domyślna instalacja ma ograniczenia dotyczące liczby obrazów, które mogą być przetwarzane w ciągu miesiąca, więc kupuję 50 000 obrazów za 30 USD - możesz także uruchomić wtyczkę w wielu witrynach i dzielić się tą alokacją obrazów o wartości 50 000 !

Przetwarzanie wsadowe istniejących obrazów w całej witrynie jest proste - wstępnie ustaw parametry wtyczki na błyszczący lub stratny, a także maksymalny rozmiar obrazu itp. I ustaw go na działanie. Istnieje opcja zachowania kopii oryginalnych obrazów. Można również przetwarzać tysiące miniatur.

Shortpixel sprawia, że ​​twoja biblioteka obrazów jest pod kontrolą!

Określ wymiary obrazu: Sprawdź również każdy obraz dodany na stronie, aby sprawdzić, czy są skalowane w celu dopasowania. W Firefoksie kliknięcie prawym przyciskiem myszy na obrazku pokazuje takie szczegóły;

Skalowane obrazy można często zmieniać do właściwych wymiarów - w zależności od tego, jak motyw projektowy obsługuje wybrane obrazy, i jakie są domyślne ustawienia miniatur. Niektóre motywy projektowe nie są skuteczne w wyświetlaniu obrazów wyróżnionych obrazów, więc jeśli występują problemy w całej witrynie ze skalowanymi obrazami, może być konieczne rozważenie lepszego motywu projektowego.

Ogólnie rzecz biorąc, motywy projektowania dostosowane do urządzeń mobilnych są zaprojektowane specjalnie do przetwarzania obrazów w sposób, który redukuje czas ładowania strony we wszystkich urządzeniach wyświetlających. Polecane zdjęcia są wyświetlane w pełnym rozmiarze na odpowiednich postach, ale odpowiednie małe miniatury są wyświetlane na stronie głównej Najnowsze posty, a także na paskach bocznych itp.

Zwiększ szybkość witryny dzięki buforowaniu

Artykuł napisany w 2010 r. Wyraźnie pokazał zalety buforowania na wydajność (* 1), przy czym buforowanie mierzonego miejsca pozwoliło zaoszczędzić 81 procent bajtów i 75 procent żądań. Potrzeba zwiększenia wzrasta z każdym wzrostem średniego rozmiaru strony i dlatego, że Google ocenia Twoją witrynę na nowe sposoby…

W środowisku WordPress dostępnych jest wiele długo dostępnych i szanowanych wtyczek do buforowania bez żadnych kosztów. Być może najbardziej znanymi są gratisy; W3 Total Cache, WP Super Cache i Quick Cache. Przez wszystkie lata korzystałem z wszystkich trzech stron na wielu różnych stronach.

Dla wszystkich stron, którymi teraz zarządzam, instaluję wtyczkę premium Rocket Cache WP i posiadam w tym celu licencję Dev. Wyjątkiem są witryny na serwerze Litespeed i do tego używam oficjalnej wtyczki Litespeed Caching.

Używanie W3TC zawsze wydawało się nieco zniechęcające… Wcześniej interfejs ten przedstawiał aurę tajemniczości i niebezpieczeństwa, pozostawiając jedno z poczuciem, że jeśli nie wiesz dokładnie, co robisz, rzeczy mogą pójść okropnie źle… Nie użyłem tego do podczas gdy, ale opanowanie prędkości ładowania stron WordPressa zachęciło mnie do dokładnego przetestowania W3 TC w porównaniu z WP SC.

Które wtyczki buforujące działają najlepiej?

W jednej wyczerpującej instancji testowej witryna Asian-Recipe.com przez kilka lat korzystała z WP Super Cache i miała 38 wtyczek. Całkowity rozmiar strony głównej wynosił 1,7 Mb i generował około 130 żądań załadowania strony… Pomimo WP SC z uruchomionym mod_rewrite, minify, preload itd., Instalacja W3TC dała natychmiastową i znaczącą poprawę. Znacznie zmniejszył się rozmiar strony, żądania zostały zmniejszone ze 130 do 37, a wyniki Page Speed ​​i YSlow zostały zwiększone. Wniosek w tym czasie W3 TC był znacznie lepszy.

Uwagi uzupełniające : lipiec 2015 r

• Zarządzam wieloma witrynami i prawie wszystkie mają zainstalowane W3 TC. W ciągu ostatnich trzech dni mam 3 witryny, które nagle zaczęły generować błędy 403 dla Google i innych botów - ale nie dla ludzi. Jest to bezpośrednio przypisane do W3 TC - jak tylko go wyłączę, błędy znikną. The Screaming Frog SEO Spider widzi te same problemy - 403 na stronie głównej, nie może głębiej…
• Od tamtej pory kupiłem kopię WP-Rocket na dużą stronę WP z forum bbPress - 15 000 tematów, 7 000 członków i wstępne testy pokazują, że naprawdę działa wyjątkowo dobrze. Licencja programisty może być dobrym rozwiązaniem… (tak, teraz WP Rocket Cache jest zainstalowany na wszystkich zarządzanych przeze mnie stronach)

Uwaga : istnieją wyraźne różnice między W3 TC i WP Rocket;

• WP Rocket jest szybszy JEŚLI twój serwer ma zainstalowane narzędzia Gzip (mod_deflate) ORAZ sam kompresujesz obrazy swojej witryny
• Jeśli twój serwer jest stary i / lub brakuje mu Gzip itp., Wydaje się, że W3 TC ma wbudowane narzędzia do tego celu

Wtyczki - wpływ na czas ładowania strony

Wtyczki nie są jednakowe… niektóre z najstarszych i najczęściej używanych wtyczek są przerażające pod względem zwiększania rozmiarów stron i generowania żądań baz danych. Szereg wtyczek jest tak źle skonstruowanych, że ich wykorzystanie zasobów wpływa negatywnie na serwery współdzielonego hostingu do tego stopnia, że ​​niektóre firmy hostingowe zakazały ich!

Niektóre typy wtyczek generują ogromne ilości zapytań do baz danych - uszkodzone narzędzia do sprawdzania linków, powiązane treści, menedżery zewnętrznych linków i generatory statystyk znajdują się wysoko na liście nieuczciwych wtyczek… Każda wtyczka ma wymierny wpływ na czas ładowania strony i nieuchronnie na rozmiary stron i upraszanie. Zadania, takie jak zerwane sprawdzanie łączy i statystyki, mogą być najlepiej wykonywane z zewnętrznych źródeł przy użyciu swobodnie dostępnych narzędzi.

Alternatywnie, powinieneś uruchomić Link Checker, naprawić błędy, a następnie je dezaktywować!

Plugin Profiler

Godaddy dostarcza P3 Plugin Profiler, doskonałe narzędzie do oceny, które wtyczki na twojej stronie są źródłem zasobów. Daje dobre wskazówki, jak przyspieszyć ładowanie stron internetowych w fajnych grafikach kołowych, które produkuje. Te pokazują;

• procent obciążenia strony zużywany przez wtyczki ogólnie
• procent obciążenia strony zużywanego przez każdą pojedynczą wtyczkę

Pozwala to szybko zobaczyć potencjalne problemy. Jeśli jakaś wtyczka pobiera znacznie większy klin, to czas rozważyć i ocenić alternatywy

Wtyczki Two for One : W niektórych przypadkach wtyczka służy podwójnemu celowi, umożliwiając osiągnięcie kilku pożądanych rezultatów bez zwiększania zużycia zasobów. Przykładem może być widget społecznościowy, który oferuje przyciski „Lubię to” i linki do stron biznesowych w mediach społecznościowych.

• Zarówno All in One SEO Pack, jak i Yoast SEO mają generator map strony XML, co eliminuje potrzebę stosowania osobnej wtyczki do tego celu.

Wcześniej strona zawierała Shareaholic, udostępniając obie te ważne funkcje. Jego zalety obejmują przetwarzanie powiązanych postów na ich serwerach, a tym samym zmniejszenie obciążenia na własną rękę.

Wypróbowałem Jetpack z aktywowanymi tylko pokrewnymi postami i przyciskami Like, ale przekroczyłem także 300k i wygenerowałem mnóstwo dodatkowych żądań!

Wtyczki powiązane z postami : mogą być bardzo intensywne dla serwera, a czas pisania tego głównie wykorzystuję powiązane z kontekstem posty.

Lite Plugins : Termin „Lite” niekoniecznie dotyczy zestawu funkcji wtyczek! Podczas gdy jest często używany do rozróżniania wersji Free i Pro wtyczki, jest również używany do opisu śladu i wykorzystania zasobów… Różnice między dwoma wtyczkami obsługującymi ten sam cel mogą być dość niezwykłe! Na przykład spędziłem całe popołudnie, udoskonalając czas wczytywania stron dla przycisków pokrewnych i mediów społecznościowych „Lubię to”.

Wtyczki bezpieczeństwa

Niektóre wtyczki bezpieczeństwa - takie jak moja ulubiona Wordfence - zawierają funkcje, których nie trzeba uruchamiać przez cały czas; w szczególności rejestrowanie ruchu na żywo, skanowanie poza WordPress, skanowanie plików obrazów i ultra czułe tryby.

Kontrola pulsu

Sam WordPress ma funkcje, które mogą spowolnić działanie witryny, w szczególności interfejs Heartbeat API, który jest w stanie generować znaczne obciążenia procesora serwera, co znacznie spowalnia działanie.

Uwaga: przeczytaj dodatkowe informacje na temat wtyczek bezpieczeństwa i kontroli pulsu tutaj: - https://www.theseoguy.co.nz/how-to-secure-wordpress-against-hacking/

Złożoność strony głównej

Wyzwaniem jest znalezienie równowagi między prezentacją tego, co oferuje Twoja strona, a zachowaniem rozmiaru strony w rozsądnych ograniczeniach. W swoim dążeniu do określenia, jak przyspieszyć działanie witryny, pamiętaj, że Twoja strona główna jest najważniejszą stroną w całej witrynie pod względem nowych użytkowników lądujących na niej. Optymalizacja szybkości witryny ma kluczowe znaczenie dla utrzymania ich wystarczająco długo, aby urzec ich zainteresowanie.

Czasami mniej znaczy więcej… Pokazuj im mniej wyborów w zakresie ostatnich postów, najnowszych komentarzy, pokazów slajdów, tagów, kategorii i polecanych stron lub postów, listy najlepszych postów itp.

Lokalizacja hostingu może znacząco wpłynąć na czas ładowania strony . Jeśli Twoja witryna jest skierowana do klientów z Nowej Zelandii, to absolutnie powinna być na serwerze fizycznie zlokalizowanym w Nowej Zelandii.

I odwrotnie, jeśli jesteś przedsiębiorstwem z Nowej Zelandii, którego celem są klienci w USA , to byłoby sensowne mieć swoją witrynę na serwerze w USA! Może to skrócić czas ładowania strony o 5 sekund lub więcej! To ogromna poprawa I koszty hostingu prawdopodobnie okażą się tańsze…

Przykład - ta strona

Ta strona jest przechowywana na serwerze w Auckland w Nowej Zelandii i została zoptymalizowana dzięki WP Rocket Cache i wtyczce do optymalizacji obrazu Shortpixel. To ma;

• Czasy ładowania poniżej 1 sekundy w NZ
• Około 2 sekundy w Sydney w Australii.
• Odwiedzający w USA zobaczą czas ładowania strony 5 lub 6 sekund!

Biorąc pod uwagę, że większość moich klientów to małe i średnie firmy oraz australijskie małe firmy, lokalizacja NZ ma sens.

Z pewnym czasem i wysiłkiem szybkość ładowania strony w Twojej witrynie może (w większości przypadków) ulec znacznej poprawie. Najpierw sprawdź bieżącą wydajność, a następnie upewnij się, że używasz najlepszej opcji buforowania dla swojej witryny. Następnie ocena zużycia zasobów wtyczek i zastąpienie zachłannych ograniczy zużycie zasobów do absolutnego minimum. Postępuj zgodnie z tym, optymalizując rozmiary plików obrazów i określając wymiary, aby szybciej ładować strony. Dokończ proces, uważnie przeglądając zawartość strony głównej. Jako część mojego Pakiety SEO dla małych firm , Uważnie przyglądam się wskaźnikom wydajności witryny i stosownie do tego radzę. Jeśli to wszystko przekracza twoje zasoby czasu lub zdolności techniczne, proszę Skontaktuj się ze mną do pomocy.

Referencje:

1. * https://www.keycdn.com/support/the-growth-of-web-page-size/
2. * http://gtmetrix.com/wordpress-optimization-guide.html
3. * http://premium.wpmudev.org/blog/best-wordpress-caching-plugins/