javascript   1111167

« earlier    

erikbrinkman/d3-dag: Layout algorithms for visualizing directed acyclic graphs
Often data sets are hierarchical, but are not in a tree structure, such as genetic data. In these instances d3-hierarchy may not suit your needs, which is why d3-dag (Directed Acyclic Graph) exists. This module implements a data structures for manipulating DAGs that mimics the API of d3-hierarchy as much as possible.
D3  JavaScript  algorithms 
2 hours ago by cnk
@webdesignledger : UI prototyping tools under the spotlight: Are they as good as they claim to be? (via Twitter
Twitter  design  web  web-design  webdev  web-dev  web-development  layout  CSS  CSS3  HTML  web-programming  UI  UX  user  interface  user-interface  js  Javascript  how  howto  how-to  tu 
yesterday by dcolanduno
Idle Until Urgent — Philip Walton
Input delay that’s less than 100 milliseconds is typically perceived as instant by users, so the performance goal we recommend (and the numbers I was hoping to see in my analytics) is FID < 100ms for 99% of page loads.

To my surprise, my site’s FID was 254ms at the 99th percentile. And while that’s not terrible, the perfectionist in me just couldn’t let that slide. I had to fix it!

To make a long story short, without removing any functionality from my site, I was able to get my FID under 100ms at the 99th percentile. But what I’m sure is more interesting to you readers is:

How I approached diagnosing the problem.
What specific strategies and techniques I used to fix it.
To that second point above, while I was trying to solve my issue I stumbled upon a pretty interesting performance strategy that I want to share (it’s the primary reason I’m writing this article).

I’m calling the strategy: idle until urgent.
javascript  performance 
yesterday by ianmclaury

« earlier    

related tags

_todo  abac  accesscontrol  acl  active-directory  active_directory  activedirectory  admin  algorithms  anim  animation  api  apis  artificialintelligence  authorization  benchmarking  bootstrap  by:johnallsopp  charts  cms  code  collaboration  complex-plot  component  computerscience  concurrentprogramming  conference  conference:webdirections  conformal-map  console  cool  cryptography  css  css3  cssinjs  d3  d3js  database  debugging  defaultvalue  design  dev-web  dev  development  device  editing  editor  editors  effect  elementquery  embedded  es2015  events  fetch  fib  fonts  forms  framework  from-twitter  front-end  frontend  gamedev  games  garbage-collection  generator  go  golang  graphics  greensock  haskell  how-to  how  howto  html  indeterminate  information-visualisation  inifinitescroll  inspiration  interface  intros  iot  java  jquery  js  json  language-design  latex  layout  ldap  loading  logic  low  lowjs  markdown  memory-management  microsoft  mike-bostock  minimalism  mobile  modal  nacl  node  nodejs  nonblocking  npm  oncology  oop  opensource  optimization  orm  packaging  pattern  pdf  performance  php  pl-implementation  pl-theory  probabilisticprogramming  programming  python  query  rbac  react.js  react  reactjs  readme  redux  reference  remote  responsive  rest  roguelike  runtime  scheduling  script  scroll  scroller  security  semantic  simplicity  slide  software  sort  spa  sql  string  syntax-highlighter  table  testing  text  threading  tool  toolkit  tracery  tu  tutorial  tutorials  twitter  typescript  ui  url  user-interface  user  ux  vanilla  video  visualisation  vue  vuejs  web-design  web-dev  web-development  web-programming  web  webdesign  webdev  webdevelopment  webfonts  webgame  webpack  webui  writing  wysiwyg 

Copy this bookmark: