Pinboard (spaceninja)
https://pinboard.in/u:spaceninja/public/
recent bookmarks from spaceninjaHandling asychronous rendering in Web Components | Go Make Things2023-12-09T19:14:06+00:00
https://gomakethings.com/handling-asychronous-rendering-in-web-components/
spaceninjawebcomponents async attributeChangedCallbackhttps://pinboard.in/https://pinboard.in/u:spaceninja/b:916d2c9a9485/What does the image decoding attribute actually do? | Tune The Web2023-10-01T16:46:42+00:00
https://www.tunetheweb.com/blog/what-does-the-image-decoding-attribute-actually-do/
spaceninja elements if you want. It's maybe good that image components for libraries use this, or that platforms like WordPress set it by default but if you haven't used it on your site (like I haven't on this blog), then don't expect it to magically speed up your images to a noticeable degree. Other attributes like loading=lazy (on offscreen images only please!), and fetchpriority=high (on important images only!) will have a much larger impact. As will ensuring your images are not so big that decoding times become a problem. So prioritise those first before worrying about this micro-optimisation.
]]>html performance images decoding asynchttps://pinboard.in/https://pinboard.in/u:spaceninja/b:fcdb5bc99aec/How layout position impacts three big web performance levers – Performance @ Shopify2023-09-16T18:00:30+00:00
https://performance.shopify.com/blogs/blog/how-layout-position-impacts-three-big-web-performance-levers
spaceninjafridayfrontend html css shopify performance lcp lazyload async fetchpriorityhttps://pinboard.in/https://pinboard.in/u:spaceninja/b:c791f05c7c44/Speeding Up Async Snippets – CSS Wizardry – Web Performance Optimisation2022-10-29T19:35:40+00:00
https://csswizardry.com/2022/10/speeding-up-async-snippets/
spaceninjajavascript async snippets hacks performancehttps://pinboard.in/https://pinboard.in/u:spaceninja/b:7443d9b3d59c/Resource Hint Validator | DebugBear2022-07-31T19:09:04+00:00
https://www.debugbear.com/resource-hint-validator
spaceninjaperformance preload prefetch defer async resourcehintshttps://pinboard.in/https://pinboard.in/u:spaceninja/b:16f781b840f4/Don't fight the browser preload scanner2022-06-04T19:31:00+00:00
https://web.dev/preload-scanner/
spaceninjafridayfrontend performance browsers preload optimization async deferhttps://pinboard.in/https://pinboard.in/u:spaceninja/b:13f81f8f3be0/How and when to use Async and Defer attributes | Zell Liew2021-06-19T19:26:58+00:00
https://zellwk.com/blog/javascript-async-and-defer/
spaceninjafridayfrontend javascript async defer performance cssbasicshttps://pinboard.in/https://pinboard.in/u:spaceninja/b:3c7b88eddaa3/Understanding the Event Loop, Callbacks, Promises, and Async/Await in JavaScript2020-09-19T17:55:27+00:00
https://www.taniarascia.com/asynchronous-javascript-event-loop-callbacks-promises-async-await/
spaceninjafridayfrontend javascript events promises async awaithttps://pinboard.in/https://pinboard.in/u:spaceninja/b:a2142210da04/An Interesting Explanation of async/await in JavaScript2020-09-12T18:13:03+00:00
https://dmitripavlutin.com/javascript-async-await/
spaceninjajavascript async await promiseshttps://pinboard.in/https://pinboard.in/u:spaceninja/b:d249616805b3/Progressive enhancement, graceful degradation, and asynchronously loading CSS | Go Make Things2020-08-22T20:00:45+00:00
https://gomakethings.com/progressive-enhancement-graceful-degradation-and-asynchronously-loading-css/
spaceninjafridayfrontend cssbasics javascript async graceful degredation progressiveenhancementhttps://pinboard.in/https://pinboard.in/u:spaceninja/b:c681804c1ed9/my 5 MOST USED javascript tricks2020-05-23T20:21:46+00:00
https://www.youtube.com/watch?v=_n8x8MhQo1k
spaceninjafridayfrontend video javascript tips queryselector arrays foreach reduce destructuring promises async await errors try catchhttps://pinboard.in/https://pinboard.in/u:spaceninja/b:07e202566dd5/Sing a song with the JavaScript Speech Synthesis API using async/await2020-04-25T21:08:55+00:00
https://www.youtube.com/watch?v=lOJh9vr5pj4
spaceninjafridayfrontend video javascript speech api async await promiseshttps://pinboard.in/https://pinboard.in/u:spaceninja/b:250570b3f466/Async + Await in JavaScript2020-02-15T21:17:42+00:00
https://www.youtube.com/watch?v=DwQJ_NPQWWo
spaceninjafridayfrontend video javascript promises async awaithttps://pinboard.in/https://pinboard.in/u:spaceninja/b:3e9c60d6c00a/10 JavaScript Concepts You Need to Master React (+ Cheatsheet)2020-01-18T22:31:15+00:00
https://codeartistry.io/10-javascript-concepts-you-need-to-master-react/
spaceninjafridayfrontend javascript react let const literals arrowfunctions map filter reduce arrays destructuring spread ternary promises async awaithttps://pinboard.in/https://pinboard.in/u:spaceninja/b:5aaa40411d78/Understanding Async Await2020-01-11T21:34:43+00:00
https://css-tricks.com/understanding-async-await/
spaceninjafridayfrontend javascript async await promiseshttps://pinboard.in/https://pinboard.in/u:spaceninja/b:ae04b35cc6d8/Working with GraphQL using Vanilla JS2020-01-10T22:16:22+00:00
https://medium.com/walmartlabs/writing-a-graphql-client-in-vanilla-js-d2a09aee7c6c
spaceninjajavascript es6 graphql fetch async vanillahttps://pinboard.in/https://pinboard.in/u:spaceninja/b:02ca28bbd00c/Adding Dynamic And Async Functionality To JAMstack Sites2020-01-04T20:30:16+00:00
https://www.smashingmagazine.com/2019/12/dynamic-async-functionality-jamsstack-websites/
spaceninjafridayfrontend jamstack serverless javascript asynchttps://pinboard.in/https://pinboard.in/u:spaceninja/b:1b59d964d3dc/Error handing when using the vanilla JS fetch() method with async and await | Go Make Things2019-12-16T19:07:06+00:00
https://gomakethings.com/error-handing-when-using-the-vanilla-js-fetch-method-with-async-and-await/
spaceninjajavascript fetch async await catch errorshttps://pinboard.in/https://pinboard.in/u:spaceninja/b:45fccaea33c6/How to use async and await with vanilla JavaScript | Go Make Things2019-12-13T18:02:02+00:00
https://gomakethings.com/how-to-use-async-and-await-with-vanilla-javascript/
spaceninjajavascript vanilla es6 async await promiseshttps://pinboard.in/https://pinboard.in/u:spaceninja/b:57c0452ef49c/Dealing with nested callbacks | Zell Liew2019-12-12T21:07:50+00:00
https://zellwk.com/blog/nested-callbacks/
spaceninjajavascript callbacks promises async awaithttps://pinboard.in/https://pinboard.in/u:spaceninja/b:f03d82cf16ea/JavaScript async and await in loops | Zell Liew2019-12-12T21:07:16+00:00
https://zellwk.com/blog/async-await-in-loops/
spaceninjajavascript async await loops for foreachhttps://pinboard.in/https://pinboard.in/u:spaceninja/b:1e8288d2a926/Deeply Understanding JavaScript Async and Await with Examples2019-12-12T21:05:54+00:00
https://blog.bitsrc.io/understanding-javascript-async-and-await-with-examples-a010b03926ea
spaceninjajavascript async await promiseshttps://pinboard.in/https://pinboard.in/u:spaceninja/b:8688d03a8b39/Handling Errors in JavaScript: The Definitive Guide2019-12-12T21:01:29+00:00
https://levelup.gitconnected.com/the-definite-guide-to-handling-errors-gracefully-in-javascript-58424d9c60e6
spaceninjajavascript errors node express react try catch finally async tutorials howto projectshttps://pinboard.in/https://pinboard.in/u:spaceninja/b:aa789b9093e4/Writing Asynchronous Tasks In Modern JavaScript2019-12-12T00:18:02+00:00
https://www.smashingmagazine.com/2019/10/asynchronous-tasks-modern-javascript/
spaceninjajavascript async promises awaithttps://pinboard.in/https://pinboard.in/u:spaceninja/b:232411e09573/Get better at JavaScript with just JavaScript, by Wes Bos2019-12-07T21:37:10+00:00
https://www.youtube.com/watch?v=pws4qzGn5ak
spaceninjafridayfrontend video javascript async promises destructuring spread resthttps://pinboard.in/https://pinboard.in/u:spaceninja/b:f201a519ccb5/Async/await2019-10-31T16:05:42+00:00
https://javascript.info/async-await
spaceninjaprogramming javascript async awaithttps://pinboard.in/https://pinboard.in/u:spaceninja/b:e2ac5945ad69/Efficiently load third-party JavaScript2019-09-01T18:31:07+00:00
https://web.dev/efficiently-load-third-party-javascript
spaceninjafridayfrontend performance javascript async defer preconnect lazyloadhttps://pinboard.in/https://pinboard.in/u:spaceninja/b:8858627977e3/The Simplest Way to Load CSS Asynchronously2019-07-21T22:45:58+00:00
https://www.filamentgroup.com/lab/load-css-simpler/
spaceninjafridayfrontend cssbasics css javascript performance asynchttps://pinboard.in/https://pinboard.in/u:spaceninja/b:3be4a606276d/Showing Loading & Error States with Vue.js Async Components2019-02-22T00:25:08+00:00
https://alligator.io/vuejs/vue-async-components-load-error/
spaceninjajavascript vue async loading error componentshttps://pinboard.in/https://pinboard.in/u:spaceninja/b:daa590eba374/Vue.js REST API Consumption with Axios2019-02-22T00:22:20+00:00
https://alligator.io/vuejs/rest-api-axios/
spaceninjajavascript vue axios ajax rest api async awaithttps://pinboard.in/https://pinboard.in/u:spaceninja/b:8e80af4c3c05/New ES2018 Features Every JavaScript Developer Should Know2019-01-14T00:45:42+00:00
https://css-tricks.com/new-es2018-features-every-javascript-developer-should-know/
spaceninjafridayfrontend css cssbasics javascript es6 es2018 regex rest spread async finally promiseshttps://pinboard.in/https://pinboard.in/u:spaceninja/b:e1872ea9e8d5/Promise chaining is dead. Long live async/await2018-11-27T00:24:01+00:00
https://blog.logrocket.com/promise-chaining-is-dead-long-live-async-await-445897870abc
spaceninjajavascript async promiseshttps://pinboard.in/https://pinboard.in/u:spaceninja/b:2d8b71b37c1d/The Evolution of Async JavaScript: From Callbacks, to Promises, to Async/Await2018-11-12T06:03:13+00:00
https://tylermcginnis.com/async-javascript-from-callbacks-to-promises-to-async-await/
spaceninjafridayfrontend video javascript ajax callbacks promises async await fetchhttps://pinboard.in/https://pinboard.in/u:spaceninja/b:f875ed7772a7/How to fetch data in React2018-11-01T21:10:49+00:00
https://www.robinwieruch.de/react-fetching-data/
spaceninjareact javascript tutorials ajax fetch async awaithttps://pinboard.in/https://pinboard.in/u:spaceninja/b:2fe8cc0c7746/Why Using reduce() to Sequentially Resolve Promises Works2018-10-22T18:05:40+00:00
https://css-tricks.com/why-using-reduce-to-sequentially-resolve-promises-works/
spaceninjafridayfrontend javascript reduce promises asynchttps://pinboard.in/https://pinboard.in/u:spaceninja/b:6a3e837a0f75/Promises and async/await cheatsheet2018-10-22T17:56:17+00:00
https://frontarm.com/toolbox/promises-async-await-cheatsheet/
spaceninjacheatsheet javascript async await promiseshttps://pinboard.in/https://pinboard.in/u:spaceninja/b:27850cf9741e/A Simple Guide to ES6 Promises2018-09-03T17:00:46+00:00
https://codeburst.io/a-simple-guide-to-es6-promises-d71bacd2e13a
spaceninjajavascript promises async callbacks es6https://pinboard.in/https://pinboard.in/u:spaceninja/b:cbf2f4f69547/Live asynchronously2018-02-09T17:38:18+00:00
https://medium.freecodecamp.org/live-asynchronously-c8e7172fe7ea
spaceninjawork culture async notifications burnout worklifebalancehttps://pinboard.in/https://pinboard.in/u:spaceninja/b:8d976396090f/Async + Await, by Wes Bos2018-01-13T00:07:35+00:00
https://www.youtube.com/watch?v=9YkUCxvaLEk
spaceninjafridayfrontend video async await javascript es6 promiseshttps://pinboard.in/https://pinboard.in/u:spaceninja/b:73c7c3a44058/Modern Asynchronous CSS Loading2017-12-01T19:21:35+00:00
https://www.filamentgroup.com/lab/async-css.html
spaceninjafridayfrontend css async blocking criticalhttps://pinboard.in/https://pinboard.in/u:spaceninja/b:48ba00e98f0c/async & await2017-09-11T23:05:27+00:00
https://davidwalsh.name/async-await
spaceninjafridayfrontend javascript es2017 async await promiseshttps://pinboard.in/https://pinboard.in/u:spaceninja/b:dc5aeae75cbe/The Critical Request2017-08-11T23:46:59+00:00
https://css-tricks.com/the-critical-request/
spaceninjafridayfrontend performance html css priority defer async criticalhttps://pinboard.in/https://pinboard.in/u:spaceninja/b:0054a55d9297/CSS and the first meaningful paint2017-06-16T22:41:11+00:00
https://www.youtube.com/watch?v=4pQ2byAoIX0
spaceninjafridayfrontend css video performance critical http2 defer asynchttps://pinboard.in/https://pinboard.in/u:spaceninja/b:db0d68228b9c/Asynchronous vs Deferred JavaScript2017-06-16T22:27:24+00:00
https://bitsofco.de/async-vs-defer/
spaceninja element has two attributes, async and defer, that can give us more control over how and when external files are fetched and executed.
]]>fridayfrontend javascript async deferhttps://pinboard.in/https://pinboard.in/u:spaceninja/b:4a56856c8ee7/On Hurk-Jerk - daverupert.com2016-08-19T21:40:00+00:00
http://daverupert.com/2015/10/on-hurk-jerk/
spaceninjafridayfrontend css performance critical asynchttps://pinboard.in/https://pinboard.in/u:spaceninja/b:384489a35573/Understanding Critical CSS – Smashing Magazine2016-08-19T18:08:17+00:00
https://www.smashingmagazine.com/2015/08/understanding-critical-css/
spaceninjafridayfrontend css critical inline asynchttps://pinboard.in/https://pinboard.in/u:spaceninja/b:4197a19052be/A Comprehensive Guide to Font Loading Strategies2016-07-27T01:52:02+00:00
https://www.zachleat.com/web/comprehensive-webfonts/
spaceninjacss fonts performance typography webfonts fout foft async fridayfrontendhttps://pinboard.in/https://pinboard.in/u:spaceninja/b:b8353928aa64/Load CSS or JS Files Simply & Asynchronously2014-08-10T00:39:45+00:00
http://filamentgroup.com/lab/load-css-and-js.html
spaceninjacss javascript async functions performancehttps://pinboard.in/https://pinboard.in/u:spaceninja/b:51ad8fc3e758/Async Attribute and Scripts At The Bottom2014-08-06T21:42:14+00:00
http://css-tricks.com/async-attribute-scripts-bottom/
spaceninjajavascript async htmlhttps://pinboard.in/https://pinboard.in/u:spaceninja/b:41f2064150c0/