The method
Use these prompts to analyze and improve your website’s Core Web Vitals. Paste the prompt into your LLM (ChatGPT/Gemini/Claude) and provide the relevant URL or data for analysis. Refine based on the suggestions.
The prompts
Prompt 1
Analyze the Core Web Vitals of [website URL]. Provide a detailed report on the Largest Contentful Paint (LCP), First Input Delay (FID), and Cumulative Layout Shift (CLS). Identify specific elements or issues contributing to poor scores. Suggest concrete actions to improve each metric, including code optimizations, image compression techniques, and strategies for minimizing layout shifts. Prioritize actions based on their potential impact and ease of implementation. Include example code snippets or configuration changes where applicable.
Prompt 2
I want to improve the LCP for [website URL]. The current LCP element is [element name]. Analyze this element and provide a step-by-step plan to optimize its loading time. Consider factors like image size, compression, lazy loading, and resource prioritization. Suggest alternative approaches if the current element is inherently slow to load. Provide specific code examples or configurations that can be implemented to reduce the LCP score. Explore options such as using a CDN, optimizing image formats, and leveraging browser caching.
Prompt 3
My website [website URL] has a high CLS score. Analyze the page and identify the elements causing layout shifts. Suggest specific strategies to minimize these shifts, such as reserving space for images and ads, using `transform` instead of layout-triggering properties, and ensuring fonts load without causing layout changes. Provide code examples for implementing these strategies. Consider using CSS aspect-ratio or `size` attributes to reserve space for images. Explain how to test and verify that the CLS score has improved after implementing the suggested changes.
Prompt 4
I'm aiming to improve the FID of my webpage [website URL]. How can I achieve this? Please provide a step-by-step guide on how to identify slow processes that could be impacting user input. Also include best practices for improving FID, such as: code splitting, browser caching and minimizing the number of external requests.
Prompt 5
My CLS score is suffering on webpage [website URL]! Could you take a look and recommend some strategies to improve this? I have a problem with images shifting around on the page. It would be helpful if you provide example code and explanations behind potential fixes, such as using 'size' attributes, setting aspect ratios or other methods of reserving space when images are loading.