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)

AI Integration in Web Apps - RRU 267

AI Integration in Web Apps - RRU 267

In this episode, Lucas, Chris, and Peter are joined by Colby Fayock, the Director of Developer Experience Engineering at Cloudinary and a content creator.Join them as they dive deep into the world of ...

25 Sep 202432min

Speech Commands and Speech Recognition in React featuring Chris Laughlin - RRU 266

Speech Commands and Speech Recognition in React featuring Chris Laughlin - RRU 266

Chris Laughlin joins the round up to discuss how to use the WebKit Speech Recognition API to interact with your react applications. This opens up a wide range of capabilities for web and React applica...

4 Sep 202446min

Building a Seamless Image Zoom Feature - RRU 265

Building a Seamless Image Zoom Feature - RRU 265

In today's episode, they dive deep into the intricacies of creating a seamless image zoom functionality with our special guest, Robert Pierce, a seasoned software engineer with 13 years of experience ...

30 Aug 202450min

Next.js Deployment Woes: Tackling Vendor Lock-In and Production Readiness with FlightControl - RRU 264

Next.js Deployment Woes: Tackling Vendor Lock-In and Production Readiness with FlightControl - RRU 264

In this episode, they dive deep into the intricacies of deploying server-side rendering applications using Next.js on AWS. Join them as  Brandon Bayer, the CEO of Flightcontrol shares insightful exper...

14 Aug 202445min

Boosting Development Efficiency with Strapi CMS and Next - RRU263

Boosting Development Efficiency with Strapi CMS and Next - RRU263

In today's episode, our host Lucas Paganini sits down with special guest Paul Bratslavsky, a seasoned software engineer at Strapi, to explore the powerful synergy between Strapi, a versatile JavaScrip...

7 Aug 202454min

React Native vs Capacitor: Performance, Flexibility, and Business Impacts - RRU 262

React Native vs Capacitor: Performance, Flexibility, and Business Impacts - RRU 262

In today's episode, they dive deep into the evolving landscape of mobile development by comparing React Native and Capacitor, two pivotal technologies for transforming web code to run seamlessly on mo...

24 Jul 202453min

Speech Commands and Speech Recognition in React featuring Chris Laughlin - RRU 261

Speech Commands and Speech Recognition in React featuring Chris Laughlin - RRU 261

Chris Laughlin joins the round up to discuss how to use the WebKit Speech Recognition API to interact with your react applications. This opens up a wide range of capabilities for web and React applica...

12 Jun 202446min

Gmail Analysis Software, Web Components, and State of Web Development Surveys - RRU 260

Gmail Analysis Software, Web Components, and State of Web Development Surveys - RRU 260

Levan Katsadze is a Software Developer. In this episode, they explore a fascinating project, which offers migration rules for moving websites, emails, and databases between hosts. They talk about the ...

5 Jun 202447min

Populært innen Business og økonomi

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