Invision Community 4: SEO, prepare for v5 and dormant account notifications By Matt Monday at 02:04 PM
sobrenome Posted July 17, 2020 Posted July 17, 2020 If lazy load is enable, why not lazy load profile pictures on IPS 4.5? On some pages there are many profile pictures with big sized images. rodege5389 and Linux-Is-Best 2
Thomas P Posted July 17, 2020 Posted July 17, 2020 (edited) Hi, those are SVG images, which are text and compressed via HTTP Gzip. 🙂 If you mean the uploaded images - good suggestion. Regards, Thomas Edited July 17, 2020 by Thomas P Linux-Is-Best, rodege5389 and sobrenome 3
sobrenome Posted July 17, 2020 Author Posted July 17, 2020 5 hours ago, Thomas P said: If you mean the uploaded images - good suggestion. Yes! 😊😊😊 Linux-Is-Best 1
Gabriel Torres Posted January 12, 2021 Posted January 12, 2021 Just bumping this to say that I've been trying to optimize our website with Google Lighthouse, and one of the suggestions is that we enable lazy loading for the user uploaded avatars. See below. So +1 for enabling lazy loading on users' avatars. Linux-Is-Best and sobrenome 1 1
Gabriel Torres Posted January 13, 2021 Posted January 13, 2021 (edited) After researching about this, browsers have now native lazy loader. We only need to edit the templates to add: loading="lazy" To all img tags. I edited the following templates: core > front > global reactionBlurb reactionLog reactionOverview reactionTabs reputation userPhoto userPhotoFromData This enabled lazy loading for user photos and reactions, and the "Defer offscreen images" warning from Google Lighthouse is now gone! 🙂 (I also made the same edit in my cms custom templates) Edited January 13, 2021 by Gabriel Torres Ibai, Maxxius, crmarks and 5 others 4 4
SeNioR- Posted January 13, 2021 Posted January 13, 2021 Agree, explanation is here. sobrenome and Gabriel Torres 1 1
Management Matt Posted January 13, 2021 Management Posted January 13, 2021 We are discussing this internally. 👍 Thomas P, Jordan Miller, crmarks and 4 others 3 4
SeNioR- Posted January 14, 2021 Posted January 14, 2021 It really works guys! Before (unmodified template) After add lazy-loading attribute to sobrenome, crmarks, Ibai and 2 others 5
Rick Vasquez Posted February 23, 2021 Posted February 23, 2021 bumping for the incredible tip. This drastically reduces page load times and should be integrated with the lazy load feature in IPS 4.5 or 4.6 when it comes out. Really simple change to the templates made a major difference. aXenDev, Linux-Is-Best and sobrenome 1 2
Featured Comment Jordan Miller Posted February 23, 2021 Featured Comment Posted February 23, 2021 I can confirm our next release (4.6) will include lazy loading for profile photos. 🙂 Rick Vasquez, SUBRTX, crmarks and 6 others 4 5
Jordan Miller Posted February 23, 2021 Posted February 23, 2021 We have more lazy loading updates on the way as well. Check them out here (and please comment 😊) Linux-Is-Best, Thomas P, SUBRTX and 1 other 3 1
CoffeeCake Posted February 23, 2021 Posted February 23, 2021 (edited) One day, future time traveler, 4.6 will appear. Until that day, here's a plugin that does what @Gabriel Torres documented for you for 4.5. Lazy Load Images.xml Submitted to Marketplace as a free resource for those that like the Marketplace thing: Edited February 23, 2021 by Paul E. Marketplace link. Linux-Is-Best, Chris Anderson, _Vault_ and 5 others 3 5
Jordan Miller Posted February 23, 2021 Posted February 23, 2021 2 hours ago, Paul E. said: One day, future time traveler, 4.6 will appear. Until that day, here's a plugin that does what @Gabriel Torres documented for you for 4.5. Lazy Load Images.xml 4.95 kB · 4 downloads Submitted to Marketplace as a free resource for those that like the Marketplace thing: Wow. Nice work! Thank you. Curious to see how this performs. 🙏 I'm eager/excited for 4.6 too. I'll add to my community later today and see what happens. 🙂 sobrenome 1
CoffeeCake Posted February 23, 2021 Posted February 23, 2021 13 minutes ago, Jordan Invision said: I'll add to my community later today and see what happens. 🙂 No idea how it will work with a third-party theme. It's simple theme hooks based on the default theme, and simply adds the loading="lazy" attribute to <img> tags as @Gabriel Torres documented. sobrenome 1
zyx Posted February 24, 2021 Posted February 24, 2021 On 1/13/2021 at 2:51 AM, Gabriel Torres said: After researching about this, browsers have now native lazy loader. We only need to edit the templates to add: loading="lazy" To all img tags. I edited the following templates: core > front > global reactionBlurb reactionLog reactionOverview reactionTabs reputation userPhoto userPhotoFromData This enabled lazy loading for user photos and reactions, and the "Defer offscreen images" warning from Google Lighthouse is now gone! 🙂 (I also made the same edit in my cms custom templates) Thanks, that's great to know! Presumably the admin cp lazy loading setting has to be enabled for the loading="lazy" code to work? We are in an odd situation where we actually don't want lazy loading for forum attachments, but would like it in other areas like profile pictures. sobrenome 1
Ibai Posted February 25, 2021 Posted February 25, 2021 10 hours ago, theipsguy said: Thanks, that's great to know! Presumably the admin cp lazy loading setting has to be enabled for the loading="lazy" code to work? We are in an odd situation where we actually don't want lazy loading for forum attachments, but would like it in other areas like profile pictures. You don't need to enable that setting in ACP. It's enough changing the template bits adding the loading="lazy" property 🙂 sobrenome and zyx 2
Jordan Miller Posted February 25, 2021 Posted February 25, 2021 On 2/23/2021 at 12:37 PM, Paul E. said: No idea how it will work with a third-party theme. It's simple theme hooks based on the default theme, and simply adds the loading="lazy" attribute to <img> tags as @Gabriel Torres documented. I installed it but I'm not sure I see any changes? But that's better I presume than seeing something broken lol Looking forward to it being baked into 4.6! sobrenome 1
CoffeeCake Posted February 25, 2021 Posted February 25, 2021 13 minutes ago, Jordan Invision said: I installed it but I'm not sure I see any changes? I went to your web site. I had a fight with the thing angry at me that I had an adblocker. Lied and told it I disabled it. It sensed my deceit. Then I clicked to find a forum post--any forum post. Found one. Conservatorship. Clicked on a topic, and then had a fight with your web site telling me I've had my fill of free content for the day and inviting me to register. While a video played. In the corner. And there were flashing lights. I tried. 🙂 It should add, in the locations Gabriel Torres mentioned here a loading="lazy" attribute to reaction images, reputation images, and avatars. But, I'm not sure how/if it would work with the custom theme you have installed. There will be nothing visually different, however if you inspect the img tags for those locations, you should see loading="lazy" added, as shown below: <img src="/path/to/avatar.jpg" loading="lazy"> sobrenome and Linux-Is-Best 1 1
Jordan Miller Posted February 25, 2021 Posted February 25, 2021 Just now, Paul E. said: I went to your web site. I had a fight with the thing angry at me that I had an adblocker. Lied and told it I disabled it. It sensed my deceit. Then I clicked to find a forum post--any forum post. Found one. Conservatorship. Clicked on a topic, and then had a fight with your web site telling me I've had my fill of free content for the day and inviting me to register. While a video played. In the corner. And there were flashing lights. I tried. 🙂 It should add, in the locations Gabriel Torres mentioned here a loading="lazy" attribute to reaction images, reputation images, and avatars. But, I'm not sure how/if it would work with the custom theme you have installed. There will be nothing visually different, however if you inspect the img tags for those locations, you should see loading="lazy" added, as shown below: <img src="/path/to/avatar.jpg" loading="lazy"> Is this a bad time to say 'Remove your ad blocker and become a member 🤠' sobrenome 1
Linux-Is-Best Posted February 25, 2021 Posted February 25, 2021 (edited) 55 minutes ago, Paul E. said: I had a fight with the thing angry at me that I had an adblocker. Lied and told it I disabled it. It sensed my deceit. 🤣 You cannot hide. 😂 Edited February 25, 2021 by Linux-Is-Best cleaner video sobrenome 1
Jordan Miller Posted February 25, 2021 Posted February 25, 2021 6 minutes ago, Linux-Is-Best said: 🤣 You cannot hide. 😂 This will give me nightmares lol sobrenome and Linux-Is-Best 1 1
Gabriel Torres Posted June 23, 2021 Posted June 23, 2021 Returning here just to thank the IPS team @Jordan Invision for adding the Lazy Loading featured we suggested in the 4.6 series! 🙂 sobrenome and Ibai 1 1
Recommended Posts
Posted by Jordan Miller,
9 reactions
Go to this post