spaceninja + defer   6

Efficiently load third-party JavaScript
Avoid the common pitfalls of using third-party scripts to improve load times and user experience.
fridayfrontend  performance  javascript  async  defer  preconnect  lazyload 
15 days ago by spaceninja
Idle Until Urgent
After spending a lot of time thinking about this problem, I realized that the evaluation strategy I really wanted was one where my code would initially be deferred to idle periods but then run immediately as soon as it’s needed. In other words: idle-until-urgent.
fridayfrontend  javascript  idle  urgent  priority  performance  defer 
october 2018 by spaceninja
The Critical Request
Have you ever wondered how browser figures out which assets should be requested and in what order? Today we're going to take a look at how we can use resource priorities to improve the speed of delivery.
fridayfrontend  performance  html  css  priority  defer  async  critical 
august 2017 by spaceninja
CSS and the first meaningful paint
In this talk we will take a journey exploring the current, past, and future best-practices for loading CSS in the browser and how we can achieve a first meaningful paint within 1000ms. Ultimately creating a faster, more resilient experience for our users.
fridayfrontend  css  video  performance  critical  http2  defer  async 
june 2017 by spaceninja
Asynchronous vs Deferred JavaScript
Fortunately, the <script> 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  defer 
june 2017 by spaceninja
Making Animations Wait
We've all been there. For example, we want to fade in a hero header on load, so we add the fade-in keyframes, setting up the animation, but then the animations starts before the background image is downloaded. We get a half-loaded image fading in, and even worse, our logo or headline appear before the background is ready.
fridayfrontend  css  animation  javascript  delay  defer 
june 2017 by spaceninja

Copy this bookmark:



description:


tags: