Have you looked at what your server will capture for you on your requests? Every web server has the ability to capture and record time in seconds (some in microseconds) for every single request made by your front end. You can pull the data on the backend and visualize it with any number of tools. Combine it with a free GEoIP database and you can even look at the data by country and city. Pay a little more for GEoIP data and you can look at mobile on mobile networks vs mobile on home or corporate networks to observe key differences in behavior by network connection (which you cannot control).
As to the obsession with front end performance, leave that to your functional testers. Optimization can be handled on a single PC with tools in the browser combined with something like Charles proxy to vary caching options and speeds. Once your application gets into the wild you are going to have very little control over the front end performance anyway. Rendering time will vary from PC to PC depending upon browser type and load on the individual PC. Have you ever seen what happens to a browser with just a few toolbars loaded and tracking all user actions? Even the fastest of sites with the most optimized pages slow to a crawl.
Do your job and optimize the page design, number of components, caching models, etc... and then for performance and scalability turn your attention to the server and away from the client.