Hexi

Hexsticker as a Service

Transcript

1. Hexi
   @yosuke_furukawa
   

   View Slide

2. Hexsticker as a Service
   

   View Slide

3. View Slide

4. JavaScript users love
   hexagonal stickers !!
   

   View Slide

5. View Slide

6. +4FSTEFpOF4UJDLFST4UBOEBSE
   

   View Slide

7. Hexi internal
   

   View Slide

8. Hexi internal
   • Nginx (SPDY/3.1)
   • ngx_small_light
   • io.js only 1 process
   • AWS RDS
   • AWS S3
   

   View Slide

9. performance
   

   View Slide

10. h2load
    $ h2load -n1000 -c100 -m100 -pspdy/3.1 https://hexi.pics/
    finished in 4.44s, 225 req/s, 2.02MB/s
    requests: 1000 total, 1000 started, 1000 done, 1000 succeeded, 0
    failed, 0 errored
    status codes: 1000 2xx, 0 3xx, 0 4xx, 0 5xx
    traffic: 9393534 bytes total, 437250 bytes headers, 9013000 bytes
    data
    min max mean sd
    +/- sd
    time for request: 973.15ms 3.74s 2.47s 737.45ms
    63.90%
    

    View Slide

11. https without SPDY
    

    View Slide

12. https without SPDY
    TFDPOET
    

    View Slide

13. https with SPDY
    

    View Slide

14. https with SPDY
    TFDPOETTFDPOET
    

    View Slide

15. SPDY pros
    • No concat JS/CSS
    • No CSS sprite
    • No domain sharding
    

    View Slide

16. SPDY pros
    • No concat JS/CSS
    • No CSS sprite
    • No domain sharding
    CFUUFSF⒎FDUXJUINJOJNVNF⒎PSU
    

    View Slide

17. SPDY cons
    • ELB does not support (?)
    • SPDY is dead long live HTTP2
    

    View Slide

18. DEMO
    

    View Slide

19. future
    

    View Slide

20. Hexi future
    • http2 (nghttp2 or h2o) 

    (new!)
    • io.js only 1 process
    • AWS RDS
    • AWS S3
    • AWS Lambda (new!)
    

    View Slide

21. http2 sticker is now
    available
    

    View Slide

22. https://hexi.pics/items/a8f92e622f85374e41dde6c5d5505750
    

    View Slide