Ad Creative Optimization Engine for Web Page Loading Speed
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Digital advertising often hampers web page loading performance due to dynamic changes in ad content, as existing optimization techniques like DNS prefetch, preconnect, prefetch, and preload are ineffective when connections needed are unknown, potentially slowing down page loads instead of improving them.
Innovation Solution
An optimization engine analyzes performance metrics from a web page testing service to identify optimizations such as DNS prefetches, prefetching, and preconnects for shared connections among ads, applying these optimizations to the creative code to enhance loading speed.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Speed
If DNS prefetch, preconnect, prefetch, or preload specifications are added to ad creative code, then page load performance is improved when connections are known ahead of time, but page load performance deteriorates when connections are dynamic and unknown
Solution Approach 1:
The system performs preliminary analysis of ad creative code to identify all external connections (images, scripts, stylesheets, fonts) before the ad is served. Based on this analysis, it generates optimized creative code that includes prefetch, preconnect, and DNS prefetch specifications for the identified connections, allowing the browser to establish connections in advance rather than waiting for ad rendering.
Solution Approach 2:
The system incorporates a testing service that virtually renders the ad creative code and measures actual page load performance metrics. This feedback loop allows the system to analyze which optimization techniques actually improve performance for specific ad types and connection patterns, then adjust the optimization strategy accordingly.
2Speed
If optimization specifications are added to creative code, then rendering performance is improved, but device complexity increases
Solution Approach 1:
The system extracts the complexity of connection analysis and optimization specification generation from the advertiser's workflow. By automatically analyzing ad creative code and generating optimized versions with appropriate prefetch specifications, the system removes the burden of manual optimization while delivering performance improvements.
Solution Approach 2:
The optimization system serves the optimized creative code back to the advertiser, making the optimization process self-contained. The system automatically identifies connections, generates optimization specifications, tests the results, and delivers the final optimized code without requiring manual intervention from advertisers or developers.
3Manufacturing precision
If connection analysis and optimization generation are performed manually, then manufacturing precision is maintained, but productivity decreases
Solution Approach 1:
The system replaces manual mechanical processes of analyzing ad code and generating optimization specifications with automated computational processes. The analysis engine automatically parses creative code, identifies external connections, and generates optimized code with appropriate prefetch specifications, eliminating manual labor while maintaining or improving accuracy through systematic analysis.
Solution Approach 2:
The system changes the parameters of creative code delivery by automatically analyzing connection patterns and adjusting optimization specifications based on measured performance metrics. The testing service measures actual page load performance and uses this data to refine optimization parameters, continuously improving results based on empirical data rather than static rules.
Data Source
AI summary
Systems, methods, and software for optimizing rendering performance of a web page containing one or more advertisements. Creative code related to an advertisement is received and a web page containing the creative code is virtually rendered while performance metrics regarding a plurality of connections to servers made during the rendering is collected. The collected performance metrics regarding the plurality of connections are analyzed to identify optimizations to be added to the creative code, and the creative code is modified by applying the identified optimizations.