Tiempos de carga rápidos  |  web.dev

https://web.dev/explore/fast?hl=es-419

Auditoría del rendimiento  |  Articles  |  web.dev

Una auditoría de tu sitio o app te ayudará a crear una experiencia resiliente y eficaz, y a destacar los beneficios rápidos que se pueden implementar con una aprobación mínima. Una auditoría también te proporciona un modelo de referencia para el desarrollo basado en datos. ¿Un cambio mejoró las cosas? ¿Cómo se compara tu sitio con el de la competencia? Obtienes métricas para priorizar el esfuerzo y evidencia concreta para presumir cuando realizaste mejoras.

https://web.dev/articles/performance-audit?hl=es-419

Ruta de acceso de representación crítica  |  Articles  |  web.dev

La optimización de la ruta de acceso de representación crítica hace referencia al hecho de priorizar la visualización de contenido relacionado con la acción actual del usuario.

https://web.dev/articles/critical-rendering-path?hl=es-419

Construcción, diseño y pintura del árbol de representación  |  Articles  |  web.dev

PENDIENTES

https://web.dev/articles/critical-rendering-path/render-tree-construction?hl=es-419

Métricas de rendimiento centradas en el usuario  |  Articles  |  web.dev

Las métricas de rendimiento centradas en el usuario son una herramienta fundamental para comprender y mejorar la experiencia en tu sitio de una manera que beneficie a los usuarios reales.

https://web.dev/articles/user-centric-performance-metrics?hl=es-419

Construir el modelo de objetos  |  Articles  |  web.dev

Obtén información sobre cómo el navegador construye los árboles del DOM y el CSSOM.

https://web.dev/articles/critical-rendering-path/constructing-the-object-model?hl=es-419

GitHub - csabapalfi/awesome-pagespeed-metrics: ⚡Metrics to help understand page speed and user experience

⚡Metrics to help understand page speed and user experience - csabapalfi/awesome-pagespeed-metrics

https://github.com/csabapalfi/awesome-pagespeed-metrics

PageSpeed Insights

https://pagespeed.web.dev/

Website Carbon Calculator v3 | What's your site's carbon footprint?

The original website carbon calculator tool, brought to you by Wholegrain Digital,London's original sustainable WordPress agency.

https://www.websitecarbon.com/

Internet Speed Test - Measure Network Performance | Cloudflare

Test your Internet connection. Check your network performance with our Internet speed test. Powered by Cloudflare's global edge network.

https://speed.cloudflare.com

Site speed audit for hey.car

This is an interactive site speed report for hey.car. It shows Core Web Vitals across different devices and locations using the data from Chrome UX Report.

https://treo.sh/sitespeed/hey.car

Free Website Speed Test

Measure the speed and Core Web Vitals of your website. Find out how to make your website load faster and rank well in Google.

https://www.debugbear.com/test/website-speed

CSS Analytics - Project Wallace

The best CSS Analyzer on the web. Check your CSS complexity, specificity, performance, design tokens and much more.

https://www.projectwallace.com/

Maximally optimizing image loading for the web

In this post I'll outline 8 image loading optimization techniques to minimize both the bandwidth used for loading images on the web and the…

https://www.industrialempathy.com/posts/image-optimizations/

Optimal Images in HTML

Modern HTML gives you some powerful attributes to optimally load images in your sites an apps. Learn them, and use them!

https://www.builder.io/blog/fast-images

Responsive images - Learn web development | MDN

That's a wrap for responsive images—we hope you enjoyed playing with these new techniques. As a recap, there are two distinct problems we've been discussing here:

https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images

SVG: Scalable Vector Graphics | MDN

Scalable Vector Graphics (SVG) is an XML-based markup language for describing two-dimensional based vector graphics.

https://developer.mozilla.org/en-US/docs/Web/SVG

5 steps to speed up your image heavy website

Images are a key component of every website. According to HTTP Archive images make up for more than 60% of data loaded on web pages. Being…

https://codeburst.io/5-steps-to-speed-up-your-image-heavy-website-65c874a86966

Tiempos de carga rápidos  |  web.dev

https://web.dev/explore/fast?hl=es-419

Solved - Best Image Format for the Web? PNG, JPG, GIF, and SVG. - Pagecloud Blog - Web Design & Small Business Tips for Your Website

What file type should you be using on the web? We showcase the differences as well as the best times to use JPG, PNG, GIF and SVG.

https://www.pagecloud.com/blog/web-images-png-vs-jpg-vs-gif-vs-svg

Package Phobia

Find the cost of adding a npm dependency to your Node.js project. Compare package install size and publish size over time.

https://packagephobia.com/