Earth Notes: On Website Technicals (2019-08)

Updated 2019-08-17 16:44 GMT.
Tech updates: maybe lazy...
tools

2019-08-09: Neither lazy nor cheap yet, or am I?

At the moment I can't make lazy loading work in mainline or Canary Chrome on my laptop at all, so a step back from where I was in July.

(Test page.)

It doesn't seem that work has stopped on Chromium component:Blink>Loader>LazyLoad, Merely that a step back has been taken to gather stats from the field from 'lite' mode mobile (Android) only.

Update 2019-08-14: while complaining to various people at Google how lazyload had stopped working for me, I pulled the very latest mainline Chrome and it does now seem to have a full working implementation as of 76.0.3809.100. Woot!

Sources and Links

  • Chromium component:Blink>Loader>LazyLoad.
  • AMP up your mobile web experience: We found that AMP can indeed reduce the complexity of web pages and this reduction does result in significant performance improvement on mobile users’ QoE. Despite the controversy surrounding AMP and its impact on the health of the Web, as Google continues to push AMP and users recognize its advantages, we anticipate that a growing portion of the mobile web will opt for AMP-like technologies.
  • Largest Contentful Paint: ... a more accurate way to measure when the main content of a page is loaded is to look at when the largest element was rendered.
  • Native lazy-loading for the web: To prevent the surrounding content from reflowing when a lazy-loaded image is downloaded, make sure to add height and width attributes to the img element or specify their values directly in an inline style ...
  • 'importance' + 'loading' attributes: support requested in Nu Html Checker.
  • Lazyload images and iframes: HTML Standard.