The method
Use this prompt in ChatGPT to analyze a PWA's performance. Input the URL. The LLM will identify bottlenecks and suggest optimizations, from code-level tweaks to caching strategies. Ideal for developers improving PWA speed.
The prompts
Prompt 1
Analyze the performance of the Progressive Web App at [PWA URL]. Identify key performance bottlenecks affecting load time, interactivity, and visual stability. Provide a prioritized list of actionable optimization strategies, including but not limited to: code minification, image optimization, caching improvements (service workers, browser cache), network request optimization (lazy loading, HTTP/2), and JavaScript execution optimization. For each suggested optimization, estimate the potential performance improvement (e.g., 'Reduce load time by X%') and provide specific code examples or configuration changes where applicable. Consider both mobile and desktop performance characteristics.
Prompt 2
As a web performance expert, conduct a thorough audit of the PWA at [PWA URL] focusing on the RAIL model (Response, Animation, Idle, Load). Generate a detailed report outlining areas where the PWA falls short of RAIL guidelines. For each identified issue, provide specific recommendations to improve performance, including code-level changes, architectural adjustments, and tooling suggestions. Prioritize recommendations based on their potential impact on user experience. Include suggestions for monitoring performance metrics over time to ensure continued optimization. Specifically address common PWA performance pitfalls such as unoptimized images, excessive JavaScript execution, and inefficient caching strategies. Consider using tools like Lighthouse or WebPageTest for your analysis and provide specific metrics from those tools in your recommendations.