Js update 101
Download as PPTX, PDF0 likes2,315 views
This document provides updates on several web development topics, including HTTP/2, the critical render path, optimizing images, caching scripts and styles locally, and static type checking with Flow. It also includes links to additional resources and information about following the author on Google+, Twitter, and Facebook.
Js update 101
- 1. UPDATE 101
- 2. BLACKBOX SCRIPT - CHROME http://bit.ly/1zNznip
- 3. HTTP/2 IS COOKING http://bit.ly/1tglhSj
- 4. HTTP/2 IS COOKING ● IN HTTP/2, SAME CONNECTION FOR MULTIPLE REQUEST ● PRIORITISING REQUESTS ARE POSSIBLE ● SERVERS CAN PUSH RESPONSES TO CLIENT http://bit.ly/1tglhSj
- 5. CRITICAL RENDER PATH http://bit.ly/1zUnUh5
- 6. TOO MANY IMAGES http://bit.ly/1s1p7Nz
- 7. PREF : STORE SCRIPT AND STYLE BLOCK IN LOCAL STORAGE http://bit.ly/1C65VsY
- 8. USE FLOW - STATIC TYPE CHECKER http://bit.ly/1p031jk
- 9. THANK YOU GOOGLE PLUS - plus.google.com/u/0/+sambathkumarl/posts TWITTER - @samkumar15 FACEBOOK - www.facebook.com/sambathl
Editor's Notes
- #3: http://bit.ly/1zNznip - #Chrome Devtools introduces new feature in#JavaScript debugging called Blackbox script. These are marked scripts will be skipped in the debugging on the control flow chain. So that I don't wait control switch back from 3rd party library script or some other script you not interested
- #4: http://bit.ly/1ttWX1t - #http/2 version is cooking very hot, these are the few draft based implementation on various lang. #http/2 is not complete revamp of #http/1. It just add few functionalities and tweaks to improve the #performance. Whats special in #http/2 1) Unlike http/1 where multiple request made from web client to server to achieve concurrency and reduced latency. #http/2 use the same connection for multiple requests. It more like one connection between client and web server 2) In #http/2, prioritising requests are possible 3) Interactive mode available in #http/2 in which Server can Push responses to client. Means, to trade of latency of network. Server send a PUSH_PROMISE frame. Later server synthesis a request and send response in separate stream 3) #http/2 community, actively touch with TLS community for version identification If you have time and willingness, Please contribute to
- #5: http://bit.ly/1ttWX1t - #http/2 version is cooking very hot, these are the few draft based implementation on various lang. #http/2 is not complete revamp of #http/1. It just add few functionalities and tweaks to improve the #performance. Whats special in #http/2 1) Unlike http/1 where multiple request made from web client to server to achieve concurrency and reduced latency. #http/2 use the same connection for multiple requests. It more like one connection between client and web server 2) In #http/2, prioritising requests are possible 3) Interactive mode available in #http/2 in which Server can Push responses to client. Means, to trade of latency of network. Server send a PUSH_PROMISE frame. Later server synthesis a request and send response in separate stream 3) #http/2 community, actively touch with TLS community for version identification If you have time and willingness, Please contribute to
- #6: Critical - resources need absolute Render - View or show Path - is sequence of the event to display the web page Initial view - requires above 3 CRP objective is to load faster bigger web app than small website More info - https://www.udacity.com/course/ud884
- #7: It a node tool over page speed insight - http://bit.ly/1s1p7Nz - (Too Many Images) TMI is a new tool to calculate your website image weight. Use it well, to improve your website latency :)
- #8: More info - http://bit.ly/1C65VsY
- #9: http://bit.ly/1p031jk - Facebook's static type checker for JavaScript,#Flow. No need to add or change code to validate