Troubleshooting webserver performance from the users perspective

  • Todays websites uses a lot of client-side javascript with frameworks upon frameworks upon frameworks.

    If a website is slow and some pages takes seconds to appear on a desktop computer, what tools could be used to find out where all the time is spent?

    I'm thinking about:

    • time for the http request from the user to the webserver (network latency)
    • time it takes for the webserver to process the request
      • time spent in the database
      • time spent in Ruby/PHP/Java whatever
    • time it takes to send back all the data needed from the server to the client
    • time it takes for the client to process and render the page

    Any suggestions for tools to analyze this?

  • For starters use the dev tools of your browser:

    Here is the performance profile from mangolassi on my computer
    alt text

    Network performance of the assets, as you can see many things are already cached on my disk.
    alt text

  • @romo Thanks! What browser are you using in the screenshots above?

  • @pete-s Those where taken using chrome but all browsers have the tools.

    Here are couple screenshots from firefox webdev tools
    0_1536977899506_Screenshot from 2018-09-14 21-15-09.png

    Performance Tab
    0_1536977990636_Screenshot from 2018-09-14 21-19-22.png

    From the google chrome dev tools you can even get an audit using Lighthouse

    You get a report like this:
    0_1536978363389_Screenshot from 2018-09-14 21-23-46.png

Log in to reply