Zapis, dlaczego szybkość strony ma znaczenie w Twojej witrynie
Opublikowany: 2019-12-18Powrót do podcastu
Transkrypcja
John Jantsch: Ten odcinek jest podcastem marketingowym dotyczącym taśm klejących i jest dostarczany przez pixelz.com. Musisz sprawić, by te obrazy wyglądały świetnie. Jeśli chcesz, aby wyskoczyły, jeśli chcesz, aby reprezentowały Twoje produkty, jest to usługa retuszu, która sprawi, że Twoje obrazy będą wyglądać świetnie.
Witam w kolejnym odcinku podcastu o marketingu taśm klejących. To jest John Jantsch. Moim dzisiejszym gościem jest Lukas Haensch. Jest byłym menedżerem Google UX i założycielem Pathmonk w pathmonk.com.
John Jantsch: Porozmawiamy o szybkości strony, szybkości ładowania strony, wszystkich czynnikach UX. Jeśli ludzie odwiedzają Twoją witrynę, która ładuje się bardzo wolno, to jest to złe doświadczenie i dlatego jest to tak ważny czynnik. W rzeczywistości jest to tak ważny czynnik, jak Google, zewnętrznie nazywając go czynnikiem rankingowym dla celów SEO. Więc Lukas, dzięki za dołączenie do mnie.
Lukas Haensch: Dziękuję John. Dzięki za zaproszenie.
John Jantsch: Więc jak osoba, to znaczy, znowu, wiele razy ludzie mówią o szybkości strony i jest tak wiele czynników, które wchodzą w grę. Ktoś mógłby mieć świetną stronę internetową, która ładuje się szybko, ale ktoś działa wolno, jak zwykłem mawiać dial-up. Nie mówimy już, że dzwonimy, prawda? Ale wolne połączenie. I tak mają złe doświadczenia. Mam na myśli, skąd wiemy, gdzie stoimy? Chodzi mi o to, jak mierzymy, jaka jest szybkość naszej strony?
Lukas Haensch: Bardzo, bardzo się cieszę, że pytasz. Myślę więc, że może przede wszystkim myślę, że jedną z kluczowych koncepcji, o której należy pamiętać, jest to, dlaczego w ogóle zależy nam na szybkości strony? Tylko bardzo, bardzo krótko, dlaczego w ogóle nas to obchodzi? Jeśli porównasz to ze swoim sklepem detalicznym, może to bardzo, bardzo ładne analogie porównać je do drzwi przesuwnych w twoim sklepie. Jeśli to jest otwieranie super, super, super powolne, ile osób czekałoby, aby rzeczywiście przejść?
Lukas Haensch: Po prostu trzymaj tego rodzaju analogię z tyłu głowy, kiedy przejdziesz przez to wszystko, dzisiaj. Tak więc kanał strony jest w zasadzie otwieraczem drzwi dla użytkownika. Było tam mnóstwo metryk i wiem, że jest wielu marketerów słuchających. Więc zasadniczo podam jeden wskaźnik, którego używaliśmy w Google podczas pracy z największymi klientami Google, a jest to wskaźnik prędkości. Więc jest mnóstwo metryk, które możesz mieć, czas ładowania, ładowane pierwsze bity, kiedy zaczyna się renderować?
Lukas Haensch: Ale jeśli spojrzysz na indeks prędkości, a powiem ci za chwilę, jak go otrzymujesz, ale jeśli spojrzysz na indeks prędkości, tak naprawdę zmierzysz, ile czasu zajmie do pierwszego ekranu, powyższa zawartość strony po przewinięciu, jak długo trwa, zanim zostanie ona w pełni pomalowana, co z kolei oznacza, że użytkownik ma sensowne wrażenia z Twojej witryny? Na tym właśnie tak naprawdę skupiliśmy się w naszym zespole w Google, aby zoptymalizować pod kątem tego pierwszego renderowania w części zwijanej.
Lukas Haensch: I wszystkie inne działania odejdą stamtąd, ponieważ wezwanie do działania już tam jest, obraz bohatera już tam będzie, a potem wszystko inne się rozwinie. Tak więc indeks prędkości jest czymś, co można bardzo łatwo uzyskać. Istnieje narzędzie o nazwie webpagetest.org. W rzeczywistości jest zbudowany z Google. W tym sensie nie jest to oficjalne narzędzie Google, ale zostało zbudowane przez zespół w Google, aby przyjrzeć się witrynom z szybkością stron.
Lukas Haensch: A jeśli umieścisz tam swój adres URL, otrzymasz wskaźnik zwany indeksem szybkości strony, który wskaże około 3000 lub 4000, a to w zasadzie milisekundy. Więc jeśli masz indeks szybkości strony 3000, jesteś w górnej części ekranu. Zawartość zostanie w pełni załadowana po trzech sekundach. Więc to jest jedna naprawdę dobra rzecz, na którą warto zwrócić uwagę.
John Jantsch: Więc powtórz to jeszcze raz, webpagetest.org?
Lukas Haensch: Zgadza się. Webpagetest.org jest jak ciemnoniebieska strona internetowa, na której możesz umieścić kilka parametrów, możesz wybrać sieć, co jest naprawdę ważne. Musisz wybrać coś, co ma sens dla twojej bazy użytkowników. Nie wszyscy korzystają z 5G i nawet nie wszyscy korzystają z 4G. To może być zabawne, ale kiedy robiliśmy to około dwa lata temu, półtora roku temu w Google, w rzeczywistości testowaliśmy w 3G szybko, ponieważ tak duża baza użytkowników faktycznie korzysta z wolniejszych i niższe urządzenia końcowe. Dlatego testowanie w sieci Wi-Fi w Twoim biurze prawdopodobnie nie jest najlepszym rozwiązaniem.
John Jantsch: Gdzie znalazłeś lub co było jednym z największych winowajców, mam na myśli to, że strony spowalniają?
Lukas Haensch: A to wiąże się dokładnie z koncepcją, o której przed chwilą mówiliśmy. Patrzymy na powyższe renderowanie zawartości strony i jest tylko jeden bardzo wysoki poziom. Istnieje jedna kluczowa koncepcja, która nazywa się krytyczną ścieżką renderowania, co oznacza, że przeglądarka musi przejść przez wiele zasobów, zanim zacznie pokazywać cokolwiek na ekranie. Jeśli więc masz dużo wolnego miejsca, zanim Twoja witryna cokolwiek wyświetli, zwykle blokujesz krytyczną ścieżkę renderowania.
Lukas Haensch: Zobaczysz to wizualnie, jeśli wejdziesz na webpagetest.org, będziesz mógł to zobaczyć dokładnie, ponieważ jest to w zasadzie spowolniona wersja tego, jak Twoja strona się ładuje. Zobaczysz w drugim, mamy biały ekran, w drugim 1.5 mamy biały ekran i tak dalej i tak dalej, aż do momentu, gdy faktycznie wyświetlisz pierwszą treść. Więc największe rzeczy, które wpływają, to wszystko, co blokuje renderowanie, ponieważ jeśli blokujesz renderowanie, masz szeroką stronę, a to zwykle jest kilka rzeczy.
Lukas Haensch: Domyślnie tak będzie zawsze, ponieważ jest to po prostu blokowanie renderowania. To Twój CSS i Twój JavaScript na Twojej stronie. Bez wchodzenia w szczegóły. Ale zawsze, gdy masz coś, co zawiera dużo skryptu Java i może to być odtwarzacz wideo, może to być karuzela, w której na górze Twojej witryny znajdują się odwrócone wiadomości marketingowe, które bardzo często są napędzane przez skrypt Java .
Lukas Haensch: Będziesz miał, techników, stare narzędzie do testowania AB, którego możesz już nie używać. To będzie skrypt Java. Więc nawet jeśli nie jest to naprawdę potrzebne na górze ekranu, będzie blokować to, co poszło, gdy zaczniesz widzieć coś na ekranie. Tak więc jednym z kluczowych ćwiczeń jest to, aby zawsze sprawdzać, czy wszystkie używane przez nas pliki skryptów Java, czy wszystkie pliki CSS, których używamy, są faktycznie wymagane lub czy możesz, i nazywa się to opóźnianiem ich lub odraczaniem w terminów technicznych, możesz opóźnić załadowanie kilku tych elementów, co następnie odblokuje krytyczną ścieżkę renderowania, która następnie wyświetla tę samą zawartość wcześniej bez zmiany czegokolwiek w witrynach serwera, bez zmiany niczego dramatycznego.
Lukas Haensch: Kluczową rzeczą, której uczyliśmy się i komunikowaliśmy w Google przez cały czas, jest to, że nie musisz wprowadzać tak dużych zmian. W zasadzie każdy plik, który ładujesz, może zostać ulepszony. Czy to plik CSS? To może być, w tej chwili nie potrzebne. Można go załadować później. Czy to plik JavaScript? Można go odroczyć. Czy to plik czcionki? Może to stary format czcionki. I tak dalej i tak dalej. Możesz przejrzeć wszystkie fakty i oczywiście zdjęcia, jest jedna wielka kluczowa sztuczka, która moim zdaniem jest naprawdę pomocna w przypadku obrazów.
Lukas Haensch: Mogę się tym zająć, ale ostatecznie chodzi o przejrzenie tych pojedynczych elementów i ciebie jako marketera, jeśli tak, to może jest coś, z czym nie pracowałeś przez cały czas, po prostu przejdź do strony webpagetest.org w adresie URL i możesz krok po kroku zobaczyć, dobrze, co się właściwie ładuje i co widzę na moim ekranie? A to da ci dobre wyczucie tego, co dzieje się na twojej stronie. Jeśli jest mnóstwo skryptów Java, jeśli jest mnóstwo obrazów, jeśli długo się tam ładuje lubiane pliki, to wszystko.
John Jantsch: Jaką rolę, mam na myśli, wiem, że ostatecznie odgrywa pewną rolę, ale jaką rolę odgrywa hosting w spowolnieniu witryn lub szybszym ładowaniu?
Lukas Haensch: Mam na myśli to, że zasadniczo wpływa to na pierwszą część ogólnego równania na to, jak szybko wysyłasz, twój pierwszy kęs, zasadniczo, jak szybko wysyłasz informacje, jest w zasadzie w dół rury. To, co znaleźliśmy, to oczywiście odgrywa swoją rolę, ale znacznie, znacznie większą rolę, znacznie szybsze wygrane są w optymalizacji poszczególnych plików, ponieważ, jak właśnie omówiliśmy wcześniej, blokowanie krytycznego klastra renderującego. Jest tak wiele drobiazgów, które możesz zrobić, zanim w ogóle będziesz musiał dotykać tego hostingu. Tak więc przyjrzę się krytycznej ścieżce renderowania i ładowaniu plików kilka razy przed zmianą głównych ustawień.
John Jantsch: Czy uważasz, że niektóre z dostępnych obecnie systemów zarządzania treścią, oczywiście WordPress jest zdecydowanie najpopularniejszy? Czy to część problemu, szczególnie gdy ludzie zaczynają dodawać motywy, wtyczki i tego typu rzeczy?
Łukasz Haensch: 100%. Myślę, że musisz pomyśleć o tym, co to jest wtyczka. Wtyczka w wielu, wielu przypadkach jest po prostu zbiorem kodu JavaScript. Oczywiście zależy to od tego, co robi, ale jeśli ma dużo funkcji, to tak. Na przykład i stosujemy tę samą logikę, weźmy logikę wtyczki z WordPressa. Więc ładujesz kilka wtyczek. Niektóre z nich nie będą nawet potrzebne na tej stronie. Niektóre z nich będą potrzebne tylko na jednej konkretnej stronie. Lub niektóre z nich będą potrzebne tylko na dole strony.
Lukas Haensch: Więc to, co możesz robić, to możesz być, i jest nawet wtyczka do tego rodzaju wtyczki meta. Ale możesz też uruchomić to za pomocą kodu. Możesz warunkowo załadować swoje wtyczki. Więc jeśli mój pierwszy ruch, mój ekran się ładuje, jeśli moja strona się ładuje, możesz po prostu użyć tego modułu ładującego kondycjonery do wtyczek, a następnie wybrać i wybrać, kiedy wtyczka powinna się ładować.
Lukas Haensch: Jeśli robisz to za pomocą kodu, będziesz miał jeszcze większą elastyczność, aby powiedzieć, dobrze, który z nich powinien być teraz ładowany? I znowu, wspomniałeś tam o motywach, ponieważ zespoły mają dużo skryptów Java i wszystko ładuje się na początku. To z kolei blokuje renderowanie. I znowu możesz przejść plik po pliku przez sprawdzenie, dobrze, które z nich można odroczyć i załadować później.
Lukas Haensch: W tym miejscu marketing musiałby usiąść razem z deweloperem i sprawdzić, w porządku, [niesłyszalne] faktycznie pliki skryptów Java, pozwólcie, że podam krótki przykład. Masz skrypt Java, którego potrzebujesz na swojej stronie kasy. Że JavaScript nie jest w ogóle wymagany w ciągu pierwszych kilku sekund. Użytkownik musi nawet tam dotrzeć. Więc to jest kombinacja. To jest naprawdę, patrzysz na wtyczki, [niesłyszalne 00:10:52], patrzysz na skrypt Java, próbujesz odroczyć niektóre, i tak w zasadzie tniesz sekunda po sekundzie.
John Jantsch: Przeprowadziłem więc testy dotyczące korzystania z testów stron, które udostępniłeś, a także statystyk Google dotyczących szybkości stron. I wydaje się, że istnieje znacząca różnica w obciążeniu mobilnym w porównaniu z komputerem stacjonarnym. W rzeczywistości przetestowałem wiele witryn i rzadko udaje mi się znaleźć witryny, które otrzymują świetne recenzje od Google na urządzeniach mobilnych. Czy są rzeczy, które powinniśmy robić? Chodzi mi o to, czy powinniśmy mieć [niesłyszalne] prawie oddzielne witryny lub oddzielne środowiska dla urządzeń mobilnych?
Lukas Haensch: Więc to bardzo dobre pytanie. To znaczy, myślę, że obciążenie mobilne… Mam na myśli, że czas ładowania na urządzeniach mobilnych staje się szczególnie widoczny, ponieważ urządzenia i my jesteśmy na połączeniu. Więc jest znacznie więcej punktów krytycznych, powiedzmy, lub znacznie więcej punktów, które są w pewnym stopniu zagrożone, zmniejszając wydajność. Oznacza to, że jeśli patrzę na moją stronę mobilną, myślę, i myślę, że nawet z WordPressem, możesz uzależnić ładowanie niektórych elementów, aby po prostu powiedzieć nie, nie pokazuj tego na telefonie komórkowym ani nie pokazuj go na telefonie komórkowym.
Lukas Haensch: Są w tym pewne elementy. Weźmy, myślę, że może podam przykład karuzeli. Jeśli różowa karuzela z innym obrazem na samej górze. Więc masz to może na komputerze i tak naprawdę nie ma to wpływu na wydajność, ale potem patrzysz na urządzenia mobilne i nagle poważnie wpływa na wydajność, ponieważ ładujesz pięć lub sześć obrazów, co jest dość dużo rzeczy do Załaduj.
Lukas Haensch: Ładujesz skrypt Java, który jest losowo blokowany, jak wspomniałem. A także, co oznacza, że teraz miałeś sytuację, w której zasadniczo musisz mieć budżet zadaniowy, w którym mówisz, w porządku, mam ten i tamten budżet do rozegrania. A jeśli patrzysz na swoją stronę mobilną i wydajesz już spory budżet na sześć obrazów i skrypt Java, zajmuje ci to już kilka sekund, które potrwają, podczas gdy będziesz musiał nawet spojrzeć Twoje dane i analizy, aby ludzie nawet wchodzili w interakcję, z piątym lub szóstym obrazem.
Lukas Haensch: A może to tylko dlatego, że marketing lub ktoś inny chciał mieć kilka przesłań? Więc zdecydowanie rozważyłbym, patrząc na szczególnie ciężkie, ciężkie przedmioty, takie jak filmy. Nie mówię, aby nie używać filmów, ale są też mądrzejsze sposoby wyświetlania filmów. Karuzele, tego typu elementy są bardzo surowe, aby nie używać ich na urządzeniach mobilnych, ponieważ zwykle nie mają silnej wartości UX i zdecydowanie zabierają dużo z budżetu prędkości.
John Jantsch: Jeśli masz stronę internetową, jeśli sprzedajesz produkty online, wiesz, że obrazy mają kluczowe znaczenie dla tego, jak ludzie wyrabiają opinie o Twoich produktach i usługach. pixelz.com to piksel z z.com to usługa retuszowania zdjęć, która może wykonać wszystkie Twoje zdjęcia. Mogą je retuszować, dodać kształt i symetrię, wygładzić guzki, wyrównać ramiona, takie rzeczy, które mogą zmniejszyć zmarszczki, zmniejszyć i usunąć kłaczki, wszystko, co po prostu nie pasuje. Niech ktoś to za ciebie zrobi. Przyspiesz czas wprowadzania produktów na rynek, ponieważ następnego ranka otrzymasz retusz zdjęć. Wejdź na stronę Pixel.com, czyli PIXELZ.com, i dowiedz się o ich usługach retuszowania zdjęć.

John Jantsch: Czy możesz, nie zmuszając ludzi do glazurowania się tutaj, opowiedzieć trochę o AMP w tym równaniu, przyspieszonych stronach mobilnych. Czy jest to coś, czego ludzie powinni używać, aby uzyskać lepsze obciążenie, lepsze wrażenia, ale wtedy masz mniej grafiki, masz mniejszą kontrolę? Więc jak się z tym czujesz?
Lukas Haensch: Osobiście, mam na myśli, jak na to patrzę, to w zasadzie jest to normalna strona internetowa ze wszystkimi wcześniej podanymi zasadami. Już teraz nakłada wiele ograniczeń na skrypt Java. To już ci daje, a potem oczywiście są dalsze optymalizacje w kodzie HTML. Więc w pewnym sensie jest to branie tego rodzaju zasad, o których właśnie dyskutowaliśmy, i narzucanie ich w pewnym sensie. Dlatego właśnie to jest jeden element i jeden z powodów, dla których te strony ładują się naprawdę szybko.
Lukas Haensch: Nie uważałbym się za eksperta AMP, ale zdecydowanie uważam, że jest to po prostu strona internetowa, normalna strona internetowa z mnóstwem zasad, które zasadniczo uniemożliwiają nadużywają budżetu na szybkość i dlatego są to szybkie strony. Więc myślę, że to świetny sposób dla kogoś, jeśli pasuje do twojego rodzaju treści. Jeśli możesz w ten sposób przekazać swoją wiadomość, myślę, że jest to świetny sposób.
John Jantsch: Tak więc wiem anegdotycznie, dam stronie trzy lub cztery sekundy, jeśli nic się nie dzieje, mogę kliknąć, zwłaszcza na moim urządzeniu mobilnym. Czy istnieją statystyki, które definitywnie mówią, że tak, liczba osób X będzie czekać X czasu, ale jeśli Twoja witryna nie załaduje się w tym czasie, to nie tylko jest to złe doświadczenie, ale po prostu odejdą?
Lukas Haensch: Tak. Jest tylko mnóstwo metryk. Kilka wskaźników, których używaliśmy w naszym zespole i prawdopodobnie było, jeśli nie było gorzej, przynajmniej ich stan lub sytuacja się pogarsza, 53% konsumentów opuści witrynę, jeśli potrwa to dłużej niż trzy sekund do załadowania. Oznacza to, że według tych danych połowa ruchu została już przeniesiona na komórki, jeśli nie ładuje się szybciej lub w ciągu tych trzech sekund.
Lukas Haensch: A kiedy mówię, że trzy sekundy indeks prędkości 3000 jest w stanie namalować go na ekran w ciągu trzech sekund, bo wtedy człowiek nie ma powodu, aby odejść. Ponieważ myślę, że może jest również jeden kluczowy element, kiedy mówimy o indeksie szybkości lub szybkości strony, mówimy również o osobie, która widzi coś znaczącego. Może nie jest dobrym pomysłem oderwanie tego od ludzkiego doświadczenia, patrząc na mnóstwo różnych wskaźników.
Lukas Haensch: Jak można pokazać osobie coś znaczącego, co oznacza, że nie odejdzie, bo czegoś nie widzi. Odejdą może z innych powodów. Tak więc 53%, jest mnóstwo innych wskaźników dotyczących tego, jak to możliwe, jeśli wczytasz jedną sekundę szybciej, współczynnik konwersji wzrośnie o około 20% lub więcej. Trudno mi to wydać, to naprawdę zależy od przypadku użycia i ruchu, który otrzymujesz. Ale myślę, że te 53%, jeśli nie uczysz się mniej niż trzy sekundy, jest naprawdę dobrym pomysłem, aby mieć go w pamięci. O tym, czy w twoim przypadku jest to 100%, to już inna historia.
John Jantsch: Myślę, że to ilustruje te przyczyny, wiele razy, gdy niektóre firmy, marketerzy mają tylko tyle uwagi budżetowej, ile czasu na pracę nad rzeczami. I myślę, że ważne jest, aby zdali sobie sprawę, dlaczego powinno to być priorytetem. Myślę, że to dobra miara.
Łukasz Haensch: 100%. Na przykład, gdy prowadzisz sklep detaliczny, jeśli twoje drzwi się nie otwierają, tak jakbyś natychmiast wskoczył na niego.
John Jantsch: Dokładnie. Myślę, że część problemu polega na tym, że wielu marketerów tak naprawdę nie odwiedza ich własnej witryny. W rzeczywistości nie mają takiego samego doświadczenia, jakie mają ich klienci lub potencjalni klienci.
Lukas Haensch: Tak. A jeśli tak, to bardzo często jest to wersja z pamięci podręcznej. Wersja z pamięci podręcznej lub Wi-Fi. Więc naprawdę zrób ten wysiłek. Idź na narzędzie takie jak, a nawet możesz to zrobić z Chrome, ale wejdź na webpagetest.org i przetestuj to tylko po to, aby samemu zobaczyć, jakie doświadczenia ma większość ludzi z Twoją witryną.
John Jantsch: Wiem, że Google niekoniecznie podaje listę wszystkich czynników, których używa do rankingu. Ale myślę, że dość powszechnie przyjmuje się, że szybkość strony lub jej brak jest zmienną w tym, czy Twoje strony są w rankingu. Czy możesz do tego mówić?
Lukas Haensch: Mam na myśli to, że oczywiście nie mam wszystkich spostrzeżeń na temat wszystkich rzeczy, które wpływają na ranking. Gdyby tak było, prawdopodobnie nie musiałbym już pracować. Ale myślę, że być może warto pamiętać o jednej rzeczy. Wszystko to ma ku temu pewien powód. Więc coraz więcej ruchu jest na urządzeniach mobilnych. Tak więc ruch mobilny wyraźnie przewyższył ruch na komputerach stacjonarnych. W związku z tym coraz więcej ruchu pochodzi z wyszukiwarki Google na urządzeniach mobilnych niż na komputerach, stąd odwiedzający, a tym samym większy rynek. W tych kanałach jest więcej możliwości marketingowych.
Lukas Haensch: Ale generalnie widzimy niższe współczynniki konwersji na urządzeniach mobilnych niż na komputerach. Tak więc istnieje dość duże zainteresowanie oczywiście poprawą szybkości strony, ponieważ jest to jeden z aspektów, który wpływa na wrażenia użytkownika. Tak więc w pewnym sensie powód, dla którego jest ważny dla rankingu, jest również powodem, dla którego jest dobry dla użytkowników, co jest powodem, dla którego jest dobry dla konwersji, co z kolei jest dobre dla kogoś, kto prowadzi reklamy w tym kanale. Tak naprawdę nie mogę, nie mam żadnych dalszych wglądów w czynniki rankingowe. Mogę tylko powiedzieć, że to wszystko pochodzi z bardzo dobrego powodu.
John Jantsch: A to, co cały czas mówię ludziom, jest dokładnie tym, co ty powiedziałeś. Strona, która ładuje się powoli, to złe doświadczenie. Dlatego Google nie chce, aby ludzie mieli złe doświadczenia. Więc nie pokażą tej strony. I myślę, że tak należy na to patrzeć. Myślę, że to zawsze było ich intencją. I tak w konsekwencji rzeczy zmieniają się wraz z algorytmem i nie tylko dlatego, że lepiej rozumieją, co, wszystkie czynniki strony są na stronie.
John Jantsch: Myślę więc, że nie ma wątpliwości, że w rzeczywistości jednym z najłatwiejszych sposobów sprawdzenia tego jest to, że gdy mamy klientów, którzy mają naprawdę złe doświadczenia z urządzeniami mobilnymi, niezależnie od tego, czy chodzi o projekt, czy szybkość ładowania, mam na myśli nie możemy sprawić, by wyświetlały się w wyszukiwarkach mobilnych. Po prostu nie chcą. Myślę więc, że jest to tak jasna wskazówka, jak ktoś musiałby sugerować, że niezależnie od tego, gdzie umieścisz to w rankingu, jest to czynnik.
Lukas Haensch: Myślę, że najważniejszą rzeczą, jaką wyniosłbym z pracy w Google nad tym, jest to, że wiele zespołów przecenia wysiłek wymagany do wykonania nawet małych poprawek. Tak więc optymalizacja szybkości strony na stronie mobilnej ma być zatytułowana jako duży projekt. Ale jak już wcześniej próbowałem podkreślić, nie ma wielu rzeczy, wielu małych rzeczy, które można zrobić, aby poprawić.
Lukas Haensch: Na przykład podaj mi jeden lub dwa przykłady, które mogą bardzo drastycznie to podkreślić. Wiele osób próbuje zoptymalizować swój wizerunek bohatera. To, co możesz zrobić tak prosto, jak możesz, bierzesz swój obraz bohatera, możesz go przenieść do, powiedzmy, ciągu kodu. Nazywa się to base 64 w kodowaniu i nagle możesz wysłać swój obraz bohatera przy pierwszym żądaniu w pliku HTML. Próbuję ci tylko powiedzieć, że nie ma wielkich zmian do zrobienia.
Lukas Haensch: Wziąłbyś jeden obraz, przeniósłbyś go do innego formatu, wysłałbyś go teraz ze swoim pierwszym plikiem, a duża część pierwszego nad zgiętą zawartością może być już pomalowana. Myślę więc, że to chyba moja największa wynos, że jest wiele małych rzeczy, które można zrobić, zamiast robić to, aby niepotrzebnie wysadzać to w powietrze jako duży projekt.
John Jantsch: Więc gdzie ktoś, powiedzmy, słuchacz myśli, powiedział kilka rzeczy, które mają sens, ale nie wiem, jak to zrobić. Gdzie znaleźć kogoś, kto, bo znowu, jeśli jesteś tylko konsultantem Google ds. szybkości stron, dostaniesz ludzi, którzy są bardzo techniczni, dostaniesz ludzi, którzy po prostu mówią, że mogą to zrobić, wiedzą, ale są naprawdę chcą tylko przenieść Cię na nowy hosting lub coś takiego. Chodzi mi o to, jak znaleźć odpowiedni zasób, który pomoże ci naprawić niektóre z tych małych rzeczy?
Lukas Haensch: Myślę, że to naprawdę dobre pytanie. Jedyne, co mogę powiedzieć, to to, że jeśli twój zespół będzie rozsądnie przeglądać pliki jeden po drugim, wiele z nich można już odkryć. Czy twój plik czcionki może być po prostu w starym formacie pliku czcionki? Istnieje format pliku czcionki, który jest TTF. Jeśli przeniesiesz go do [niesłyszalny], jest o 30% mniejszy. Czcionki są większe i szybsze. Jedyną rzeczą, której nie mogę powiedzieć, jest jedno miejsce, to, co mogę powiedzieć, to iść z zespołem przez wodospad Twojej witryny. Myślę, że to najlepsze źródło, jeśli mam być szczery.
John Jantsch: A więc we wstępie wspomniałem, że niedawno założyłeś firmę o nazwie Pathmonk. Chcesz nam trochę opowiedzieć o tym, czym zajmuje się Pathmonk.
Lukas Haensch: Jasne. Dlatego zdecydowanie w Pathmonk przyglądaliśmy się znacznie bliżej konwersjom na urządzeniach mobilnych i komputerach. Zdaliśmy sobie sprawę, że marketerom jest bardzo trudno odpowiedzieć na takie pytania, jak: ile wizyt potrzeba, aby użytkownik faktycznie dokonał konwersji? Lub ile sekund masz na stronie, aby faktycznie ich przekonać? I nie mówię o współczynniku odrzuceń, mówię o tym, jaka jest średnia ilość sekund, które ktoś potrzebuje, zanim się zarejestruje? Lub jakie działania użytkowników pokazują, że odwiedzający jest gotowy do konwersji?
Lukas Haensch: Widzieliśmy więc, że istnieje duża luka w możliwości zrozumienia pewnych anonimowych informacji retrospektywnie, takich jak dane analityczne Google lub oglądanie filmów z mapami cieplnymi, takich jak to, jak ktoś się zachowuje. Odkryliśmy jednak, że istnieje luka, na którą w czasie rzeczywistym trudno jest natychmiast zareagować. Co jeśli użytkownik X był na stronie i wykonywał działania, które wyglądają, jakby był konwersją, czy możesz zareagować na rynek? Okazało się, że większość rynku jest aktualna.
Lukas Haensch: Tak więc budujemy, zasadniczo technologie zwane kartami inteligentnymi, które w zasadzie pomagają automatycznie opierać się na sztucznej inteligencji, ucząc się, co użytkownik robi na stronie, jakie są prawdopodobne wzorce konwersji. Więc jakie intencje mają użytkownicy, gdy są na stronie. A następnie pokazujemy im treści dotyczące Twoich produktów, takie jak często zadawane pytania, referencje, studia przypadków dotyczące tak zwanych kart inteligentnych, które przesuwają się od dołu lub od góry. I w ten sposób pozwalamy stronie internetowej reagować w czasie rzeczywistym na to, co dzieje się na stronie z każdym odwiedzającym, aż do poziomu, jakim typem produktu lub funkcji go interesuje.
John Jantsch: I myślę, że jeśli, najprościej mówiąc, jeśli ktoś odwiedza określoną stronę, to prawdopodobnie interesuje się tym tematem. I tak naprawdę jest, zamiast po prostu dać im ogólny slajd, naprawdę jest to sposób na spersonalizowanie ich doświadczenia na prawie każdej stronie lub każdej wizycie lub, jak powiedziałeś, na całej ich ścieżce. Ponieważ wiele razy w witrynach ludzie robią pięć lub sześć rzeczy, które z pewnością wskazują, że zgłębiają określony temat lub mają określony zamiar. A więc, aby móc na to zareagować, jak powiedziałeś w czasie rzeczywistym, myślę, że to, co staje się zachowaniem, którego ludzie zaczynają się niestety spodziewać. I mówię niestety, bo to z pewnością podnosi poprzeczkę marketerom.
Lukas Haensch: I to jest zabawne, widzimy, że są elementy, są elementy oczekiwane, oczywiście ktoś ściąga pewną białą księgę. Ale są też inne rzeczy, takie jak ktoś, kto głęboko skupia twoją stronę. Zauważyliśmy silną korelację między kimś, kto zagłębił się w koncentrację na Twojej stronie, a następnie zgłoszeniem jednego z tych zmian. I to jest coś, co ujawniają dane, a karty inteligentne mogą automatycznie reagować.
John Jantsch: I znowu myślę, że ponieważ odwiedziłem narzędzie i obserwowałem je w akcji, uważam, że karty inteligentne są dość eleganckie, jeśli chodzi o sposób ich dostarczania. Oni nie tylko przejmują ekran lub naprawdę, stają się komuś w twarz. Ale ponieważ są one w pewnym sensie spersonalizowane, myślę, że będą widoczne, podejrzewam, że są o wiele bardziej mile widziane.
Lukas Haensch: To ciekawe. Pracowaliśmy nad wieloma testami UX i wiele prac UX, ponieważ istnieje wiele z góry przyjętych założeń, które sprytni faceci musieli przezwyciężyć. Nie strzela i nie wygląda jak bot czatu, ponieważ istnieje wiele z góry przyjętych koncepcji z botem czatu. Wiele osób nawet nie rozpoczyna rozmowy z botem czatu, ponieważ uważają, że jest w porządku, to robot i nie chcą z nim rozmawiać.
Lukas Haensch: Tak więc wskaźniki wyraźnie pokazują, że wiele osób nie rozpocznie rozmowy. Lub jeśli wygląda jak baner z ciasteczkami, kliknęliśmy 100 milionów razy na baner z ciasteczkami. Zasadniczo pracujemy nad inteligentnymi kartami, aby wyglądały i działały jako część Twojej witryny, dzięki czemu można je całkowicie dostosować do stylu i motywu Twojej witryny. A potem w zasadzie po prostu stań się częścią witryny, przesuwając się w górę iw dół, wyskakując znikąd.
John Jantsch: Cóż, Lukas, bardzo dziękuję za przyłączenie się do nas i rozmowę o szybkości strony i mam nadzieję, że wkrótce natkniemy się na ciebie w drodze.
Lukas Haensch: Wielkie dzięki. Dzięki za zaproszenie.