7 Link-uri noi despre performanță pentru martie 2022 | CSS-Trucuri

Am o mână de link-uri bune către articole despre performanță care fac o gaură în dosarul meu cu marcaje și vreau să le arunc aici pentru a le distribui.

• De la fonturi la SVG: o strategie de migrare a pictogramelor— Erwin Hofman observă că folosea fonturi de pictograme din pură comoditate, dar că există o mulțime de motive pentru a nu le folosi. El oferă detalii despre noua sa strategie de utilizare a pictogramelor, care se bazează pe <use> tehnică. Cinci ani mai târziu, sunt încă un mare fan doar scufundarea <svg> în HTML unde ai nevoie de ele. Este doar un HTML parțial ca oricare altul.
• Performanța Next.js: realizarea unui cadru rapid și mai rapid— Ben Schwarz spune că Next.js este deja un cadru destul de rapid, deoarece face lucruri inteligente care mențin chiar și paginile cu React. Dar performanța nu este ceva ce poate fi lăsat în întregime la un cadru. Tu trebuie să lucreze. Din fericire, Next.js are niște ajutoare destul de la îndemână pentru lucruri precum încărcarea dinamică (lene) a componentelor, amânarea scripturilor, optimizarea imaginilor și multe altele.
• Lichidarea redirecționării— Tim Vereecke acoperă o tehnică fascinantă unde în loc de redirecționare o adresă URL veche la o nouă adresă URL, lăsați vechea adresă URL să se încarce, apoi să încarce dinamic noul conținut history.replaceState URL-ul vechi cu noua adresă URL. Este mai rapid, dar nu o faceți pentru roboți.
• Testare A/B performantă cu lucrătorii Cloudflare— Philip Walton descrie modul în care testarea A/B este puțin mai complicată pe site-urile statice decât pe site-urile susținute de server, dar o puteți reuși (performanță) datorită Cloudflare Workers, care poate manipula HTML înainte de a ajunge în browser, la fel ca un Service Worker mai degrabă decât la margine decât la client. Salvați un cookie și puteți menține utilizatorii în grupurile lor adecvate.
• O teorie unificată a performanței web— Alex Russell încearcă să răspundă apelului lui Tanner Hodges pentru definirea efectivă a performanței web. Este unul dintre acele lucruri care pare evident (de parcă ar fi clar când anumite lucruri ajută și dăunează performanței web), dar de fapt definirea acestuia este dificilă. Și nu doar definiți-l în termeni de valori specifice (chiar și asta este dificil), ci răspundeți la întrebări precum: Care sunt principiile directoare ale acestei discipline? Cum arată să exersezi performanța web? Cum o facem?
• Dezvăluirea noii interfețe de utilizare WebPageTest— Îmi place absolut să văd că designul WebPageTest evoluează și se îmbunătățește. Este unul dintre acele produse care este în mod clar cel mai bun instrument din clasă pentru practicanții de performanță, dar care a avut un drăguță design nodur de mulți ani. Asta e mult mai bine. Este ca atunci când Google Fonts a primit în sfârșit o reproiectare, iar comunitatea largă a eliberat o exhalare colectivă de apreciere.
• Cele mai bune practici de memorare a antetului în cache— Disertația lui Simon Hearne despre antetele Cache. Când am început să-mi pese de performanța web, acesta a fost, de exemplu principal lucru. Dacă trimiteți incorect anteturi Cache, utilizatorii ar putea să re-descarce un fișier din nou și din nou în mod inutil, atunci când nu au nevoie, ceea ce este cel mai rău lucru posibil. Mă bucur să văd că anteturile continuă să atragă atenția și să fie reimaginate pe măsură ce webul evoluează.