RRU 062: Image Lazy Loading in React
React Round Up21 Mai 2019

RRU 062: Image Lazy Loading in React

Sponsors Panel
  • Justin Bennett
  • Thomas Aylott
  • Dave Ceddia
Notes Today’s show has the panel discussing image lazy loading in React. Image lazy loading is the notion that images that are below the fold (rendered outside of your browser view when you initially load a page) are deferred and loaded later, so that your page loads faster. As you scroll down the page and things get close, then they are loaded in. This is a commonly suggested performance optimization, but often it doesn’t work well in React. The panelists talk about their experiences with lazy loading and different methods they’ve seen on other sites. They discuss the tradeoff between having a lot of images and slower loading and the importance of communicating with the design team. Since lazy loading is a unique challenge in React, they give recommendations for implementing lazy loading and tools for tracking site usage. They talk about dealing with JavaScript payloads, bundle and load splitting, and automating performance tracking. They discuss different performance tracking tools. The panelists address the NIH bias (Not Invented Here) and the trend that designers tend to be willing to pay money for good tooling, while engineers are cheap. There have been great improvements in the marketplace for good tools, so much so that oftentimes buying the tools is cheaper than making them yourself. They finish by discussing the pros and cons of building vs. buying and the future of the frontend. Links Follow DevChat on Facebook and Twitter Picks Justin Bennett: Thomas Aylott: Dave Ceddia:

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

Episoder(310)

Exploring Micro Frontend Architecture with Florian Rappel - RRU 283

Exploring Micro Frontend Architecture with Florian Rappel - RRU 283

Welcome to React Roundup, the podcast where we keep you updated on all things React related! In today's episode, we have an enlightening discussion featuring Paige Nedringhaus as host, our panelist TJ...

24 Jan 202553min

React Component Tests for Humans with Miroslav Nikolov - RRU 282

React Component Tests for Humans with Miroslav Nikolov - RRU 282

On this episode of React Round Up we chatted with Miroslav Nikolov, a UI developer at one.com, about his approach to unit testing React components. Miroslav discussed writing components in a human-fri...

8 Jan 202539min

Run NextJS and Node in the Browser ft. Eric Simons - RRU 281

Run NextJS and Node in the Browser ft. Eric Simons - RRU 281

Eric Simons joins the round-up to discuss the latest advancements made by StackBlitz that enables you to run NodeJS in the browser. Eric expands that to the work they've done with the NextJS team to r...

1 Jan 202547min

All Things Voice Recognition and JavaScript with Ian Lavery - RRU 280

All Things Voice Recognition and JavaScript with Ian Lavery - RRU 280

Returning guest, Ian Lavery from Picovice.ai, joins the hosts to talk all things voice recognition. He dives into new languages the company has tackled over the last year (and what languages it plans ...

25 Des 202445min

React Ecosystem: Libraries, Tools, and Third-Party Integrations - RRU 279

React Ecosystem: Libraries, Tools, and Third-Party Integrations - RRU 279

In today's episode, Lucas and Peter dive deep into the world of front-end frameworks with a captivating discussion featuring PRANTA Dutta, a seasoned React Native developer. Pranta shares his journey ...

18 Des 202454min

Error Reporting and Bug Monitoring with James Smith - RRU 278

Error Reporting and Bug Monitoring with James Smith - RRU 278

In this episode of React Round Up we chatted with James Smith from Bugsnag. We talked about the importance of error monitoring and reporting, and how to actually implement those workflows in your prod...

11 Des 202444min

How to Structure Your React Projects - RRU 277

How to Structure Your React Projects - RRU 277

Akash Joshi Is a frequent blogger across many of the larger blogs across the internet.He joins the Round Up to share his opinions on how you should put your React applications together as well as some...

4 Des 202435min

Building Component Libraries with Kathryn Grayson Nanz - RRU 276

Building Component Libraries with Kathryn Grayson Nanz - RRU 276

Senior Frontend Engineer Kathryn Grayson Nanz joins the React Round Up team to talk about all things component libraries. Kathryn shares her experiences building not one but two component libraries, a...

27 Nov 202448min

Populært innen Business og økonomi

stopp-verden
dine-penger-pengeradet
e24-podden
rss-penger-polser-og-politikk
rss-borsmorgen-okonominyhetene
lydartikler-fra-aftenposten
pengepodden-2
utbytte
finansredaksjonen
pengesnakk
livet-pa-veien-med-jan-erik-larssen
morgenkaffen-med-finansavisen
okonomiamatorene
tid-er-penger-en-podcast-med-peter-warren
rss-sunn-okonomi
stormkast-med-valebrokk-stordalen
lederpodden
rss-fa-makro
rss-markedspuls-2
boligbobla