Skip to content

Instantly share code, notes, and snippets.

@SMotaal
Last active October 13, 2018 11:58
Show Gist options
  • Save SMotaal/cded944d68dbe82a9c8ab986b2d5ff11 to your computer and use it in GitHub Desktop.
Save SMotaal/cded944d68dbe82a9c8ab986b2d5ff11 to your computer and use it in GitHub Desktop.
Fragma: Concept: Throttle

Fragma (concept)

Okay, concept means messy and probably requires flags on nightly or the likes, agreed? Just don't expect this to be more than what it is!

Live Demos

throttle — renders n instances of a perpetually changing element

https://smotaal.github.io/experimental/fragma/alpha/throttle#n

  • #100
  • #1000
  • #2000 — a bit sluggish on iPhone X
  • #5000 — sluggish at best on iPhone X
  • #10000 — a bit sluggish on desktop
  • #20000 — sluggish at best everywhere

Changelog

  • Reoptimized replication rendering (closer to intended)

Works

  • Chrome Version 69.0.3497.100 (Official Build) (64-bit)
  • Firefox Nightly 64.0a1 (2018-10-06) (64-bit)
  • Safari Version 12.0 (14606.1.36.1.9) Using own fallback for IntersectionObserver

Not Yet!

  • Safari Technology Preview Unexpected CSS content: attr(data-attribute) behaviour
@SMotaal
Copy link
Author

SMotaal commented Oct 12, 2018

@chiefcll I was inspired by your very interesting presentation yesterday so I pulled some of my DOM experimentations into a GitHub repo which I think you will find interesting.

The actual fragma work is still very early to share, so till then I am putting proof of concept demos in alpha.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment