Ik heb een handvol goede links naar artikelen over prestaties die een gat in mijn bladwijzermap branden, en ik wil ze hier neerzetten om te delen.
- Van lettertypen tot SVG: een strategie voor pictogrammigratie— Erwin Hofman merkt op dat hij pictogramlettertypen uit puur gemak gebruikte, maar dat er tal van redenen zijn om ze niet te gebruiken. Hij geeft details over zijn nieuwe strategie voor het gebruik van pictogrammen, die is gebaseerd op de
<use>
techniek. Vijf jaar later ben ik nog steeds een grote fan van gewoon de onderdompelen<svg>
in de HTML waar je ze nodig hebt. Het is gewoon een HTML-gedeelte zoals elk ander. - Next.js Performance: een snel framework nog sneller maken— Ben Schwarz zegt dat Next.js al een behoorlijk snel framework is in die zin dat het slimme dingen doet die zelfs React-aangedreven pagina's pittig houden. Maar prestatie is niet iets dat volledig aan een raamwerk kan worden overgelaten. You werk moeten doen. Gelukkig heeft Next.js een aantal behoorlijk handige helpers voor zaken als het dynamisch (lui) laden van componenten, het uitstellen van scripts, het optimaliseren van afbeeldingen en meer.
- Liquidatie omleiden— Tim Vereecke behandelt een fascinerende techniek waarbij in plaats van ombuigen een oude URL naar een nieuwe URL, u laat de oude URL laden, laadt dynamisch de nieuwe inhoud, dan
history.replaceState
de oude URL met de nieuwe URL. Het is sneller, maar doe het gewoon niet voor bots. - Performante A/B-tests met Cloudflare-medewerkers— Philip Walton legt uit hoe A/B-testen een beetje lastiger is op statische sites dan door servers ondersteunde sites, maar je kunt het (performant) voor elkaar krijgen dankzij Cloudflare Workers die HTML kunnen manipuleren voordat het de browser bereikt, net als een Service Worker behalve aan de rand in plaats van bij de klant. Sla een cookie op en u kunt gebruikers in hun juiste groepen houden.
- Een uniforme theorie van webprestaties— Alex Russell probeert de oproep van Tanner Hodges te beantwoorden om de webprestaties daadwerkelijk te definiëren. Het is een van die dingen die voor de hand liggend lijken (zoals het duidelijk is wanneer bepaalde dingen de webprestaties helpen en schaden), maar het definiëren ervan is lastig. En niet alleen definiëren in termen van specifieke statistieken (zelfs dat is lastig), maar beantwoord vragen als: Wat zijn de leidende principes van deze discipline? Hoe ziet het eruit om webprestaties te oefenen? Hoe doen we het?
- Onthulling van de nieuwe WebPageTest UI— Ik vind het geweldig om het ontwerp van WebPageTest te zien evolueren en verbeteren. Het is een van die producten die duidelijk een best-in-class tool is voor prestatiebeoefenaars, maar toch een mooi knus ontwerp voor vele jaren. Dit is veel beter. Het is alsof Google Fonts eindelijk een nieuw ontwerp kreeg en de brede gemeenschap een collectieve uitademing van waardering liet horen.
- Beste werkwijzen voor het cachen van kopteksten— Het proefschrift van Simon Hearne over Cache-headers. Toen ik me voor het eerst begon te bekommeren om webprestaties, was dit de... hoofd- ding. Als u Cache-headers onjuist verzendt, kunnen gebruikers een bestand mogelijk steeds opnieuw downloaden als dat niet nodig is, wat ongeveer het ergste is dat mogelijk is. Ik ben blij om te zien dat headers aandacht blijven krijgen en opnieuw worden uitgevonden naarmate het web evolueert.