{"json_modified": "2016-03-28T08:48:59.520422", "uuid": "21359aa8-4e8c-456e-aeaa-a7c158680bc8", "title": "Using the Frame Timing API", "url": "/en-US/docs/Web/API/Frame_Timing_API/Using_the_Frame_Timing_API", "tags": ["Guide", "Web Performance"], "translations": [], "modified": "2016-03-02T09:34:12", "label": "Using the Frame Timing API", "localization_tags": [], "locale": "en-US", "id": 170513, "last_edit": "2016-03-02T09:34:09", "summary": "The <strong><code>PerformanceFrameTiming</code></strong> interface provides <em>frame</em> timing data about the browser's event loop. A <em>frame</em> represents the amount of work a browser does in <a href=\"https://html.spec.whatwg.org/multipage/webappapis.html#processing-model-8\">one event loop iteration</a> such as processing DOM events, resizing, scrolling, rendering, CSS animations, etc. A <em>frame rate</em> of 60 fps (frames per second) for a 60 Hz refresh rate is a common target for a good <em>responsive</em> user experience. This means the browser should process a frame in about 16.7ms.", "sections": [{"id": "Quick_Links", "title": null}, {"id": "Frame_observers", "title": "Frame observers"}, {"id": "Creating_an_observer", "title": "Creating an observer"}, {"id": "Registering_for_notifications", "title": "Registering for notifications"}, {"id": "Accessing_frame_data", "title": "Accessing frame data"}, {"id": "The_tools_will_save_you!", "title": "The tools will save you!"}, {"id": "Firefox_performance_tool", "title": "Firefox performance tool"}, {"id": "Chrome_performance_tool", "title": "Chrome performance tool"}, {"id": "See_also", "title": "See also"}], "slug": "Web/API/Frame_Timing_API/Using_the_Frame_Timing_API", "review_tags": ["technical"]}