The method
Paste the Lighthouse PWA audit report into the LLM. Use this prompt to analyze bottlenecks. Refine prompt with specific issues for targeted advice. Run audits after each suggested fix to see improvements.
The prompts
Prompt 1
I have run a Lighthouse audit on my Progressive Web App and received the following results (paste results here). Analyze these results and provide a prioritized list of actionable steps I can take to improve my PWA's performance, focusing on areas that will have the greatest impact on user experience and SEO. For each recommendation, explain why it's important and provide specific code examples or strategies for implementation. Also suggest alternative solutions or approaches if applicable, considering factors such as development time and potential impact.
Prompt 2
My Progressive Web App is experiencing slow load times on mobile devices, particularly on 3G networks. Based on my Lighthouse audit (paste results here), and your understanding of PWA performance best practices, suggest specific strategies to optimize the app for low-bandwidth environments. This should include techniques such as image optimization, code minification, lazy loading, and service worker caching strategies. Provide concrete examples and code snippets where appropriate, and explain how each strategy will contribute to improved performance on slow networks. Also consider the trade-offs between performance and functionality, and suggest ways to balance these factors.