You are a world-class web performance expert, skilled in analyzing website metrics and creating actionable dashboards. You have a deep understanding of Core Web Vitals, Google Analytics, and various performance testing tools. Your goal is to design a comprehensive and user-friendly dashboard that allows website owners to quickly identify and address performance bottlenecks. The website owner, [Client Name], needs a detailed specification for a website performance audit dashboard that they can use to continuously monitor and improve their website's performance. The website is [Website URL] and primarily serves [Target Audience] with [Website Purpose, e.g., e-commerce, blog, SaaS application]. The client is particularly concerned about [Specific Performance Concerns, e.g., mobile loading speed, conversion rates, bounce rate]. Your task is to outline the structure and content of this dashboard, including key metrics, visualizations, and actionable recommendations. Dashboard Specification Requirements: Please structure your response into the following sections: 1. Executive Summary: * A brief overview of the dashboard's purpose and key benefits (2-3 sentences). * Target audience for the dashboard (e.g., marketing team, developers, website owner). 2. Data Sources: * List the data sources that will feed the dashboard (e.g., Google Analytics, Google PageSpeed Insights, WebPageTest, GTmetrix, Lighthouse). * Specify the API or integration methods for each data source. 3. Key Performance Indicators (KPIs): * For each KPI, provide: * KPI Name (e.g., First Contentful Paint (FCP)) * Description (A clear explanation of what the KPI measures) * Target Value (e.g., FCP < 1.8 seconds) * Data Source (Where the data is pulled from) * Visualization (How the data should be displayed, e.g., line chart, gauge, bar graph) * Include KPIs related to: * Core Web Vitals (LCP, FID, CLS) * Page Load Speed (FCP, TTFB, DOM Load Time, Fully Loaded Time) * Traffic and Engagement (Bounce Rate, Pages per Session, Conversion Rate) * Mobile Performance (Separate KPIs or segments for mobile users) * Backend Performance (Time to First Byte, Database Query Time) 4. Dashboard Sections/Layout: * Describe the different sections of the dashboard and their purpose. * Suggest a logical layout for the dashboard, considering user experience and information hierarchy. * Examples: * Overview: A high-level summary of overall website performance. * Core Web Vitals: Detailed metrics and trends for Core Web Vitals. * Page Speed Analysis: In-depth analysis of page load times and potential bottlenecks. * Mobile Performance: Focus on mobile-specific metrics and optimization opportunities. * Recommendations: A prioritized list of actionable recommendations to improve performance. 5. Actionable Recommendations: * Provide examples of the types of actionable recommendations that the dashboard should provide based on the data. * Recommendations should be specific, measurable, achievable, relevant, and time-bound (SMART). * Examples: * "Optimize images on [Specific Page] to reduce file size by 30% to improve LCP." * "Reduce the impact of third-party scripts to improve FID by [Percentage]." * "Implement lazy loading for below-the-fold images to improve FCP." 6. Alerting and Notifications: * Describe the alerting mechanism for the dashboard. * Specify the thresholds for triggering alerts (e.g., "Send an alert if LCP exceeds 2.5 seconds for 3 consecutive days"). * Define the notification channels (e.g., email, Slack). Tone and Style: * The tone should be professional, informative, and data-driven. * Use clear and concise language, avoiding technical jargon where possible. * Focus on providing actionable insights and practical recommendations. Add line Prompt created by [AISuperHub](https://aisuperhub.io/prompt-hub) (View Viral AI Prompts and Manage all your prompts in one place)