recentpopularlog in

piperh : lazy   21

Lazy Loading Images – The Complete Guide
another guide to lazy loading, easy to understand and fairly complete.
Says this: if there are less than 5 images outside the viewport, then lazy loading can be avoided altogether.
Usefully mentions how to test if lazyload is working
webdesign  web  design  lazy  load  lazyload  loading  speed  performance  ux 
19 days ago by piperh
GitHub - malchata/yall.js: A fast, flexible, and small SEO-friendly lazy loader.
yall.js This is written by person writing a google devs page about lazy loading. Using it on artworkers site possibly
webdesign  web  design  js  javascript  script  lazy  load  loading  lazyload  performance  img  image 
22 days ago by piperh
Lazy Loading Images and Video  |  Web Fundamentals  |  Google Developers
Google developers page about lazy loading, with links to some popular js-only libraries.
webdesign  web  design  webdev  img  image  lazy  load  lazyload  loading  performance  speed  js  javascript  script 
22 days ago by piperh
Native lazy-loading for the web  |  web.dev
about native lazy loading for images and iframes, by Google's web.dev pages.
end August 2019 only in Chrome.
webdesign  web  design  webdev  development  speed  performance  image  img  lazy  load  loading  css  lazyload  native  browser 
6 weeks ago by piperh
AddyOsmani.com - Native image lazy-loading for the web!
look at the new loading attribute which brings native <img> and <iframe> lazy-loading to the web.
Is it css or an image attribute?
webdesign  web  design  image  img  lazy  load  lazy-load  lazyload  css  loading  attribute 
april 2019 by piperh
The Complete Guide to Lazy Loading Images | CSS-Tricks
Various methods for implementing lazy - js, intersection observer API. Some resource links at end
webdesign  web  design  images  lazy  load  loading  speed  performance  js  javascript  script  api 
october 2018 by piperh
GitHub - Paul-Browne/lazyestload.js: load images only when they are in (and remain in) the viewport
load images only when they are in the viewport or 100px beneath. There's also a version that waits until user has stopped scrolling
lazyload  lazy  images  js  javascript  load  speed  performance  scroll  viewport 
october 2018 by piperh
Five Techniques to Lazy Load Images for Website Performance — SitePoint
Lazy loading images means loading images on websites asynchronously — that is, after the above-the-fold content is fully loaded, or even conditionally, only when they appear in the browser’s viewport.
webdesign  web  design  image  photo  lazyload  lazy  load  ux  ui  optimise  optimisation  performance  speed 
may 2018 by piperh
Peekaboo
they say: Fires a one-time event whenever elements of your choice are about to scroll into the viewport. Perfect for triggering animations or for just-in-time asset loading
webdesign  web  design  js  javascript  script  scroll  viewport  animation  jit  load  loading  just-in-time  lazy  window 
april 2018 by piperh
Lazy Load Images
a technique for lazy loading blurry lo-res images before the hi-res are loaded
webdesign  web  design  lazy  load  loading  speed  performance  image 
january 2018 by piperh
Lazy loading with inline SVG
idea for lazy loading: use svg outlines of images that show before the whole photographic image has loaded. Possibly, maybe useful in some circumstance though it's a lot of work just for a few miliseconds of user benefit
webdesign  web  design  lazy  loading  load  image  svg 
october 2017 by piperh
Lozad.js | lozad.js
they say: Highly performant, light ~0.5kb and configurable lazy loader in pure JS with no dependencies for images, iframes and more, using IntersectionObserver API
webdesign  web  design  js  javascript  script  lazy  loading  image  element 
october 2017 by piperh
Picturefill
polyfill to make picture element work in all browsers
webdesign  web  design  script  js  javascript  html5  html  polyfill  picturefill  picture  element  css  image  load  lazy  lazyloading  responsive  img  srcset  attribute  1x  2x  3x 
july 2016 by piperh
Lazy-Loading Images: How Not to Really Annoy Your Users
tutorial about setting up lazy loading. A jQuery method and a vanilla method using 'Blazy'.
webdesign  web  design  lazy  loading  load  image  speed  performance  optimise  optimisation  js  javascript  jquery 
july 2016 by piperh
Lazy Loading Images on the Web -Telerik Developer Network
roundup of a few lazy loading options, some with jQuery, some vanilla, but all look fairly easy to implement
webdesign  web  design  image  lazy  loading  size  time  weight  page  webpage  load  javascript  jquery  vanilla  howto  comparison 
october 2015 by piperh

Copy this bookmark:





to read