Profile cover photo
Profile photo
Jakob Anderson
437 followers -
Web Developer, Front-End Engineer. Making the present efficient, making the future possible
Web Developer, Front-End Engineer. Making the present efficient, making the future possible

437 followers
About
Jakob's interests
View all
Jakob's posts

Post has attachment

Post has shared content
Chrome Canary just landed one of the best improvements to the Network panel in a long time: the timeline bars show you where the time was spent! To enable, open DevTools and enable "Color-code resource types" in settings (gear icon)... and feast your eyes!

In the below screenshot for theverge.com it is now trivial to spot cases (the colors correspond to the various connection stages) where downloads are taking a long time; if and where you need to optimize your TLS stack; if the server is taking a long time to respond (aka, slow TTFB); if a new connection is established or if the request was able to reuse a previous connection to the server, and more... And, of course, if you hover over the bar you'll get a more detailed breakdown with exact timing information.
Photo

Post has shared content

Post has shared content

Post has shared content

Post has shared content

Post has shared content
#DevTools Tip: View event listeners registered on any node

Navigate to the Event Listeners pane and browse the events registered on any node. You can also view the source of an event listener by selecting Show Function Definition in the context menu.
Animated Photo

Post has shared content

Post has shared content
"When something is important enough DO IT even if the odds are not in your favor." +Elon Musk 

#virgindisruptors   #quotes  
Photo

Post has shared content
AssetGraph automates optimization of webapps by understanding asset relationships

https://github.com/assetgraph/assetgraph-builder 
https://github.com/assetgraph/assetgraph

Front-end build tooling has been evolving over the past few years and it's refreshing to see an approach that attempts to understand a project's asset-graph in order to optimize it. 

Right now AssetGraph is probably useful for 60-70% of projects but they're always looking for more feedback. Try it out and see how well it works for you. Thx to +Peter Müller and c/o for creating it!
Photo
Wait while more posts are being loaded