Zatrzymaj ponownie pomiar dokumentu na każdej ramce zwinięciem
Dwóch słuchaczy na stronie głównej przeczytaj "scrollHeight" na wydarzenie. To jest a. Zapytanie o układ, a ta strona jest najgorszym miejscem do wielokrotnego:...
Upuść filtr tła na telefonach
Strona główna renderuje 94 elementy przenoszące ’backdrop-filter: blur(20px). Każdy Jedną z nich jest oddzielna warstwa, która musi odczytać wszystko pomalowane...
Weź stopę i przewiń chrom z klienta
Trzy zmiany, wszystkie usuwają pracę z okna, w którym strona jest oceniana. "(strony) /layout.tsx" niesione "użyj klienta" i nigdy go nie potrzebował - bez sta...
Zatrzymaj trzy zasoby od wywyższania elementu LCP
Awaria LCP jest tam, gdzie jest pozostały czas, a jego dwie podczęści ładunkowe — 270 ms opóźnienia obciążenia, 500 ms czasu ładowania – jest problemem prioryte...
Baner o stałej pozycji nie może używać odsłony zwijanego
Fallout z ramry, złapany, zanim to może mieć znaczenie. Mapy przeróbek Animacje wejściowe do "odveal", które są napędzane przez "animation-timeline:" view() — w...
Usuń gsap, drugą animację uruchomień na stronie głównej
Framer był chunk Lighthouse nazwaną. GSAP jest tym, którego nie zrobił, bo Przybywa na tyle późno, aby wyjść na zewnątrz "nieużywanego JavaScriptu" - ale jest t...
Platforma obsługuje YugabyteDB, a nie CockroachDB
Niezwiązany z pracą performance – znalezionym podczas czytania strony głównej Naładowanie, w którym ciąg znaków pojawił się w odpowiedziach FAQ. CockroachDB zo...
Usuń framer-motion ze strony
"Zmniejszenie nieużywanego JavaScript" w każdym raporcie nazwało ten sam fragment 35.4 KB, I to jest Framer Motion. Nie jest to chętny scenariusz na stronie głó...
Rozwiązuje ikony orgi na serwerze i zapołącz pochodzenie
Lighthouse o nazwie theme.kamocrm.com jako niepołączony początek o wartości 300 ms, podczas gdy Również zgłaszanie braku pochodzenia przedpołączenia, a w ostatn...
Spraw, aby serwer był w stanie odczytać ścieżkę tematyczną
Zakończenie zmiany 48493ae zostało wysłane do połowy. Ten commit zmiótł cztery w locie pliki — layout.tsx, DynamicMetaLoader, TouchOptimized i ThemedBackground ...
Przestań kierować się skierem i zgłoś wizytę prawidłowo
Dwie korekty do tego, co zostało wysłane, obie przywracając zachowanie tej funkcji Poprosił o to. Cenakona chwiała się na rekordze zgody na analizę. To brzmi j...
Zatrzymaj trzy wiązki tras, wychowane na stronie głównej
103 KiB Lighthouse's of "nieużywany JavaScript" o nazwie cztery kawałki, dwa z nich Zasadniczo w 100% nieużywane. Żaden z nich nie pojawia się w HTML strony głó...
Nazwij szerokości tła i przeczytaj konfig tematu na serwerze
Dwa odkrycia, które oba robiły coś innego niż to, co powiedział kod. BACKDROP wiązał się z kandydatą 1920 roku. 149 KB, dla dekoracyjnego obrazu Za treści na t...
Honorowi link partnera i zgłoś, co przyniósł
Odwiedzający, który podąża za https://www..apex>?mrt-code> otrzymuje dwa pliki cookie pierwszej kategorii Z środkowego oprogramowania krawędziowego – nieprzezro...
Sprysuj obrazy mocniej, przytrzymaj karty jeszcze, upuść duplikaty żądań
Obrazy. Każde ustawienie jakości na stronie idzie w dół o krok, a lista dopuszczeń W next.config.ts idzie do [30, 50], więc nic nie może po cichu poprosić o wię...
Podziel bohatera i zdejmie dwie ostatnie biblioteki ze strony
Krok C. Ani GSAP, ani Framer Motion nie są już na stronie głównej, a także Przestrzeń nazw wiadomości nie jest już wysyłana do przeglądarki. JS 241,999 -> ...
Siedem sekcji przestaje się nawilżać
Krok B. TrustBar, WhatReplacesWhat, HowItWorks, UseCases, Features, CTAStrip i Ceny są teraz komponentami serwera. Renderują do HTML i nie wysyłają JavaScript. ...
Ubierz czas uruchamiany animacji całkowicie z strony głównej
Krok A z prac nawadniających. Framer Motion znikł z gorliwej strony głównej Pakiet: 798,723 -> 687,593 bajtów surowych, 245,367 -> 209,422 gzip. To jest 35,945 ...
Przestań renderować osiem sekcji poza ekranem, zanim bohater może pomalować
LCP wynosił 4,4 s, a jego rozpad mówił, gdzie: 120 ms do pierwszego bicia, 290 ms Opóźnienie obciążenia, 390 ms faktycznie pobiera obraz — a następnie 1,810 ms ...
Odwejdnij dwie zmiany, które kosztowały 380 m czasu blokowania i uciszy telefon
Dwie ostatnie rundy przyniosły wynik z 87 do 67. Całkowity czas blokowania odszedł 80 ms do 460 ms i LCP od 3,9 s do 4,4 s. Dwie moje własne zmiany zrobiły to, ...
Przesuń nagłówek na kompozytora, a widżet czatu odciążyć
Dwie rzeczy pozostały po ostatniej rundzie, obie oznaczone, a nie zrobione, ponieważ Każdy z nich coś wymienia. Robiąc je teraz. Ogłe LIGHT PASS. Była to druga...
Renderowane zdjęcia tematne po stronie serwera i zachowaj tekst marki do odczytu
Każde tło na stronie głównej było pobierane dwa razy. Elementy Ustalono lokalny ./img/bg/N.webp, a następnie efekt rozwiązał motyw orgi orgii Ścieżka na górze i...
Wsuń arkusz stylowy i upuść polifills, do czego nic nie może dotrzeć
Dwa odkrycia Lighthouse, z których oba pozostały otwarte po ostatniej rundzie, ponieważ Doszedłem do wniosku, że nie są adresowane. Były, nie patrzyłem ciężko W...
Nazwij elementy sterujące, które nie miały nazwy, i podnieś tekst poniżej 4.5:1
Trzy oddzielne usterki, wszystkie niewidoczne do budowy, kontrola typu, Lit biegnie i obaj obecni strażnicy. UNNAMED CONTROLS — przełącznik nawigacji układu te...
Stop wysyłce 1,8 MB nieregabarytowego tła po nawodnieniu
ThemedBackground był najdroższą rzeczą, jaka pozostała na stronie głównej, i żadna z nich nie była Wyglądał jak robak. Uprawiał surowe "img" prosto w wiadro tem...
Zatrzymaj fałd w oczekiwaniu na nawodnienie i wyczyścić okno ładowania
Strona główna wysłała cały swój fałd niewidoczny. Framer Motion serializuje "początkowy" rekwizyt do prerenderowanego HTML jako stylu inline, więc znacznik Przy...
Usuń sondę czasu nawigacji
To zrobiło swoje. Pytanie, na które dodano, aby odpowiedzieć – czy pozostałe opóźnienie było Sieć, skrypt lub farba – okazało się mieć czwartą odpowiedź, którą ...
Zatrzymaj tracker analityczny, przechwytując każdy link, z wyjątkiem Home
Każda strona z wyjątkiem strony głównej trwała kilka sekund, a powód nigdy nie był W samej ścieżce nawigacji tej aplikacji: prerendery serwera, ładowności prefe...
Każda zmiana trasy animuje zwoju z powrotem na szczyt
"html" niósł "scroll-smooth" Tailwind i nic więcej. Następne tłumi gładko Przewijanie podczas przewijania do nowej trasy, ale tylko dla stron, które deklarują j...
Przesuń kontrolki wideo w prawym górnie po prawej stronie
Siedzieli w lewicę tylko dlatego, że rama krwawiła z prawej krawędzi. Widokport, który umieściłby kontrolę zakotwiczoną tam z ekranu. W tym, że w tym, w tym, że...
Zmierz prawdziwe nawigacje i obciążenia zimne, a nie tylko oznaczone sesje
Pięć rund poprawek usunęło prawdziwą wadę i żadna nie naprawiła tego, co jest W rzeczywistości bycie odczuwanym, ponieważ każda diagnoza do tej pory była wniosk...
Upuść całą witrynę załadunkową granicę, za którą zapłacili tylko drugorzędne strony
Każda strona z wyjątkiem strony głównej była powolna, która wskazuje prosto na (strony) Poddrzemny – i na coś, co tam umieściłem. Gdy 4fae924 dodano (strony)/lo...
Przewiś liczbę dzienników zmian, odśwież go na publikację zamiast na wizycie
Każdy gość sam pobierał ten numer. PreviewBanner mieszka we wspólnym Układ, więc na każdej stronie nagrał /api/changelog/daday po nawodnieniu, czekał, a następn...
Przestań pretchingować megabajt na stronę i przestań dzwonić zapleczem za darmo
Dwa koszty, które zostały zapłacone na każdej stronie, oba znalezione przez podążanie za własnym reporterem Poczucie około 18-nab i niepotrzebnych połączeń back...
Dodaj sondę czasu nawigacji opt-in za ?perf1
Przełączniki stron nadal czują się powoli w produkcji, a serwer został wykluczony Własna maszyna reportera: 55-122ms odpowiedzi, x-nextjs-cache HIT, prefetch zw...
Przetrwaj wypróbowane pociągnięcie obrazu i przestań rozmieszczać dwa razy na pchnięcie
Wdrożenie 013faf1 nie powiodło się w „przekroczeniu terminu postępu” podczas wdrażania Sam był w porządku - kapsuła wyszła zdrowo w wieku około 90 lat, a prod s...
Zatrzymaj każdy przełącznik strony, czekając na przekierowaniu i zanikaj 2s
Prace prerenderingowe w 4fae924 naprawiły serwer i router oraz witrynę Zmiana stron zajęła 1-2 sekundy. To nigdy nie była sieć. Dwie rzeczy to robiły, a obie są...
Ponownie przegłosuj trasy i daj nawigację coś do malowania
Układ lokalizacji rozwiązał swoje wiadomości za pomocą gołego getMessages(), który czyta Nagłówki żądają, a więc wybrały aplikację ENTIRE z renderowania statycz...
Przenieś nagłówek kontrast do cen, bezpieczeństwa i oferty
Ta sama wada co strona główna, te same dziewięć pozostałych miejsc: nagłówki sekcji Otwarte na "kolor-pierwucy", który mierzy 2,61:1 przeciwko średniej zieleni ...
Podnieście kontrast głowy sekcji z zielonym końcem rampy
Druga linia przekroju działa "--kolor-primary" -> "--color-primary-light" -> "--kolor-sekundary", więc STARTED w marce Zielony. Mierzone na środkowo-zielonym tl...
Zagraj w kołowrotka kamo13
Wskazuje bohatera na drabinie nowego bębna, odpad MP4 i plakat. To źródło Jest specydentyczny dla tego, który zastępuje (H.264 720p24, 66s, nr 30 MB), więc Nic ...
Przesuń siatkę ze stylizowanego-jsxu; upuść dwa martwe komponenty
Kończy stylowe zamiatanie na banerze podglądu. No "style jsx" - Kto odpowiedział? Blok pozostaje w dowolnym miejscu w aplikacji. SITEMAP — siatka była inline "...
Zatrzymaj baner migający bez stylowania, uchylaj całe karty funkcji
PREVIEW BANNER — jego CSS żył w bloku "style jsx" wewnątrz komponentu. W App Router styld-jsx nie renderuje CSS serwera dla komponentów klienta, Tak więc SSR HT...
Ośrodkować kołowrotkę w swojej kolumnie, zamiast popychać go na krawędź
Dwa wcześniejsze podania miały etap sięgający po krawędź strony – po pierwsze Zwisająca podgląd przez 1,5–5 remm, a następnie siedzenie na nim spłukiwane. Overh...
Przesunie baner ofertowy, napraw martwego Dowiedz się więcej linków i pola sześciokątnego
Pięć poprawek, wszystkie rzeczy, które wyglądały na obecne, ale nic nie zrobiły. OFERTA BANNER – HeroOfferBanner był martwym kodem; nic go nie importowało. Odr...
Odbuduj bohatera jako rozłam redakcyjny z bębnami jako przysłoną
Obrót był środkowym zaokrąglonym prostokątem z cieniem kroplowym – obiekt umieszczony Na temat projektu, a nie jego części – i była to jedyna rzecz w bohaterze:...
Odtwarzaj kołowrotki jako adaptacyjna drabina HLS zamiast 31.8 MB MP4
Bohater wskazał nagi "video src" na pojedynczy 3.9 Mbps 720p24 MP4, więc a Telefon na słabym połączeniu pobierał dokładnie ten sam strumień, co komputer stacjon...
Polski zespół bohaterów wideo z nowoczesnymi animacjami i optymalizacjami
- Dodaj obraz plakatu, aby uzyskać natychmiastową opinię podczas ładowania wideo - Wdrożenie załadunku szkieletu z animacją pulsującą - Uruchom wideo wyciszone ...
Jak to, co widzisz żeglugę?
Wszystko to pojawia się w twoim miejscu pracy na własną rękę. Zacznij od bezpłatnego planu i przeczytaj tę stronę ponownie w miesiącu.