Czynnik ten odgrywa ważną rolę w rankingu naszej witryny w Google Page Speed Insights. Ponieważ z jednej strony jest to związane z szybkością działania witryny, a z drugiej może niesamowicie wpłynąć na doświadczenie użytkownika naszych odbiorców. Jeśli chcesz wiedzieć, czym jest tti? Jaką rolę odgrywa w doświadczeniu użytkownika i SEO witryny i jak jest mierzona, sugerujemy dołączenie do nas w kontynuacji tego artykułu. Na końcu tego artykułu, oprócz wiedzy o tym, kiedy jest interaktywność, dowiesz się także o strategiach ulepszania i optymalizacji witryny tti.
Kiedy jest czas na interakcję?
Najprostsza definicja tti to czas potrzebny, aby strona stała się interaktywna. Zanim jednak przejdziemy do szczegółów tego, czym jest tti, chcemy porozmawiać z Tobą o ważnych koncepcjach leżących u podstaw interaktywności witryny. Pojęcia te obejmują FCP, obsługę zdarzeń i odpowiedź dla użytkownika krótszą niż 50 ms.
Zdefiniuj koncepcje interakcji w witrynie
- FCP ; FCP, czyli First Contentful Paint, to miara częstotliwości, z jaką strona w naszej witrynie zaczyna wyświetlać wartościowe treści. tti jest tworzone po FCP. Jeśli chodzi o standardy szybkości witryny, między tymi dwoma kryteriami nie powinna być duża odległość.
- Osoba obsługująca zdarzenia ; Programy obsługi zdarzeń to skrypty uruchamiane automatycznie po wystąpieniu zdarzenia, na przykład po kliknięciu przez użytkownika. Skrypty te reagują na zdarzenie, generując wymagane wyniki, więc jeśli moduły obsługi zdarzeń nie są zarejestrowane w naszej witrynie, witryna nie będzie w stanie odpowiedzieć na dane wprowadzone przez użytkownika.
- Odpowiedź na użytkownika krócej niż 50 ms; Aby zapewnić bardzo dobre doświadczenia użytkownika, użytkownik musi wejść w interakcję ze stroną w czasie krótszym niż 50 milisekund. Jeśli witryna ma długie zadania, czas ten wzrośnie.
Definicja tti w odniesieniu do koncepcji interaktywności
tti to współczynnik szacujący czas pomiędzy załadowaniem witryny a interakcją użytkownika. Jaki jest teraz związek między właściwościami witryny a czynnikami interaktywności? W odpowiedzi musimy powiedzieć, że okres czasu, do którego odnosimy się w definicji tti, jest dość powiązany z tymi trzema pojęciami, które wyjaśniliśmy w poprzedniej sekcji.
Nasza witryna staje się interaktywna, gdy w krótkim czasie dostarcza użytkownikowi wartościowe treści, czyli tzw. odpowiada na interakcję użytkownika. Interwał, w którym użytkownik kliknie naszą witrynę, witrynę FCP lub wyświetlenie wartościowej treści, w czasie krótszym niż 50 milisekund (w idealnym przypadku) i wyświetlony za pomocą modułów obsługi zdarzeń i odpowiedzi na interakcję użytkownika, nazywa się tti. Wartość tti można łatwo zmierzyć za pomocą bezpłatnego narzędzia Google Page Speed Insights. Poniżej zapoznamy się z wpływem tego czynnika na SEO i ranking witryny.
Wpływ tti na SEO i ranking witryny
Czasami SEO skupiają się tak bardzo na optymalizacji szybkości ładowania witryny, że nie są świadomi jej wpływu na interakcję użytkownika. Nie ma wątpliwości, że optymalizacja szybkości witryny jest jedną z najważniejszych Czynniki techniczne SEO. Czasami jednak nadmierna optymalizacja może negatywnie wpłynąć na wygodę użytkownika, a w konsekwencji na SEO witryny! ale jak?
W jaki sposób tti wpływa na wygodę użytkownika witryny?
Gdy szybkość witryny jest zoptymalizowana niezależnie od jej wpływu na interakcję użytkownika, ładuje się ona natychmiast po kliknięciu przez użytkownika witryny, ale użytkownik widzi załadowaną stronę! Strona, której zawartość nie jest jeszcze użyteczna i z którą użytkownik nie może wchodzić w interakcję.
Nie jest to dobre rozwiązanie dla komfortu użytkownika i SEO witryny. Ponieważ powoduje to, że użytkownik z frustracją wielokrotnie klika tę pustą stronę, aby wynik mógł być widoczny. Oczywiście w dzisiejszych czasach użytkownicy w ogóle nie mają cierpliwości czekać, a to z kolei powoduje ich niezadowolenie i zwiększa współczynnik odrzuceń witryny.
Jaki wpływ ma tti na SEO i ranking witryny?
Jak powiedzieliśmy w poprzedniej sekcji, użytkownicy chcą, aby ich potrzeby zostały zaspokojone tak szybko, jak to możliwe. Zatrzymują się na dłużej tylko na jednej stronie serwisu, gdy mamy wartościową i interaktywną treść. Domyślnie wartość tti powinna wynosić maksymalnie 3800 milisekund. Jeśli tti naszej witryny będzie większe niż ta wartość, użytkownicy nie będą czekać i opuszczą witrynę. W rezultacie nasza witryna doświadcza nagłego wzrostu współczynnika odrzuceń i spadku rankingów.
Możesz w to nie wierzyć, ale kryterium tti stanowi około 15% wyniku wydajności witryny, więc posiadanie tti mniejszego niż 3800 milisekund i jego optymalizacja znacznie poprawi komfort korzystania z witryny przez odbiorców i SEO witryny. Aby uzyskać głębszy wgląd w czynniki optymalizacji szybkości witryny, sugerujemy przeczytanie artykułu ” Optymalizacja szybkości witryny „.
Popraw wygląd witryny i jej związek z innymi czynnikami Google Core Vital Web
Jak wiadomo, Google Core Vital Web uwzględnia kilka ważnych czynników związanych z szybkością witryny, które uznaliśmy za niezbędne do zbadania pozytywnych skutków optymalizacji witryny w odniesieniu do tych czynników:
Zmniejszyć ti i ulepszać FCP
Wspomnieliśmy wcześniej, że FCP to miara czasu potrzebnego do załadowania strony, zanim zacznie ona wyświetlać wartościową treść. Ponieważ tti mierzy się w kategoriach czasu po FCP, jeśli ulepszymy tti witryny, odstęp czasu między FCP a TTI zostanie skrócony. W rezultacie zwiększa się interaktywność witryny i poprawia się komfort użytkowania.
Optymalizować ti i ulepszać strona Ocena FID
Współczynnik FID mierzy, jak długo strona reaguje na pierwszą interakcję użytkownika. Zarówno tti, jak i FID są powiązane z interaktywnością witryny. Jeśli strona naszej witryny nie jest interaktywna, nie będzie gotowa odpowiadać na dane wprowadzane przez użytkownika. Dlatego też ulepszenie witryny zwiększa również prawdopodobieństwo poprawy wyniku FID witryny. Ale jak zoptymalizować witrynę?
Aby znaleźć czynniki zwiększające tti witryny, istnieje szybkie i bezpłatne rozwiązanie, którego w całości nauczymy w następnej sekcji.
Najlepsza technika szybkiej identyfikacji czynników wzmacniających tti
Istnieje bardzo prosta, szybka i darmowa metoda pozwalająca na odpowiednią analizę interakcji stron i identyfikację czynników zwiększających tti; Użyj Lighthouse Audit Google Chrome.
Audyt latarni morskiej Google Chrome
Aby rozpocząć, musimy wejść do panelu Wydajność Chrome. Najpierw kliknij żądaną stronę prawym przyciskiem myszy i wybierz „Sprawdź”. Następnie przejdź do sekcji „Wydajność” i kliknij „Załaduj ponownie”. Musimy poczekać, aż Chrome wyświetli poniższy ekran Doradcy.
Strona, którą pokazuje nam Chrome, to szczegółowa analiza działania strony. Jeśli klikniemy sekcję „główną”, zobaczymy różne zadania. Każde zadanie wyświetlane na szaro z czerwoną flagą jest zadaniem długim. Jeśli przybliżymy myszkę do tego zadania, wyświetli się czas wykonania. Możemy także kliknąć „Od dołu do góry”, aby zobaczyć dokładny opis realizacji tego zadania.
Ogólnie rzecz biorąc, głównym czynnikiem zwiększającym wydajność witryny są zadania JavaScript Long. Wykonanie długich zadań zajmuje zwykle ponad 50 milisekund, a przeglądarki nie mogą ich zatrzymać w trakcie ich działania; Oznacza to, że muszą zostać w pełni wdrożone.
Długie zadania zajmują znaczną ilość czasu w głównym wątku, a przeglądarki nie mogą ich wyciąć w trakcie działania. Znalezienie i optymalizacja długich zadań JavaScript może znacznie poprawić wygląd witryny. Poniżej zapoznamy się z metodami ulepszania witryny tti.
Zapoznaj się z rozwiązaniami optymalizacji witryny tti
W tym darmowym Szkolenia SEO artykule odpowiedzieliśmy na pytanie, czym jest tti i dokładnie zbadaliśmy wpływ tti na SEO witryny. Teraz czas dowiedzieć się, jak to zoptymalizować. Aby ulepszyć stronę, musimy przejść na optymalizację JavaScript, ponieważ w ten sposób wyniki uzyskamy znacznie szybciej. Oto kilka metod, które mogą skutecznie poprawić skuteczność tti w SEO. Metody te obejmują:
1. Podziel kod JavaScript
Segmentacja kodu JavaScript ma tę zaletę, że zamiast uruchamiać cały kod JS w przeglądarce jednocześnie, wysyłany i wykonywany jest tylko ten kod, który jest potrzebny do odpowiedzi i interakcji z użytkownikiem w pierwszych chwilach wejścia na stronę.
2. Zmniejsz i skompresuj plik kodu
Stosowanie metody kompresji pomaga zmniejszyć rozmiar pliku z kodem. Zmniejszenie pliku kodu pozwala nam uzyskać najlepsze wyniki przy najmniejszym nakładzie czasu i energii. Tak naprawdę, niezależnie od tego, czy kod JS sprawia problemy, czy nie, najlepiej jest go zmniejszyć i skompresować.
3. Usuń niepotrzebne skrypty wątku głównego
System operacyjny skryptów wątku głównego uniemożliwia terminowe uruchomienie osobistych skryptów witryny. Musimy zidentyfikować ważne skrypty i wyeliminować inne niepotrzebne lub zaplanować ich uruchomienie z opóźnieniem. Na przykład skrypty wyskakujących okienek i reklam nie są ważne, więc możemy je usunąć lub opóźnić.
4. Skorzystaj ze wskazówki dotyczącej zasobu, aby nawiązać pierwsze połączenia
Lepiej jest używać preconnect i dns-prefetch, aby nawiązać początkowe połączenie z serwerami wątku głównego i szybciej odbierać zasoby.
5. Optymalizuj pliki CSS i ważne obrazy witryn
Aby poprawić wskaźniki interaktywności witryny, musimy zoptymalizować pliki CSS oraz ważne obrazy witryny. SEO plików CSS i obrazów skutecznie skraca czas tti. W tym celu możemy usunąć nieużywany kod z plików CSS, wybrać wydajne formaty obrazów oraz usunąć niepotrzebne piksele obrazu, aby zmniejszyć rozmiar obrazów.
6. Wykorzystaj Web Worker w programie optymalizacyjnym tti
Natura Web Workera polega na uruchamianiu skryptów w tle bez wpływu na główny wątek. Dzięki temu pracownicy sieciowi mogą uruchamiać skrypty w tle bez wpływu na główny wątek i pomóc w optymalizacji długich zadań.
7. Zminimalizuj liczbę żądań programu
Bardzo ważne jest, aby liczba zapytań do naszej aplikacji była ograniczona do minimum. Pomaga to zapobiec tworzeniu się łańcucha ważnych żądań i przyspiesza ładowanie kluczowych zasobów.
Często Zadawane Pytania
Jaka jest najlepsza wartość ti ?
Ogólnie rzecz biorąc, dobry wynik tti wynosi mniej niż 3,8 sekundy. Jeśli czas trwania witryny jest krótszy niż 3,8 sekundy, zapewnia doskonałe wrażenia użytkownika i lepszy ranking SEO.
Jakie przyrządy do pomiaru ti są niezawodne?
Bezpłatne narzędzia Google Chrome Lighthouse i Web Page Test są najlepszymi i najbardziej niezawodnymi narzędziami do pomiaru tti witryny.
Jak można My zoptymalizować wartość tti poprzez optymalizację obrazów?
Korzystanie z wydajnych formatów obrazów, usuwanie niepotrzebnych pikseli, używanie obrazów wbudowanych, takich jak Base64 lub SVG, zmniejszanie rozmiaru plików obrazów i używanie CDN do szybszego dostarczania obrazów może pomóc poprawić wygląd witryny.
Jak znaleźć długie zadania?
Jednym z najlepszych narzędzi do ich znalezienia są Narzędzia deweloperskie Google Chrome.
Uwagi końcowe
Mamy nadzieję, że znasz pojęcie tti, czyli czasu na interakcję. Czynnik ten odgrywa bardzo ważną rolę w poprawie doświadczenia użytkownika i rankingu SEO witryny. Możesz być pewien, że wdrażając 7 strategii, które Ci przedstawiliśmy w celu ulepszenia strony, zobaczysz jej pozytywny wpływ na SEO.
Pobierz bezpłatne motywy WordPress PremiumBezpłatne pobieranie motywów WordPressPobieranie premium motywów WordPressPobierz motywy WordPress za darmobezpłatny kurs onlinepobierz oprogramowanie XiaomiPobierz zerowe motywy WordPressbezpłatny kurs online