8 wskazówek, jak zoptymalizować szybkość witryny

Jak szybka jest Twoja witryna?

Wszyscy wiemy, że powolna witryna negatywnie wpływa na zachowanie użytkowników. Ale czy naprawdę robisz wszystko, co możesz, aby zminimalizować szybkość witryny?

Dzisiaj omawiamy osiem wskazówek dotyczących optymalizacji szybkości witryny z człowiekiem, którego ulubione rzeczy to tworzenie stron internetowych, petrologia, WordPress, science fiction i gin. A kto jest najszczęśliwszy, gdy po kolana w PHP, na scenie lub czyta dobrą książkę. Jest strategiem cyfrowym, technologiem marketingu cyfrowego i pełnoprawnym programistą oraz szefem SEO w Yoast.

Serdecznie witamy w podkaście In Search SEO Jono Alderson.

Osiem kroków to:

1. Podstawowe wskaźniki internetowe
2. Cloudflare
3. Narzędzia dla programistów Chrome
4. Zaawansowane techniki optymalizacji obrazu
5. Zaawansowane techniki optymalizacji czcionek
6. Sztuczki CSS i JavaScript
7. Buforowanie i wersjonowanie
8. Sprytny zestaw innych firm

Osiem podstawowych elementów szybkich stron internetowych

J: Hej, dobrze tu być. Dzięki za zaproszenie. To bardzo ekscytujące.

D: Znakomicie, Jono. Dobrze mieć cię na sobie. Możesz znaleźć Jono na jonoalderson.com. Więc Jono, jakie jest aktualne stanowisko na temat tego, jak powolna witryna faktycznie wpływa na zachowanie użytkowników?

J: Jest tyle badań. I myślę, że nic z tego nie jest nowością. Istnieją badania sięgające dziesięcioleci wstecz. Wszystko to mówi, że istnieje zaskakująco bezpośrednia korelacja między tym, ile milisekund zmuszasz ludzi do czekania, a tym, jak bardzo wpływa to na ich prawdopodobieństwo, że coś kupią. Prawdopodobnie nie jest tak, że ludzie świadomie mówią: „Och, to zajęło 200 milisekund za długo i idę na zakupy z twoją konkurencją”. Ale jest to okres, w którym mogą wyjrzeć przez okno, otworzyć inną kartę lub zastanawiać się, co jest na lunch, a wszystko to zmniejsza ich prawdopodobieństwo pozostania w danym momencie i nawrócenia lub podjęcia działania.

Ostatnio widziałem kilka naprawdę interesujących badań z Deloitte, dużej firmy konsultingowej. Przyjrzeli się coś w rodzaju podzbioru 50 największych różnych witryn w branży handlu elektronicznego i generowania leadów oraz różnych sektorach w Wielkiej Brytanii i Stanach Zjednoczonych. I znaleźli około 200-milisekundowe opóźnienie, czyli czas potrzebny na mrugnięcie, zmniejszając prędkość witryny o to zwiększone przychody o około 10%. A to tylko jedno z takich badań. Takich jest wiele. A wszyscy mówią, że szybsze, ładniejsze, bardziej dostępne i bardziej użyteczne, to po prostu więcej pieniędzy. Więc tak, to oczywiste, że na to patrzymy.

D: Pamiętam badanie przeprowadzone przez Amazon, myślę, że było to ponad 10 lat temu, ale nie widziałem aktualnych statystyk na ten temat. Ale z pewnością wszystko jest również porównawcze. Ponieważ jeśli ludzie są przyzwyczajeni do przeglądania innych witryn i widzą Twoją witrynę jako o wiele wolniejszą niż inne witryny, nie utrzymają się zbyt długo.

J: Tak, a ludzie naprawdę o tym nie myślą. Uważają, że ich strona jest prawdopodobnie wystarczająco szybka. Ale witryny konkurencji stają się coraz szybsze, Facebook coraz szybszy, Instagram jest coraz szybszy, a oczekiwania co do tego, gdzie zmieniają się podstawowe doświadczenia tego użytkownika. Więc musisz być szybszy niż oczekiwano, w przeciwnym razie będziesz stosunkowo wolniejszy.

D: Więc dzisiaj dzielisz się podstawowymi elementami szybkich stron internetowych, zaczynając od numeru jeden, Core Web Vitals.

1. Podstawowe wskaźniki internetowe

J: Myślę, że poza tym może być więcej. Ale to zdecydowanie moja lista. Jestem pewien, że wszyscy już słyszeli o Core Web Vitals. Ale jeśli nie, Google wprowadził to, myślę, że w połowie 2020 roku. I jest to ich próba stworzenia pewnego rodzaju ustandaryzowanych, uniwersalnych wskaźników do pomiaru tego, czym jest PageSpeed. Ponieważ technicznie i koncepcyjnie jest to dość złożone. Strony się ładują, są różne etapy i różne rzeczy, które na to wpływają. Dlatego uprościli go do zestawu wskaźników, które można monitorować, trendować i analizować w czasie.

Naprawdę fajną rzeczą jest to, że to tylko krok pierwszy. W tej chwili dostępne są trzy wskaźniki, aw tym roku otrzymamy jeszcze dwa. Same metryki ewoluują. Staje się to dojrzałym ekosystemem do porównywania twardych liczb z tego rodzaju pomiarami, co oznacza, że ​​jako firma internetowa znacznie łatwiej jest powiedzieć, że nie osiągamy zbyt dobrych wyników, a nasi konkurenci osiągają lepsze wyniki. Wiemy, że wszystkie badania wiążą to z przychodami, więc powinniśmy skupić się na poprawie tego. Nagle mamy sposób, aby przekonać interesariuszy, że nie tylko szybkość strony jest ważna, ale także mamy pomiar, z którym wszyscy się zgodzą, że nie jest to uparty i nie jest to SEO w rogu, który mówi, że on nie zgadza się z deweloperem w tym kącie i tak naprawdę nie ma wspólnego języka. Jest to więc naprawdę potężne narzędzie biznesowe, nie mówiąc już o środkach technicznych.

D: Wiem, że twój mózg mówi, że nie możesz zobowiązać się do powiedzenia, że ​​jest tylko osiem najważniejszych, najszybszych rzeczy, które możesz zrobić, aby ulepszyć swoją witrynę. Wiem, że twój mózg może w tej chwili myśleć o 1024 rzeczach, ale dzielimy się tylko ośmioma początkowymi pomysłami, które wpadłeś na ten, który omówiliśmy trochę wcześniej. Więc numer dwa to Cloudflare.

2. Rozbłysk chmur

J: Gdybym miał wystarczająco dużo czasu i zasobów, aby zrobić tylko jedną rzecz, aby przyspieszyć działanie mojej witryny, przeszłabym do Cloudflare. Cloudflare jest ogromny. To jedna z największych firm technologicznych w kosmosie. Jednak jest mnóstwo zespołów programistycznych i firm, które, co zrozumiałe, nigdy o nich nie słyszały, ponieważ jest to trochę nerdowe. Cloudflare to sieć dostarczania treści. To element infrastruktury, który znajduje się przed Twoją witryną. Mają darmową wersję. Konfiguracja zajmuje około 10 minut. I po prostu używają magii, aby przyspieszyć działanie Twojej witryny. Automatycznie zmniejszają twoje obrazy, minimalizują twój JavaScript, zmieniają sposób ładowania, upewniają się, że połączenia przebiegają wydajniej na całym świecie do różnych zastosowań w różnych miejscach i 1000 innych rzeczy. I to są wszystkie rzeczy, które możesz teoretycznie zrobić, gdybyś miał zespół programistów, którzy są bardzo mądrzy i bardzo dobrze wyposażeni. Ale dlaczego miałbyś to robić, gdy darmowy produkt Cloudflare robi większość, a 20 USD miesięcznie robi prawie całą resztę?

Więc jeśli masz witrynę, która może nie osiąga zbyt dobrych wyników, może jest trochę powolna, możesz załadować witrynę, która zajmuje sześć sekund, do dwóch sekund, po prostu klikając kilka przycisków. Podstawowy poziom jest fenomenalny, ale z zaawansowanymi użytkownikami i zaawansowanymi obudowami możesz iść jeszcze dalej. Możesz powiedzieć, że chcę głębiej zintegrować Cloudflare z działaniem mojej witryny. I chcę odciążyć część tej logiki biznesowej. I chcę uruchomić to tagowanie i śledzenie w Google Analytics na krawędzi w chmurze w pobliżu miejsca, w którym znajduje się użytkownik. Jest to fenomenalne narzędzie w przypadkach, gdy trudno jest sprawić, by witryna była szybsza, lub działa na starszym sprzęcie, lub hosting jest trochę nieprzyjemny, możesz faktycznie sprawić, by Cloudflare siedział przed tym wszystkim i nigdy nie miał martwić się o to ponownie. Rodzi to kilka interesujących pytań dotyczących tego, za ile różnych elementów stosu są one odpowiedzialne i jak bardzo chcesz odciążyć logikę biznesową. Ale jako szybki hack, jest to fenomenalne narzędzie.

D: Po trzecie, użyj Narzędzi dla programistów Chrome, aby wykryć wąskie gardła wydajności.

3. Narzędzia dla programistów Chrome

J: Tak, więc uruchomienie podstawowych narzędzi Web Vitals, takich jak PageSpeed ​​Insights i Web Page Test, da ci najwyższe wyniki i kilka ogólnych porad. A problem z ogólnymi poradami, takimi jak używanie mniejszej liczby JavaScript, polega na tym, że nie będzie łatwo zastosować je do swojej witryny i wyzwań. Twoja witryna jest wyjątkowa, jest zbudowana w bardzo specyficzny sposób. Jeśli chcesz przejść na wyższy poziom naprawdę dostrzegania możliwości, musisz przyjrzeć się, jak ładuje się Twoja witryna. Jednym z najlepszych narzędzi, których możesz do tego użyć, są Narzędzia dla programistów Chrome.

Jestem na komputerze z systemem Windows. Więc naciskam F12 w przeglądarce, jestem pewien, że jest odpowiednik Maca i otrzymuję przegląd Inspect. Możesz kliknąć kartę Sieć, a otrzymasz wykres kaskadowy, który pokazuje wszystkie elementy, które ładują się na Twojej stronie, w kolejności, w jakiej się ładują i jak długo to trwa. A jeśli kilka razy naciśniesz odświeżanie, możesz zobaczyć, jak to się dzieje i zaczynasz widzieć wzorce. I nie musisz być bardzo dogłębnym programistą, aby zobaczyć, że ta jedna konkretna rzecz zajmuje dwa razy dłużej niż wszystko inne. I trzyma mnóstwo rzeczy. A że to duży JPEG, może powinniśmy zmniejszyć ten JPEG. Jako sposób na diagnozowanie witryny, w szczególności strona po stronie lub szablon po szablonie, jest to skuteczny sposób na sprawdzenie, gdzie znajdują się najwięksi przestępcy.

I tak, poza tym jest niuans, ale wiedza, jak naprawić największe wąskie gardło, oznacza, że ​​wszystko, co jest wstrzymywane, ładuje się szybciej. A jako sposób na wybieranie wisienek i znajdowanie łatwych okazji, jest to świetny sposób na podejście do tego. Znajdź rzecz, która trzyma inne rzeczy, i przyspiesz to trochę. Możesz to zrobić zrzutem ekranu i przekazać swoim programistom itp. I powinni być w stanie zaatakować cokolwiek to jest.

D: Po czwarte, użyj zaawansowanych technik optymalizacji obrazu.

4. Zaawansowane techniki kompresji obrazu

J: Tak, jako przykład podałem duże pliki JPEG. A to wciąż jest żenująco powszechne. Jednym z głównych powodów, dla których wiele witryn działa wolno, jest to, że ktoś przesłał na swoją stronę główną 10-megabajtowy plik GIF lub zrobił zdjęcie telefonem komórkowym lub aparatem i po prostu wrzucił je do systemu CMS. I nie ma logiki, która mówi, że może powinniśmy to trochę zmniejszyć. Może powinniśmy dopasować go do rozmiaru. Tak wiele razy, gdy patrzysz na narzędzia dla programistów Chrome i Cloudflare, zobaczysz, że wąskie gardło polega na tym, że załadowanie tego obrazu zajmuje dużo czasu, ponieważ jest duży. Istnieje wiele narzędzi, których możesz użyć, aby temu zaradzić. Najważniejszym z nich jest proces, którego używasz do tworzenia tych obrazów, prawdopodobnie ma przepływ pracy. Jeśli tworzysz rzeczy w Photoshopie, podczas eksportowania rzeczy upewnij się, że eksportujesz je do internetu. Zastanów się, czy ten JPEG naprawdę musi mieć idealną jakość pikseli, czy też możemy ją nieco obniżyć i może zaoszczędzić na rozmiarze pliku. Jeśli to wszystko jest trochę techniczne, przejdź do squoosh.app. Squoosh to narzędzie stworzone przez część zespołu programistów Google. Są super nerdami, naprawdę interesują się przestrzenią obrazu. Przeciągasz i upuszczasz obraz. Daje to opcje, które możesz kliknąć, gdzie możesz zmienić PNG na JPEG. Przeciągasz i upuszczasz, a gdy to robisz, możesz zobaczyć, jak zmienia się jakość obrazu. Czy jestem zadowolony z tego kompromisu? I jest cała masa zaawansowanych pól wyboru, które mogę kliknąć i zobaczyć, co się stanie, i tu i tam skrócić o kolejne kilka kilobajtów. I możesz bardzo łatwo uzyskać obraz o wielkości od 2 megabajtów do 200 kilobajtów w ciągu zaledwie kilku sekund przeciągania i upuszczania oraz zabawy z ustawieniami. Nie jest zbyt mocno zakorzeniony w twoich przepływach pracy, ale jako szybka naprawa, aby zmniejszyć niektóre z tych dużych, wąskich gardeł, jest naprawdę fajny.

D: Tak, muszę zająć się optymalizacją obrazu, ponieważ nienawidzę tego przyznawać, ale tak naprawdę nadal używam Macromedia Fireworks do tworzenia oprogramowania.

J: Och, tęsknię za fajerwerkami. Była dobra dekada, kiedy to była moja zabawka.

C: Wiem. Tworzę obraz, a następnie eksportuję go jako plik JPEG o jakości około 80% i stwierdzam: „To jest w porządku dla sieci”. Może to było coś odległego 10 lat temu.

J: To prawdopodobnie praca wielu ludzi, w których po prostu wypuszczają to na 80% i będzie dobrze. I to będzie w większości w porządku, ale czasami coś się prześlizgnie. A jeśli chcesz usunąć wąskie gardło i odblokować, naprawdę warto poświęcić czas na oglądanie każdego obrazu i pytanie: „Czy jestem zadowolony z tych kompromisów w rozmiarze?”

C: Absolutnie. A dla superszybkiej nowoczesnej witryny, która musi konkurować z najlepszymi, to, co właśnie opisałem, z pewnością nie będzie w stanie tego zrobić. To prowadzi nas do piątej pozycji, która polega na wykorzystaniu zaawansowanych technik optymalizacji fontów.

5. Zaawansowane techniki optymalizacji czcionek

J: Wspomniałem, że duże pliki JPEG są często problemem blokującym. Jednym z największych przestępców są czcionki, w szczególności czcionki Google, a właściwie dowolne czcionki ładowane z domeny innej firmy. Często są to najwolniejsze elementy na stronie, największe na stronie, a jako użytkownik zobaczysz to przez cały czas. Kiedy ładujesz stronę, sortowanie zajmuje kilka sekund, a następnie czcionka miga. To naprawdę złe wrażenia użytkownika. W przypadku Core Web Vitals jest naprawdę źle pod wieloma względami, ale są poprawki. Jednym z problemów z czcionkami Google i podobnymi czcionkami jest to, że tworzysz połączenie między domenami, co zajmuje trochę czasu. Rzecz, z którą się łączysz, wysyła zapytania do całej masy systemów zaplecza, co zajmuje trochę czasu. Wypluwa czcionkę z powrotem, musisz pobrać tę czcionkę, a następnie ją wyrenderować. Ten proces składa się z pięciu kroków i zajmuje kilka sekund, a nie da się tego przyspieszyć.

Tak więc jedną z najłatwiejszych wygranych jest zlokalizowanie tych czcionek. Nie ładuj ich z Google Fonts, zignoruj ​​instrukcje Google Fonts dotyczące kopiowania i wklejania CSS. Poszukaj trochę Googlingu i znajdź kilka poradników na temat samodzielnego hostowania tych czcionek. A to będzie się różnić w zależności od konfiguracji i systemu CMS. Zazwyczaj istnieją wtyczki i procesy, dzięki którym jest to całkiem proste. To wszystko go ogoli. Inną rzeczą, którą chcesz zrobić, jest sprawdzenie, czym właściwie jest ta czcionka, którą ładuję i jak ją ładuję.

W nowoczesnym CSS ładującym czcionki można zdefiniować określone zestawy znaków. Jeśli więc wiesz, że Twoja witryna jest na przykład w większości w języku angielskim, prawdopodobnie nie musisz ładować znaków czcionki dla całej masy rozszerzonych glifów łacińskich, co faktycznie dzieje się domyślnie. Czcionka, którą ładujesz, używa tylko AZ, od jednego do dziewięciu, ale w rzeczywistości ładujesz 200 dziwnych znaków, które nigdy nie pojawiają się na twoich stronach. Więc jeśli możesz to pokroić, to znacznie szybciej. Możesz także powiedzieć: „Czy chcę, aby ta czcionka ładowała się szybko, ale potencjalnie nie była buforowana? Lub gdziekolwiek występują kompromisy, jak długo chcę czekać na jej załadowanie? I czy wracam do czegoś innego? A może po prostu pokażę pustą przestrzeń tam, gdzie powinna być?” Istnieją różne ustawienia, przy których możesz majstrować, i narzędzia, które możesz zoptymalizować w Google. W ten sam sposób, jak obrazy, które chcesz obejrzeć w każdym fragmencie, naprawdę sprawdzaj, w jaki sposób ładujesz te czcionki. csstricks.com ma kilka świetnych przewodników na całą masę sposobów, w jakie możesz to zrobić.Ale znowu spójrz na swój CMS i swój stos, będą wtyczki i zakupy, które to ułatwią.

D: I po szóste, używaj sztuczek CSS i JavaScript.

6. Sztuczki CSS i JavaScript

J: Więc kolejnym najczęstszym napastnikiem jest sposób ładowania stylów i skryptów. A jeśli masz witrynę internetową, która ma wiele złożonych elementów wizualnych, a może ma ruch i interakcje, widżety i rzeczy, które możesz klikać i robić z nimi, prawie na pewno jest tak, że CSS i JavaScript używane do zasilania zajmuje trochę czasu ładować i wchodzić w interakcję ze stroną na różne sposoby. Zobaczysz to w raporcie Narzędzi dla programistów Chrome, gdy spojrzysz na ten wodospad rzeczy, które zatrzymują inne rzeczy. JavaScript jest w tym naprawdę złym przestępcą. Jeśli mam skrypt, który obsługuje, powiedzmy, karuzelę u góry strony, nie chcę czekać na załadowanie tego skryptu, zanim ta karuzela zacznie się przewijać. Jest więc kilka rzeczy, które możesz z tym zrobić. Jednym z nich jest to, że możesz je po prostu zmniejszyć. Cloudflare jest w tym naprawdę dobry. Jeśli jest mniejszy, ma mniej bajtów, to szybszy czas ładowania strony. Ale inna rzecz, którą możesz zrobić, która jest naprawdę potężna, to powiedzieć, że dla tego pliku JavaScript nie muszę ładować od razu, mogę poczekać, aż strona zostanie ukończona.

Możesz to zrobić na różne sposoby. Możesz ładować asynchronicznie, możesz to odroczyć. Odroczenie jest zazwyczaj najlepszą praktyką w dzisiejszych czasach. Ludzie robią różne dziwne rzeczy, łącząc async i odraczając je, robiąc bałagan. Ale samo użycie atrybutu defer w plikach JavaScript, których nie potrzebujesz od razu, może znacznie przyspieszyć twoją stronę. Więc jeśli mam jakiś JavaScript, który kontroluje coś w stopce, naprawdę nie muszę czekać na to, aby załadować resztę strony, zwłaszcza jeśli weźmiesz pod uwagę, że sposób interakcji JavaScript i CSS jest dość niejasny. Jeśli mam dużo skryptów, dużo stylów na mojej stronie, część z nich będzie czekać na załadowanie JavaScriptu. Więc wszędzie są rzeczy, które trzymają inne rzeczy. Tak więc bycie naprawdę taktycznym i mówienie, że nie potrzebuję tego od razu, może odblokować ogromny wzrost wydajności. Ponownie, bardzo łatwo jest sprawdzić, gdzie znajdują się ci przestępcy w Narzędziach dla programistów Chrome. A jeśli masz zasoby programistyczne, bardzo łatwo to zrobić. Dosłownie dodajesz atrybut do tagu i robi to automatycznie.

D: A numer siedem to maksymalne wykorzystanie buforowania i wersjonowania.

7. Buforowanie i wersjonowanie

J: Jedną z rzeczy, które Cloudflare robi naprawdę dobrze, jest to, że kiedy po raz pierwszy napotka zasób, niezależnie od tego, czy jest to obraz, fragment kodu JavaScript, czy styl, zapisuje go w Cloudflare, a następnie każdemu, kto o to poprosi w przyszłości pobiera wersję z pamięci podręcznej. I to było im podawane z miejsca super lokalnego. To super wydajne, naprawdę fajne. Wiele stron internetowych działa w sposób, który sprawia, że ​​jest to dość trudne. Na przykład chcesz mieć pewność, że tworzysz wersje arkuszy stylów i skryptów. Więc kiedy publikujesz swoją najnowszą wersję swojego fragmentu JavaScript, chcesz powiedzieć, że jest to wersja szósta. A potem to może być ładnie buforowane przez Cloudflare i dla każdego, kto odwiedza. Kiedy dokonujesz aktualizacji, chcesz zmienić ten typ pliku, zmienić nazwę pliku, więc jest to wersja siódma. A potem wszystkie twoje pamięci podręczne wygasły, ludzie proszą o inny zasób i zaczynają wracać bardzo szybko.

Kiedy zaczyna to być naprawdę potężne, zaczynasz buforować same strony internetowe. Tak więc Cloudflare domyślnie buforuje tylko bity JavaScript i bity CSS. Chcesz buforować strony internetowe. Ale chcesz to zrobić w sposób, który nie spowoduje przypadkowego buforowania osób, które są zalogowane lub osób, które mają rzeczy w koszyku. Jeśli korzystasz z WordPressa, istnieje usługa Cloudflare o nazwie automatyczna optymalizacja platformy, która robi to automatycznie. Teraz obsługujesz swoją witrynę z dowolnego miejsca, w którym znajduje się najbliższe centrum danych Cloudflare, a oni otrzymują zapisaną wersję w pamięci podręcznej w ciągu 50 milisekund, a nie 600 milisekund.

Jeśli masz bardziej złożoną stronę internetową, możesz to zrobić za pomocą Cloudflare z produktem Workers, który w ramach produktu Page Rules pozwala zdefiniować w tym celu własną logikę. Ale w zasadzie założenie jest takie, że nie chcesz, aby Twoja witryna cokolwiek robiła. Jeśli ktoś otwiera Twoje strony, chcesz, aby ta strona, każdy fragment kodu JavaScript i każdy fragment stylu były obsługiwane z dowolnego miejsca, w którym znajduje się najbliższe centrum danych. Myślę, że moje serwery są w Norwegii. Ale jeśli otworzysz teraz moją witrynę, wszystko na niej pochodzi z Manchesteru, ponieważ jest to najbliższe miejsce, w którym Cloudflare ma centrum danych. I możesz przy tym majstrować. Możesz na to spojrzeć w Narzędziach dla programistów Chrome, możesz dodać dodatkową kolumnę do widoku, który mówi, czy jest to buforowanie Cloudflare. I możesz zacząć wybierać i dostosowywać te ustawienia, aby upewnić się, że nic nigdy nie trafi do tyłu.

D: A to prowadzi nas do ostatniego. Numer osiem, użyj sprytnego zestawu innej firmy.

8. Sprytny zestaw innych firm

J: Jest cała masa rzeczy, możesz po prostu rzucić się, żeby trochę oszukiwać. W tej chwili mam dwóch prawdziwych faworytów. Jednym z nich jest Instant Page, który znajduje się pod adresem instant.page, który ma ciekawą domenę. To jest naprawdę fajne. Nie przyspiesza to więc Twojej witryny od razu, ale przyspiesza późniejszą nawigację. Kiedy więc użytkownik najedzie myszą na link na Twojej stronie, zostanie on wstępnie załadowany w tle przeglądarki, dzięki czemu po kliknięciu jest już dostępny. I mają całą masę badań, które mówią, że przeciętna osoba przesuwa kursor myszy nad łączem na 16 milisekund, zanim faktycznie kliknie. Więc jest tam trochę czasu buforowego. A w ciągu tych 16 milisekund to wystarczająco dużo czasu, aby zacząć ładować stronę w tle. Więc wydaje się to natychmiastowe.

I jest kilka powodów, dla których jest to naprawdę miłe. Po pierwsze, to świetne wrażenia użytkownika. Po drugie, ma to wpływ na Twoje podstawowe wskaźniki internetowe, mimo że nie jest to początkowe ładowanie strony, podstawowe wskaźniki internetowe agregują szybkość i czasy ładowania w całej witrynie w adresach URL. Więc jeśli te nawigacje są super natychmiastowe, zrobi to cuda dla twoich ogólnych wyników, które mogą zbliżyć cię do tego świętego Graala ulepszonych rankingów Google.

Dla bardziej technicznych ludzi, inną zabawką, którą w tej chwili naprawdę lubię, jest Party Town. A założenie jest takie, że niektóre treści, które ładujesz w swojej witrynie, pochodzą od firm zewnętrznych. A to często śledzące piksele i Menedżer tagów Google i może inne drobiazgi. Nie chcesz, aby te rzeczy konkurowały z najważniejszymi rzeczami, które są kluczowe dla Twojej witryny. Więc jeśli mam trochę JavaScriptu, który napędza ładowanie strony, nie chcę, aby Menedżer tagów Google ładował się przeciwko temu i kradł zasoby, a następnie walczył. Chcę oddzielić te rzeczy, aby moja strona w przeglądarce wiedziała, że ​​powinna naprawdę priorytetowo traktować rzeczy, które są krytyczne i że rzeczy innych firm mogą się dziać w tle, mogą się dziać osobno. Z technicznego punktu widzenia ładuje wszystkie te zasoby stron trzecich do oddzielnego pracownika, co oznacza, że ​​dzieje się to poza normalnym strumieniem, nie wpływa na wydajność i dzieje się cicho w tle. Widziałem niesamowity wzrost wydajności z tego rodzaju rzeczy. Myślę, że w tym właśnie kierunku zmierza optymalizacja wydajności. Konfiguracja jest trochę trudna, nie działa idealnie ze wszystkimi rzeczami. Ale jeśli naprawdę chcesz wyprzedzić konkurencję, jest to naprawdę fajna zabawka do zabawy. Więc to trochę beta, ale warto to zbadać.

D: Próbowałem poszukać adresu URL Party Town, ponieważ jeśli wyszukujesz w Google, jest to dość trudne do znalezienia, ale jest na GitHub.

J: Tak. Właśnie wysłałem Ci link, który możesz udostępnić. To bardzo beta. To bardzo GitHub. W tej chwili jest bardzo nerdowy i deweloperski.

Marynata Pareto - Wprowadź 100 małych zmian

D: Skończmy z marynatą Pareto. Tak więc Pareto mówi, że możesz uzyskać 80% swoich wyników z 20% swoich wysiłków. Jakie działanie SEO, które poleciłbyś, zapewnia niesamowite wyniki przy niewielkim nakładzie pracy?

J: Najlepszą radą, jakiej mogę udzielić, jest ignorowanie optymalnego dla SEO Pareto. Myślę, że już tak to nie działa. Myślę, że to świetna rada, jeśli jesteście naszymi dziadkami prowadzącymi sklep stacjonarny 100 lat temu. Myślę, że nasz ekosystem jest inny. Myślę, że w szczególności w przypadku SEO, sposób, w jaki wygrywasz, to wprowadzanie 100 małych zmian, jedna po drugiej, iteracyjnie dziś i jutro, aż do śmierci. W przeciwnym razie twoi konkurenci poruszają się szybciej. Chodzi o jakość, markę i biznes. Wszystko, co możesz taktycznie powiedzieć: „Och, po prostu zrób to”, Twoi konkurenci również mogą to zrobić.

Więc tak, istnieją potencjalnie sprytne odpowiedzi, takie jak podwojenie reputacji Twojej marki, ponieważ to z pewnością będzie dobrze. Ale to bardzo złożona sprawa. I myślę, że o wiele lepszym sposobem myślenia o tym jest to, że dziś po południu, jakie dziesięć rzeczy mogę poprawić? I po prostu idź i zrób to. I nie muszą być wielcy ani sprytni, po prostu iterują i stają się lepsi.

D: Nie musisz ustalać priorytetów. Ale z pewnością niektóre rzeczy mają większy wpływ niż inne.

J: Tak, ale wszystkie wielkie rzeczy po prostu okazują się lepszym rozwiązaniem, mają lepszą treść, są bardziej dostosowane do rynku produktu lub robią wrażenie i pomagają swoim odbiorcom, ale żadne z tych nie są namacalne, taktyczne rzeczy, które możesz zrobić.

Wiesz co, zmieniam zdanie. 80% rzeczy, które możesz zrobić, to zdobyć Cloudflare.

D: Byłem twoim gospodarzem David Bain. Jono, bardzo dziękuję za udział w podkaście In Search SEO.

J: Dzięki, że mnie masz. To było wspaniałe.

D: I dziękuję za wysłuchanie.