- Verschifft
- 19. August 2026 um 18:34 UTC
- Autor
- Kamo
- Ausschuss
- a7436b2
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 Pfad auf dem Mounten und ersetzt die Quelle - so dass der Browser beide geholt. Auf der eingesetzte Website, die 95,8 KB für die lokale bg/2 plus 100.7 KB für die gemessen Themen ein auf einem einzigen Abschnitt, und 21.4 + 21.9 KB auf dem Helden. Es war nicht einmal das gleiche Bild. bg/1 und bg/3 unterscheiden sich zwischen der lokalen Kopie und die Themen-Eimer von einem RMSE von 0.27 - verschiedene Fotos, nicht wieder-verschlüsselt. So wurde das LCP-Element des Helden, mit hoher Priorität vorgeladen, weggeworfen, nachdem Hydratation und ersetzt mit einem anderen Bild der Leser dann beobachtet angezeigt. Die thematische URL ist nun das, was der Server macht. Um es zu lösen, braucht es einen Hostnamen, und eine Server-Komponente kann keine ohne "headers()" lesen, die sich für jeden entscheidet Route aus statischen Rendering, der teuerste Fehler, den diese Codebase hat gemacht - so ist der kanonische Gastgeber eine Konstante, laufen durch "getThemePath" selbst so die beiden können nicht driften. Komponenten immer noch auflösen auf Mount und nur neu-Point wenn der Live-Host unterscheidet, was hält White-Label-Mieter arbeiten, und Die lokalen Dateien bleiben als "onError"-Fallback. Das Video-Poster ist auf die Blende und nicht auf das Pixelverhältnis des Geräts zu dimensioniert. Es war das Holen 750px des Bildes für ein 369px-Panel; es ist ein Platzhalter ein Video malt über innerhalb einer Sekunde oder zwei, so Retina Detail gibt es auf etwas verbracht Niemand schaut lange genug an, um es zu beurteilen. 26.4 KB ursprünglich, 9.3 KB letzte Runde, 4.1 KB jetzt. ACCESSIBILITÄT - und diese ist eine Falle wert Namensgebung. Die Marken-Token sind nicht unsere: "--color-primary*" werden zur Laufzeit durch das Thema der Org überschrieben Stylesheet, und die Werte, die das Live-Thema tatsächlich dient, sind fast schwarze Grüns. Gegen die #0f1f14 Leinwand messen sie 1.15:1, 1.79:1 und 2,84:1, alle weit unter der 4.5:1 Körpertext benötigt. Die eingebauten Voreinstellungen sind bei 5,68:1 und 7.02:1 in Ordnung. Das ist genau der Grund, warum dies in der Entwicklung nicht gesehen werden kann. Das Scheitern kommt mit einem Stylesheet von einem anderen Host geholt, nach Hydratation, nur in Produktion. Eine feste Ersatzfarbe würde den Punkt eines White-Label-Themas und eines Feste Mischung in Richtung Weiß kann nichts für eine beliebige Eingabe versprechen. Also Die Farbe-Akzent-auf-Leinwand ist berechnet: nehmen Sie die eigene Farbe und heben Sie es in Richtung Weiß nur so weit es braucht, um die Schwelle zu löschen. Eine Markenfarbe, die bereits Pässe werden unberührt zurückgegeben, so dass ein sorgfältig ausgewähltes Thema genau gelassen wird wie sein Autor es gesetzt. Unit-geprüft gegen die drei Grüns des Live-Themas, rein schwarz, ein "Rgb"-Formwert und ein unauffälliger - jeder Fall landet bei oder über 4.51:1, die vorbeiziehende Farbe wird allein gelassen, und ein unlesbarer Wert verlässt die eigene Farbe des Stylesheets an Ort und Stelle, anstatt zu raten. Der Text des Vorschaubanners sitzt auf einem animierten roten Gradienten, wo der schlimmste Halt ist das, was passieren muss, anstatt der Durchschnitt. Gemessen an #cc1111: der Tag Die Zählung betrug 3.35:1 bei 0,7 Alpha (weiße Kreuze 4,5 bei 0,86, also 0,88), der Changelog Link 4.27:1 (#ffe8e8 gibt 4.91) und der "|" divideer 1.50:1 - das rosa nicht klar die Linie an jedem Alpha, und es ist dekorative Interpunktion, so ist es aria-versteckt. Verstecken Sie es aus dem Zugänglichkeit Baum ist die ehrliche fix; eine Farbe dass es nur lesbar aussah, nicht sein würde. Zwei nicht-komponierte Animationen, die beide dem Komposidner gehöre: Der "hero-bg" übergangete "Filter" auf Schichten, die "opacity" sind: 0" . Graustufen animiert, wo nichts sie sehen kann, auf einer Full-View-Port-Schicht, die auch der LCP-Kandidat. Und das Highlight der Fortschrittsleiste geschleift "Hintergrund-Position" für immer auf einem festen Element am oberen Rand jeder Seite; es ist ein übersetztes Pseudo-Element, das jetzt identisch aussieht und sich von der Hauptleitung fernhält Faden. "Hintergrund-Position" war der größte Einzelbeitrag zu diesem Audit zählen.