Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Getting and Staying Fast - A Web Performance Round-up

Getting and Staying Fast - A Web Performance Round-up

Making and keeping web applications fast is hard work, but also very rewarding and pays off very quickly with higher user satisfaction, increased usage, and better conversions. In this session we'll talk about all the lessons learned by working on application performance at ResearchGate: Why it is actually important, how you can convince your managers to invest time and money in it and what you have to do to measure and improve performance server and client side. Keeping a site fast is hard work, this session will contain lots of techniques that can be used and implemented to actually measure the performance and make the your web page faster.

Bastian Hofmann

October 25, 2017
Tweet

More Decks by Bastian Hofmann

Other Decks in Programming

Transcript

  1. $start = microtime(true); register_shutdown_function( function () use ($start) { StatsD::timer(

    'response_time', microtime(true) - $start ); } ); // do complex stuff
  2. I/O

  3. TLS

  4. CSS

  5. JS

  6. HTTP/1.1 200 OK Content-Type: text/html <html> <head> <styles> … your

    critical css </styles> </head> <body> <div>content</div> load main.css async </body> </html>
  7. Browser Server GET css & js HTTP/1.1 200 OK Content-Type:

    text/html <html> <head><link ..><script ..> GET /foo.html </head><body></body></html>
  8. Browser Server GET /foo.html <body></body> </html> HTTP/1.1 200 OK Content-Type:

    text/html <html> <head><link ..><script ..></head> GET css & js
  9. Browser Server Push CSS & JS :status: 200 Content-Type: text/html

    <html> <head><link ..><script ..> </head><body></body></html> GET /foo.html