1. WebTips 2014/8/22 2 HTML5minutes Toru Yoshikawa (@yoshikawa_t)

2. Who? html5j html5j () Google Developer Experts (Chrome) HTML5 Experts.jp Web ()jQuery Mobile ()Sublime Text 2 Japan Users Group () Blog: http://d.hatena.ne.jp/pikotea/ / Toru Yoshikawa @yoshikawa_t

3. PR: HTML HTML5 1 HTML HTML519/17 LPIHTML5 1 : http://www.amazon.co.jp/dp/4798135836/

4.

5. 2014PC 8 Gatner 2017PC Gatner 20147 Intelligent Positioning

6. http://www.intelligentpositioning.com/blog/2014/01/mobile-and-tablet-traffic-set-to-overtake-desktop-by- mid-2014/

7. HTML5 FacebookHTML5 http://www.publickey1.jp/blog/12/html5html5.html http://jp.techcrunch.com/2014/07/24/jp20140724cyberagent/ HTML5

8. WebHTML5

9. mobile vision

10. API AndoridUS61% API Power Management APIWi API 21% Web API

11. ToolsEducation HTML5

12. Performance 1/5

13. Google I/O 2014 Mobile Web performance auditing Tips ! HTML5 Expert.jp http://html5experts.jp/furoshiki/8582/

14. 2 Page Load Runtime 60fps

15. Page Load

16. Web63% JPEG: jpegtranjpegoptim PNG: OptiPNGPNGOUT MacImageAlphaImageOptim JSCSSminify

17. HTTP 1200ms 1000ms JSCSS CSS Sprite JSCSSdata URL

18. DNS ! DNS Lookup SNS

19. URLUA

20. Lazy Load JPEGPNG

21. Runtime requestAnimationFrame DOM JavaScript

22. border-radiusbox-shadowtext-shadow*-gradient transformopacity

23. setIntervalsetTimeout 16ms Polyll requestAnimationFrame requestAnimationFrame

24. DOM DOM DOM getComputedStyle()oset* client*scroll*

25. DOM setInterval(function(){ div.style.left = (div.offsetLeft + 1) + 'px'; }, 1000/60); var cache = div.offsetLeft; setInterval(function(){ cache++; div.style.left = cache + 'px'; }, 1000/60);

26. GC GC200ms Stop the world GC110ms

27. PageSpeed Insight http://developers.google.com/speed/pagespeed/insights/

28. Extra: Service Worker WebAppCache Web JavaScript http://html5experts.jp/myakura/8365/

29. Appendix: Web Components UI http://html5experts.jp/1000ch/8906/

30. HTML5

31. Thank you!! (@yoshikawa_t)

32. Resources HTML5 Experts.jp Google I/O 2014 http://html5experts.jp/series/google- io-2014-2/ http://www.visionmobile.com/blog/2013/12/ html5-performance-is-ne-what-we-are-missing- is-tools/ https://www.google.com/events/io/schedule/ session/c8300366-03ed- e311-903f-00155d5066d7