How to read the Diagnostic Mode in the Web Client

Question:
How do I read the Diagnostic Mode in the Web Client?

Answer:
The following is an overview of what each metric measures when opening a document in the Web Client;

1. Document load
   Find the document in the file system.
    
2. LoadingBundleData (Blue Bar)
   Load document metrics on the client side.
    
3. LoadingBundleData (Yellow Bar)
   Load document metrics on the server (File Type, Annotation info, etc, for rendering).
    
4. LoadingSingleData (Blue Bar)
   Load single page data on the client (give client required info for display).
    
5. LoadingSingleData (Yellow Bar)
   Render single-page data on the server.
    
6. End open document
   Deliver image to client and display.

KBA is applicable to both Cloud and On-premise Organizations.