Hören Sie auf, das Dokument auf jedem Scroll-Frame neu zu vermeigen
Zwei Scroll-Hörer auf der Homepage lesen "ScrollHeight" pro Veranstaltung. Das ist ein Layout Abfrage, und diese Seite ist der schlechteste Ort, um eine immer w...
Drop-Kulisse-Filter auf Handys
Die Homepage gibt 94 Elemente mit "Backdrop-Filter: blur(20px) ". Jeder eine separate Compositing-Schicht, die alles gemalt zurück lesen muss dahinter und führe...
Nehmen Sie die Fußgänger und die Scroll Chrom aus dem Client
Drei Änderungen, die alle Arbeiten aus dem Fenster entfernen, in dem die Seite beurteilt wird. "(Seiten)/layout.tsx" trugen ""use client"" und brauchte es nie ...
Halten Sie drei Ressourcen davon ab, das LCP-Element zu übertrumpfen
Die LCP-Paupanne ist, wo die verbleibende Zeit ist, und seine beiden Lade-Unterteile 270 ms Ressourcenlastverzögerung, 500 ms Lastdauer - sind ein vorrangiges P...
Ein Fixed-Position-Banner kann keine scroll-gesteuerte Enthüllung verwenden
Fallout aus dem Framer Sweep, gefangen, bevor es wichtig war. Die neu schreiben Karten Eingangsanimationen auf ".reveal", die von der "Animation-Timeline" anget...
Entfernen Sie gsap, die zweite Animations-Laufzeit auf der Homepage
Framer war der Brocken Leuchtturm benannt. GSAP ist die, die es nicht tat, weil es kommt spät genug, um außerhalb fallen "unbenutzt JavaScript" eigener Brocken ...
Die Plattform läuft YugabyteDB, nicht CockroachDB
Unabhängig von der Leistungsarbeit - beim Lesen der Inline der Homepage gefunden Nutzlast, bei dem der String in den FAQ-Antworten auftaucht. CockroachDB wurde...
Framer-Motion von der Website entfernen
"Ungenutztes JavaScript zurückerhalten" hat in jedem Bericht den gleichen 35,4 KB Stück genannt, und es ist Framer Motion. Es ist kein eifriges Skript auf der H...
Lösen Sie die Org-Symbole auf dem Server und verbinden Sie den Ursprung
Leuchtturm namens theme.kamocrm.com als unverbundenen Ursprung im Wert von 300 ms, während auch Bericht keine Herkunft voreinander verbunden, und letzte Runde l...
Machen Sie den Server tatsächlich in der Lage, den Themenpfad zu lesen
Schließt die Änderung 48493ae ausgeliefert Hälfte. Das Commit fegte vier in-flight Dateien - layout.tsx, DynamicMetaLoader, TouchOptimized und ThemedBackground ...
Hören Sie auf, die Empfehlungsfeuer zu gating, und melden Sie den Besuch ordnungsgemäß
Zwei Korrekturen an dem, was ausgeliefert, beide Wiederherstellung des Verhaltens dieser Funktion war umgefordert. Das Leuchtfeuer war Gating selbst auf der An...
Stoppen Sie drei Routenpakete, die auf der Homepage vorgeholt werden
Leuchtturm 103 KiB von "unbenutzt JavaScript" benannt vier Brocken, zwei von ihnen im Wesentlichen 100% ungenutzt. Keiner von ihnen erscheint in der Homepage HT...
Nennen Sie die Hintergrundbreiten und lesen Sie die Themenkonfiguration auf dem Server
Zwei Befunde, die beide etwas anderes taten als das, was der Code sagte. THE BACKDROP WAS FETCHING THE 1920 CANDIDATE. 149 KB, für ein dekoratives Bild hinter ...
Einen Partner Link ehren und berichten, was er gebracht hat
Ein Besucher, der https://www.<apex?mrt=<code" folgt, bekommt zwei First-Party-Cookies von der Kante Middleware - eine undurchsichtige GUID, die zwei Jahre und ...
Die Bilder härter komprimieren, die Karten still halten, Duplikate fallen lassen
Bilder. Jede Qualitätseinstellung auf der Seite geht einen Schritt nach unten, und die Genehmigungsliste in next.config.ts geht an [30, 50], so dass nichts leis...
Teilen Sie den Helden, und nehmen Sie die letzten beiden Bibliotheken von der Seite
Schritt C. Weder GSAP noch Framer Motion sind mehr auf der Homepage, und die Der Nachrichtenname-Raum wird überhaupt nicht mehr an den Browser gesendet. JS...
Sieben Abschnitte stoppen Hydratation
Schritt B. TrustBar, WhatReplacesWhat, HowItWorks, UseCases, Features, CTAStrip und Die Preise sind jetzt Server-Komponenten. Sie geben HTML und versenden kein ...
Nehmen Sie die Animation Runtime komplett von der Homepage
Schritt A der Hydratation Arbeit. Framer Motion ist von der Homepage eifrig verschwunden Bundle: 798.723 -" 687.593 Bytes roh, 245.367 - 209.422 gzip. Das sind ...
Stoppen Sie die Wiedergabe von acht Off-Screen-Sektionen, bevor der Held malen kann
LCP war 4,4 s, und seine Aufschlüsselung sagte, wo: 120 ms zu erste s, 290 ms von Ladeverzögerung, 390 ms tatsächlich das Bild herunterladen - und dann 1.810 ms...
Machen Sie die beiden Änderungen, die 380m Blocking Zeit kosten, und beruhigen Sie das Telefon
Die letzten beiden Runden brachten die Punktzahl von 87 auf 67. Total Blocking Time ging von 80 ms bis 460 ms und LCP von 3,9 s bis 4,4 s. Zwei meiner eigenen Ä...
Bewegen Sie die Headline Sweep auf den Compositor, und das Chat-Widget aus Last
Zwei Dinge, die von der letzten Runde übrig geblieben sind, beide beflaggt statt getan, weil Jeder handelt etwas. Machen Sie sie jetzt. THE HEADLINE'S LIGHT PA...
Render themened Bilder Server-Seite, und halten Markentext lesbar
Jeder Hintergrund auf der Homepage wurde TWICE heruntergeladen. Die Komponenten gerenderte das lokale "/img/bg/N.webp", dann löste ein Effekt das Thema der Org ...
Inline die Stylesheet, und Drop Polyfills nichts erreichen kann
Zwei Leuchtturmfunde, die beide nach der letzten Runde offen blieben, weil Ich war zu dem Schluss gekommen, dass sie nicht adressierbar waren. Sie waren; ich ha...
Nennen Sie die Bedienelemente, die keinen Namen hatten, und heben Sie den Text unter 4.5:1
Drei separate Defekte, alle unsichtbar für den Bau, die Art-Check, die leint run und beide bestehenden Wachen. UNNAMED CONTROLS - das Telefonlayout-Anschalter ...
Stoppen Sie den Versand 1.8 MB von unresized Hintergründe nach Hydratation
ThemedBackground war das Teuerste auf der Homepage, und keiner von es sah aus wie ein Käfer. Es machte ein rohes <img> gerade an der Theme-Eimer, so der Brow...
Stoppen Sie die Falte warten auf Flüssigkeitszufuhr, und löschen Sie das Ladefenster
Die Homepage hat ihre ganze Falte unsichtbar ausgeliefert. Framer Motion serialisiert ein "Initive" Requisite in die vorgeschneiderte HTML als Inline-Stil, so d...
Entfernen Sie die Navigation Timing-Sonde
Es hat seine Arbeit getan. Die Frage wurde hinzugefügt, um zu beantworten, ob die verbleibende Verzögerung war Netzwerk, Skript oder Farbe - stellte sich heraus...
Stoppen Sie die Analytics-Tracker entführen jeden Link aber zu Hause
Jede Seite außer der Homepage dauerte Sekunden zu öffnen, und der Grund war nie in dieser App eigenen Navigationspfad: die Server prerenders, prefetch payloads ...
Jede Routenänderung beimte ein Scroll zurück nach oben
<html" trug Tailwind's "scroll-smooth" und nichts anderes. Weiter unterdrückt glatt Scrollen, während es zu einer neuen Route scrollt, aber nur für Seiten, die ...
Bewegen Sie die Videosteuerung nach rechts oben
Sie saßen unten-links nur, weil der Rahmen verwendet, um aus der rechten Kante von blutete der Ansichtsport, der eine dort verankerte Steuerung aus dem Bildschi...
Messen Sie echte Navigationen und Kaltlasten, nicht nur markierte Sitzungen
Fünf Runden von Korrekturen haben jeweils einen echten Defekt entfernt und keiner hat behoben, was ist tatsächlich zu spüren, weil jede Diagnose bisher war Rück...
Drop der standortweiten Ladegrenze, die nur sekundäre Seiten bezahlt
Jede Seite außer der Homepage fühlte sich langsam an, was direkt auf die (Seiten) zeigt subtree - und bei etwas, das ich dort hinstelle. Wenn 4fae924 hinzugefüg...
Prerender die changelog count, aktualisieren Sie es auf veröffentlichen statt auf Besuch
Jeder Besucher holte diese Nummer selbst. PreviewBanner lebt im Shared Layout, so dass auf jeder Seite es /api/changelog/today nach Hydratation, gewartet, dann ...
Hören Sie auf, ein Megabyte pro Seite zu holen, und hören Sie auf, das Backend kostenlos anzurufen
Zwei Kosten, die auf jeder Seite bezahlt wurden, beide gefunden, indem Sie dem Reporter eigenen Ahnung von i18n und unnötigen Backend-Anrufen. PREFETCH VOLUME ...
Fügen Sie eine Opt-in-Navigations-Timing-Sonde hinter ?perf=1
Seitenwechsel fühlen sich immer noch langsam auf die Produktion, und der Server wurde ausgeschlossen die eigene Maschine des Reporters: 55-122m Antworten, x-nex...
Überleben Sie eine ausgerufete Bild ziehen, und aufhören, zweimal pro Push- Einsatz
Die 013faf1-Einsatz scheiterte am "Überschreiten der Fortschrittsfrist", während der Rollout selbst war in Ordnung - die Hülse kam gesund über 90er Jahre in, un...
Stoppen Sie jeden Seitenwechsel warten auf eine Umleitung und ein 2s Fade-in
Die Vorarbeit in 4fae924 repariert den Server und den Router, und die Website immer noch fühlte sich an, als ob es 1-2 Sekunden dauerte, um die Seiten zu wechse...
Prerender die Routen wieder und geben eine Navigation etwas zu malen
Das Locale-Layout löste seine Nachrichten mit einem bloßen getMessages(), das liest fordern und so die ENTIRE-App aus statischem Rendering heraus gewählt haben....
Tragen Sie die Überschrift Kontrast fix zu Preisgestaltung, Sicherheit, über und bieten
Gleicher Defekt wie die Startseite, die gleichen neun verbleibenden Stellen: Abschnitt Überschriften geöffnet auf "--color-primary", die 2.61:1 gegen eine Mitte...
Raise Abschnitt-Heading Kontrast vom grünen Ende der Rampe
Jede Sektion Überschrift der zweiten Zeile lief "--color-primary" - "--color-primary-light" - "---farbig-sekundär", so dass es STARTED in der Marke grün. Gemess...
Spielen Sie die Kamo13 Rolle
Zeet den Helden auf der Leiter der neuen Rolle, MP4- Fallback und Poster. Die Quelle ist spektidentisch zu dem, den es ersetzt (H.264 720p24, 66s, ca. 30 MB), a...
Bewegen Sie das Gitter aus styled-jsx; Drop zwei tote Komponenten
Beendet den Styled-Jsx Sweep, der auf dem Vorschaubanner gestartet ist. Nein .<style jsx" block bleibt überall in der App. SITEMAP - das Gitter war ein Inline-...
Stoppen Sie das Banner blinken unstyled, machen ganze Feature-Karten anklickbar
PREVIEW BANNER - sein CSS lebte in einem "<style jsx"-Block innerhalb der Komponente. Im App Router verwendet Styled-jsx kein Server-Render-Cein-Cein für Client...
Zentrum der Rolle in seiner Säule, anstatt sie an den Rand zu schieben
Zwei frühere Pässe hatten die Bühne, die nach der Seite Kante greift - zuerst Überhängenden der Ansichts-Port von 1,5 x 5rem, dann sitzen bündig gegen sie. Über...
Wire das Angebot Banner, fix tot Erfahren Sie mehr Links und das Sechseck Feld
Fünf Fixes, allesamt Dinge, die präsent aussahen, aber nichts taten. ANGEBANNER - HeroOfferBanner war toter Code; nichts importierte es. Restauriert, aber ange...
Bauen Sie den Helden als redaktionelle Spaltung mit der Rolle als Blende
Die Rolle war ein zentriertes abgerundetes Rechteck mit einem Fallschatten - ein Objekt platziert über das Design und nicht Teil davon - und es war das EINZUNGS...
Spielen Sie die Rolle als adaptive HLS Leiter statt einer 31,8 MB MP4
Der Held wies eine bloße <Video src" auf eine einzelne 3,9 Mbps 720p24 MP4, so ein Telefon auf einer schwachen Verbindung genau den gleichen Stream wie ein Desk...
Polnische Videoheld-Einheit mit modernen Animationen und Optimierungen
- Plakatbild für sofortiges visuelles Feedback während der Video-Ladung hinzufügen - Laden von Skelett mit pulsierender Animation - Video muted starten (Browser...
Wie, was Sie sehen Versand?
Alles kommt in Ihrem Arbeitsbereich für sich. Starten Sie mit dem kostenlosen Plan und lesen Sie diese Seite in einem Monat wieder.