Client-Side Animated Media Performance Measurement
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Existing technologies face challenges in comprehensively testing and measuring the performance of animated content on various configurations of websites, user devices, and browsers, leading to poor user experiences due to low frame rates and resource overloads.
Innovation Solution
Implementing systems and methods that use JavaScript methods like requestAnimationFrame and requestIdleCallback to measure frame intervals and idle times on client devices, allowing for the calculation of performance metrics such as frame rate and idle time, and using machine learning to analyze features like animation frameworks and asset sizes to evaluate and improve sponsored content items.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Ease of manufacture
If animated content is provided using HTML5 and executed in the same thread as the website, then the content can be displayed with simple implementation, but the frame rate becomes low and user experience deteriorates
Solution Approach 1:
The patent segments the animation execution from the main website thread by using web workers to run animation code separately. This allows the animation to execute in parallel with website operations, improving frame rate while keeping the implementation relatively simple through standard web worker APIs.
Solution Approach 2:
The patent introduces a web worker as an intermediary between the main website thread and the animation execution. The web worker acts as a mediator that handles animation rendering separately, allowing the main thread to remain responsive while animation performance is optimized through dedicated worker processes.
2Measurement precision
If comprehensive performance testing is conducted across different websites, content combinations, devices, and browsers, then measurement accuracy improves, but testing complexity and time increase significantly
Solution Approach 1:
The patent creates a universal performance measurement framework that can test animated content across multiple websites, devices, and browsers using a single standardized approach. The system collects performance metrics through a common interface that works across different environments, eliminating the need for separate testing setups for each configuration.
Solution Approach 2:
The patent uses virtual machines to create copies of different device and browser environments for testing. Instead of physically testing on every possible configuration, the system replicates target environments through virtualization, allowing comprehensive multi-platform testing without the complexity of maintaining physical test devices for each configuration.
3Adaptability or versatility
If animated content is provided using HTML5, then modern browser compatibility is achieved, but excessive use of end-user device resources occurs
Solution Approach 1:
The patent implements dynamic resource management where the animation system adjusts its resource usage based on device capabilities and current system state. The web worker monitors performance metrics and dynamically scales animation complexity, frame rates, or resolution to match available device resources, maintaining browser compatibility while optimizing energy consumption.
Solution Approach 2:
The patent changes execution parameters by running animation code in a separate web worker context with controlled memory and CPU allocation. This allows the system to maintain HTML5 compatibility across browsers while imposing resource constraints on the worker thread to prevent excessive device resource consumption.
Data Source
AI summary
Some sponsored content items are implemented as custom HTML5 animated media. While performance, particularly any performance problems displaying an item as a result of low frames per second, may be measured under controlled conditions, it is difficult to test all possible configurations of variables such as different websites, combinations of sponsored content items displayed simultaneously, user devices, different browsers, and many others. Information on performance under actual conditions can be measured by receiving information on a measurement of frame intervals and idle times on the client side during actual sponsored content item display and analyzing the received data.