Remove author surma
article thumbnail

Implementing Infinite Scroll And Image Lazy Loading In React

Smashing Magazine

<img alt={author} data-src={download_url} className="card-img-top" src={'[link] /> We set a default source for every <img className='card-img-top'/> element and store the image we want to show on the data-src property. IntersectionObserver’s Coming Into View ,” Surma, Web Fundamentals. Components And Props ,” React.

Code 124
article thumbnail

Front-End Performance Checklist 2021

Smashing Magazine

iPad Pro’s screens run at 120Hz) and Surma has covered some rendering performance solutions for 120fps , but that’s probably not a target we’re looking at just yet. Also, check Surma's talk about off the main thread architecture. milliseconds mark. We’re starting to have conversations about 120fps (e.g. How to get started?

Insiders

Sign Up for our Newsletter

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Trending Sources

article thumbnail

Front-End Performance Checklist 2020 [PDF, Apple Pages, MS Word]

Smashing Magazine

iPad Pro’s screens run at 120Hz) and Surma has covered some rendering performance solutions for 120fps , but that’s probably not a target we’re looking at just yet. Here are a few resources that are worth looking into: Surma has published an excellent guide on how to run JavaScript off the browser’s main thread. milliseconds mark.

article thumbnail

Front-End Performance Checklist 2019 [PDF, Apple Pages, MS Word]

Smashing Magazine

iPad’s new screens run at 120Hz) and Surma has covered some rendering performance solutions for 120fps , but that’s probably not a target we’re looking at just yet. Because the browser needs time to paint the new frame to the screen, your code should finish executing before hitting the 16.6 milliseconds mark.