Links zu Performance III

• Die neue Homepage von Github schnell und leistungsstärkend - Tobias Ahlin beschreibt, wie die Bildlaufeffekte dank IntersectionObserver und der Tatsache, dass sie die Verwendung von Methoden vermeidet, die Reflexen auslösen, wie GetboundingClientRect vermieden werden. Auch Webp SVG -Masken!
  
• Alles, was wir über Kern -Web -Vitals und SEO wissen - Simon Hearne deckt ab, warum jeder gerade von CWV besessen ist: SEO. Simon sagt etwas, das ich ein paar Mal gehört habe: Das Seitenerlebnis -Update ist eher ein Karottenansatz als ein Stick - es gibt keine direkte Strafe dafür, dass die Ziele von Google nicht erreicht werden. Das heißt, Sie werden nicht für schlechte CWV bestraft, aber einen Bonus für gute Zahlen erhalten. Aber wenn alle um Sie herum diesen Bonus außer Ihnen bekommen, ist das nicht dasselbe wie eine Strafe?
  
• Einrichten von CloudFlare-Mitarbeitern für die Optimierung und Testen von Webleistung -Matt Hobbs beginnt mit einem 101-Intro zum Einrichten eines CloudFlare-Workers, um eine CSS-Datei abzufangen und alle Schriftfamilienerklärungen durch Comic-Sans zu ersetzen. Vielleicht öffnet das Ihre Augen für die Möglichkeiten: Wenn Sie alle Vermögenswerte wie HTML, CSS und JavaScript manipulieren können, können Sie diese Dinge dazu zwingen, leistungsfähigere Dinge zu tun.
  
• Das nenne ich Service Worker! - Jeremy Wagner richtet einen „Streaming“ -Dienstarbeiter ein, der gemeinsame Teilungen auf einer Website (z. B. die Kopfzeile und Fußzeile) einräumt, so dass die Menschen in Wehushara County, Wisconsin, die langsames Internet haben, die Website irgendwo in der Nähe von doppelt so schnell laden kann. Dies baut auf Philip Waltons „kleinerer HTML -Nutzlasten mit Dienstangestellten“ auf.
  
• Wer hat die schnellste F1 -Website im Jahr 2021? -Jake Archibalds epische Aufnahme-gegen-10-Teil-Serie analysiert die Leistung von F1-Rennwebsites (Oh, die Ironie). Sieht so aus, als ob Red Bull bisher in Führung ist und Ferarri nachverfolgt. In all diesen gibt es viel zu lernen, und es ist etwas kathartisch, lustige Teile zu sehen, wie ihre Seite aufgrund eines 1,8 -MB -Blockierungsskripts langsam war, aber 1,7 MB davon war ein eingefesseltes 2300 × 2300 png eines Pferdes, das immer nur bei 20 × 20 angezeigt wurde. Ich glaube auch nicht, dass ich wusste, dass Jake der ursprüngliche Erbauer von Sprite Cow war! (Verwenden Sie das nicht, weil sich herausstellt, dass Sprites schlecht sind.)
  
• Echtzeit CSS gegen CSS-in-JS-Leistungsvergleich -Tomas Pustelnik befasst sich mit den Auswirkungen der Leistung von CSS-in-JS. Oder, wie ich möchte: CSS-in-React, wie es immer ist, da alle anderen großen JavaScript-Frameworks ihre eigenen gesegneten Styling-Lösungen haben. Tomas verglichen mit handgeschriebenen Vanille-CSS nicht mit den Styled-Komponenten, sondern mit Linaria, die ich für die meisten Menschen immer noch als CSS-in-JS betrachten würde-außer dass es anstatt die Stile in JavaScript zu bündeln, gibt es CSS aus. Ich bin damit einverstanden, dass die Produktion von CSS, unabhängig von einer Styling -Bibliothek für DX, der Weg für die Produktion zu sein scheint. Ein weiterer Grund, warum ich CSS-Modules mag. Neuere Fantasie-Lizen machen es auch.
  
• Der Fall der 50 -ms -Anfrage - Julia Evans hat dieses interaktive Puzzle zusammengestellt, um herauszufinden, warum eine Serveranforderung länger dauert als es sollte. Eher Back-End als Front-End, aber die Schritte zur Fehlerbehebung sind sich vertraut. Probieren Sie es auf Ihrem Computer aus, probieren Sie es auf meinem Computer aus, sehen Sie, was der Server tut, usw.

Das obige ist der detaillierte Inhalt vonLinks zu Performance III. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!