Is Lazy Loading Images Performant?

Is Lazy Loading Images Performant?

I see Lazy loading implemented on lots of sites and in some cases I see it being utilised effectively. But in other cases less so and if done poorly it can actually be detrimental to a site’s performance.

This video is intended as to run through for what lazy loading is and how to use it effectively to make your website faster (and by extension, improve your customers experience).

Watch the video for the full run through but I essentially talk through:

  • What is lazy loading?
  • Methods of implementation
  • What you should and should not lazy load
  • Typical approaches I see and a demonstration of how implementing it correctly can make significant improvements to your web pages pagespeed score
  • Showcase of the Pagespeed insights results from the different methods
  • Advice on how to determine what should and should not be lazy loaded

I hope this is helpful and if you have any questions then please feel free to drop me a comment.

Pavel Iakushenkov

Full Stack Developer | 15+ Years | NodeJS, React, Python, PHP

1 年

That's a great result! Lazy loading is a crucial productivity technology, but it's far from the only one!

Alex O'Byrne

Founder, speaker, writer, experimenter. Ecomm, LLMs, Trading, Fintech.

1 年

Nick this is awesome!!

回复
lee turner

Director at Duel Auto Care

1 年

Very insightful

Eoghan O' Keeffe

Digital Manager @ Kinetica Sports | Remote Working Enthuasiast

1 年

Super informative, really useful! Thanks for this!

回复
Billy Noyes

Demo Engineer @ Shopify ?? - Building the Future of Commerce ??

1 年

Love the video Nick Hurst your investigations are always really thorough and informative ??

回复

要查看或添加评论,请登录

Nick Hurst的更多文章

  • How To: Creating Custom Pages With Shopify Metaobjects

    How To: Creating Custom Pages With Shopify Metaobjects

    As part of the summer editions Shopify has released a new feature whereby Metaobjects (released last year) can power…

    3 条评论
  • How To: Shopify Theme Customisation By Market & Language

    How To: Shopify Theme Customisation By Market & Language

    Shopify released the ability to adapt content by market a little while back and it’s amazing. I’ve not really seen a…

    1 条评论
  • Walk & Talk: Shopify Bundles

    Walk & Talk: Shopify Bundles

    Shopify have recently released a new bundles application where you can combine several products together from a…

    5 条评论
  • Translating URL Handles With Shopify

    Translating URL Handles With Shopify

    Shopify has finally released the ability to translate URL handles, this (in my opinion) really finishes off the whole…

    4 条评论
  • The New Shopify Checkout - Should I Upgrade Yet?

    The New Shopify Checkout - Should I Upgrade Yet?

    At We Make Websites we’re having lots of clients reach out to us around the new checkout, inquiring about it generally…

    11 条评论
  • Google Tag Manager Consent Modes - What Are They & How Do They Work?

    Google Tag Manager Consent Modes - What Are They & How Do They Work?

    We’ve all seem those horrible cookie consent banners and whilst I’m sure a vast majority of people would be happy with…

    2 条评论
  • How To: Custom Event Tracking In GA4

    How To: Custom Event Tracking In GA4

    In a recent post I spoke about Shopify's new 'out of the box' connection for Google Analytics 4 and how it supports a…

  • How Do Shopify Metaobjects Work?

    How Do Shopify Metaobjects Work?

    Shopify recently released Metaobjects which help administrators add and store additional structured information within…

    2 条评论

社区洞察

其他会员也浏览了