nucliweb

nucliweb, 7 days ago to javascript

I love how @lydiahallie explains and simplifies how Event Loop, Web APIs, (Micro)task Queue, works in her video series "JavaScript Visualized"

https://www.youtube.com/watch?v=eiC58R16hb8

#WebPerf #INP #JavaScript #JS

nucliweb, 28 days ago to random

The CommitConf badge to the collection 🥰

#commitconf

nucliweb, 1 month ago to random

What’s new (regarding Web Performance) in DevTools, Chrome 124

1️⃣ Hide functions and their children in the flame chart
2️⃣ Arrows from selected initiators to events they initiated
3️⃣ Enabling JS sampling adds detailed JavaScript call stacks to the performance trace

#WebPerf #PerfTools #DevTools

Arrows from selected initiators to events they initiated
Enabling JS sampling adds detailed JavaScript call stacks to the performance trace

nucliweb, 1 month ago to javascript

I have been selected to give my talk "JavaScript Loading Priorities and Adaptive Loading" at Codemotion Madrid 2024 😊

#WebPerf #Performance #JavaScript #Codemotion

nucliweb, 1 month ago to random

SSR Framework Benchmark

https://github.com/Rich-Harris/ssr-benchmark

#WebPerf #Performance #Frontend

nucliweb, 1 month ago to random

What is a good TTFB for ecommerce?

https://www.erwinhofman.com/blog/what-is-a-good-ttfb-for-ecommerce/ by @erwin

#WebPerf #Performance #TTFB

nucliweb, 1 month ago to random

Mesure the TTFB sub-parts

https://webperf-snippets.nucliweb.net/Loading/TTFB#mesure-the-ttfb-sub-parts

#WebPerf #TTFB #WebPerfSnippets #PerfTools

nucliweb, 1 month ago to CSS

Published a new WebPerf Snippet to list all the elements that have a content-visibility applied to them

https://webperf-snippets.nucliweb.net/Loading/Content-Visibility

Script by Arjen Karel 🙏

#WebPerf #CSS #INP #CoreWebVitals

nucliweb, 1 month ago to random

TTFB happens before user-centric metrics such as First Contentful Paint (FCP) and Largest Contentful Paint (LCP), we recommend that your server respond to navigation requests quickly enough so that the 75th percentile of users experience an FCP within the "good" threshold. As a rough guide, most sites should strive to have a TTFB of 0.8 seconds or less.

👉 https://web.dev/articles/ttfb

#WebPerf #TTFB

nucliweb, 1 month ago to random

Jpegli is a new JPEG coding library that is designed to be faster, more efficient, and more visually pleasing than traditional JPEG

https://opensource.googleblog.com/2024/04/introducing-jpegli-new-jpeg-coding-library.html

#WebPerf #ImagePerf #Images #JPEGXL

nucliweb, 1 month ago to random

Google Chrome web-vitals.js v4 to support LoAF + INP breakdown

https://www.rumvision.com/blog/google-web-vitals-v4-supports-loaf-inp-breakdown/ by @erwin

#WebPerf #INP #LoAF #CoreWebVitals

nucliweb, 1 month ago to CSS

An Interactive Guide to CSS Container Queries

https://ishadeed.com/article/css-container-query-guide

#CSS

nucliweb, 1 month ago to random

Here is a graphical explanation of the use of percentiles in Web Performance

p75 2.29 s

• 75% of visitors waited less than 2.29 s
• 25% of visitors waited longer than 2.29 s

#WebPerf #Performance #PerfMetrics

nucliweb, 2 months ago to random

@akamaidev announces 6 new system timers and 5 new system dimensions for additional performance measurements

https://blog.akamai-mpulse.com/blog/2024-02-29-mpulse-feature-release-metrics-2024/

#WebPerf #PerfMetrics #Monitoring #Observability

nucliweb, 2 months ago to random

JPEG XL and the Pareto Front

https://cloudinary.com/blog/jpeg-xl-and-the-pareto-front

#WebPerf #ImagePerf #Optimization #JPEGXL

nucliweb, 2 months ago to random

INP demo's and playgrounds

https://www.erwinhofman.com/blog/inp-demos-and-playgrounds/ by @erwin

#WebPerf #CoreWebVitals #INP

nucliweb, 2 months ago to javascript

El próximo 19 de abril daré una charla sobre JavaScript Loading Priorities and Adaptive Loading en la Commit Conf 2024

📒 https://koliseo.com/commit/2024/agenda/0

#WebPerf #Performance #JavaScript

nucliweb, 2 months ago to random

WebPerf Snippets
A curated list of snippets to get Web Performance metrics to use in the browser console or as snippets on Chrome DevTools

https://webperf-snippets.nucliweb.net/

#WebPerf #PerfTools #Performance #WebPerfSippets

nucliweb, 3 months ago to random

Averages, medians & percentiles

https://support.speedcurve.com/docs/average-median-percentiles by @speedcurve

#WebPerf #Metrics

nucliweb, 3 months ago to CSS

The power of the content-visibility CSS property

https://web.dev/articles/content-visibility

#WebPerf #CSS

nucliweb, 3 months ago to random

I found an easter egg in DevTools of Chrome Canary 🤩

#DevTools #WebPerf

video/mp4

nucliweb, 3 months ago to random

📣 #WebPerfTip

Please be sure to avoid fade-in effects when loading the page. It seems a good UX resource to maintain good visual stability, but the Core Web Vitals LCP metric reports a terrible experience.

#WebPerf #Performance #CoreWebVitals #CWV #LCP

nucliweb, 3 months ago to random

The Performance Inequality Gap, 2024

https://infrequently.org/2024/01/performance-inequality-gap-2024/ by @slightlyoff

#WebPerf

nucliweb, 3 months ago to random

Advancing Interaction to Next Paint

INP is no longer experimental. Learn about Chrome's plan to make it a Core Web Vital in 2024

https://web.dev/blog/inp-cwv

#WebPerf #CoreWebVitals #INP