7 nuevos enlaces de rendimiento para marzo de 2022 trucos CSS

Tengo un puñado de buenos enlaces a artículos de rendimiento que queman un agujero en mi carpeta de marcadores, y quiero publicarlos aquí para compartirlos.

• De las fuentes a SVG: una estrategia de migración de iconos– Erwin Hoffman señala que usó fuentes para íconos por pura conveniencia, pero que hay muchas razones para no usarlas. Proporciona detalles de su nueva estrategia basada en íconos basada en <use> técnica Cinco años después, sigo siendo un gran fanático de la inmersión simple <svg> en HTML donde los necesite. Es solo HTML parcial como cualquier otro.
• Rendimiento de Next.js: haga que un marco rápido sea aún más rápido– Ben Schwartz dice que Next.js ya es un marco bastante rápido, ya que hace cosas inteligentes que mantienen rápidas incluso las páginas con tecnología React. Pero la productividad no es algo que se pueda dejar completamente en el marco. Tú Afortunadamente, Next.js tiene algunos ayudantes bastante útiles para cosas como la carga dinámica (perezosa) de componentes, el aplazamiento de secuencias de comandos, la optimización de imágenes y más.
• Redirección de liquidación– Tim Verike cubre una técnica fascinante, donde en cambio redirección URL anterior a URL nueva, deje que se cargue la URL anterior, cargue dinámicamente el nuevo contenido, luego history.replaceState antigua URL con nueva URL. Es más rápido, pero no lo hagas por bots.
• Pruebas A/B efectivas con Cloudflare Workers– Philip Walton describe cómo las pruebas A/B son un poco más complicadas en sitios estáticos que en sitios compatibles con servidores, pero puede hacerlo (efectivamente) gracias a Cloudflare Workers, que puede manipular HTML antes de acceder al navegador, como Service Worker excepto en el borde, no el cliente. Guarde una cookie y podrá mantener a los usuarios en los grupos correctos.
• Teoría unificada de la productividad web– Alex Russell está tratando de responder al llamado de Tanner Hodges para una definición real de productividad web. Esta es una de esas cosas que parecen obvias (como si estuviera claro cuando ciertas cosas ayudan y perjudican la productividad web), pero en realidad es difícil de definir. Y no solo definirlo en términos de indicadores específicos (incluso esto es difícil), sino responder preguntas como: ¿Cuáles son los principios rectores de esta disciplina? ¿Cómo se ve practicar la productividad web? ¿Cómo hacerlo?
• Presentación de la nueva interfaz de usuario de WebPageTest– Me encanta ver cómo se desarrolla y mejora el diseño de WebPageTest. Este es uno de esos productos que obviamente es la mejor herramienta de su clase para los profesionales del rendimiento, pero aún tiene hermosa Diseño tosco durante muchos años. Esto es mucho mejor. Es como cuando Google Fonts finalmente se rediseña y la comunidad en general emite un estallido colectivo de agradecimiento.
• Mejores prácticas para almacenar encabezados en caché«Disertación de Simon Hearn sobre encabezados de caché». Cuando me interesé por primera vez en la productividad web, fue como jefe algo. Si envía encabezados de caché incorrectos, los usuarios pueden descargar un archivo una y otra vez innecesariamente cuando no lo necesitan, lo cual es lo peor posible. Me alegra que los titulares sigan llamando la atención y se presenten nuevamente con el desarrollo de la red.