WDRL 224

Abortable Fetch, A Lazy Loading Guide, And Scooped Corners

Hi, I’m Anselm Hannemann. Freelance webdesigner, frontend engineer, advisor. Curating WDRL, growing vegetables on a market garden farm.

Profile photo of the author, Anselm Hannemann


We often get new features, new JavaScript APIs and are excited about them but then put little attention to it or use it rarely. But only time and a lot of experiments show what these features are able to provide. Let’s take the Fetch API. It was built as a simple way to fetch content from another source via JavaScript. Now over time we learn how we can optimize this, use it asynchronously, and with the latest additions to the API can even cancel requests. And if you wonder what the use case for this would be, it’s something as simple as saving request resources on an autocomplete field or a multi-file upload field when the input changes and older values get invalid. This weeks edition contains a couple of techniques that show how we can make use of latest technologies to make our applications much more robust, whether it’s a autocompletion field, a robust lazy loading technique or adding a Content Security Policy to protect your users. Enjoy and improve your skills!



Web Performance



Go beyond…