web performance optimization - Raoul Kramer

LazyScripts v0.3.x released

Raoul Kramer on javascript, lazy-loading, web performance, web performance optimization, npm | 11 Sep 2019

LazyScripts 0.3.x released - with MutationObserver support…

Remove dust from a legacy project

Raoul Kramer on frontend, web performance optimization, bundlephobia, npm, dependency check, pagespeed, plain js, unused code, polyfills | 23 Aug 2019

Years go by, platform code grows, browser platform support changes, and there you are: +300 Kilobytes of minified JavaScript code is shipped, same in CSS and the Chrome Code Coverage Tool shouts a huge blob of unused code in your face… Your legacy project collected dust along the way! In…

javascript - choosing the right timeout is easy

Raoul Kramer on plain js, wpo, web performance optimization, requestAnimationFrame, requestIdleCallback, cancelAnimationFrame, magic numbers, timeout, ux, browser, setTimeout | 04 Oct 2017

Every once in awhile I see code that debounces expensive events like resize or scroll: someTimeout = window.setTimeout(debounceScroll, 10); and I wonder about the magic numbers, developers choose. magic numbers In the example the dev thinks 10 milliseconds is a good time to debounce this event. The whole code…