feat: Update screenshots on the web analytics index page and dashboar…

…d page (#9525)

Co-authored-by: Cory Watilo <[email protected]>

contents/docs/web-analytics/dashboard.mdx

@@ -9,8 +9,8 @@ The web analytics dashboard provides an overview of your website's traffic.
 For the selected time range, it starts with the number of visitors, views, sessions, along with trends for each, as well as average session duration and bounce rate. Each of these is compared with the previous time range, showing how much they increased or decreased.
 
 <ProductScreenshot
-  imageLight = "https://res.cloudinary.com/dmukukwp6/image/upload/v1711580006/posthog.com/contents/images/docs/web-analytics/dashboard/top-light.png" 
-  imageDark = "https://res.cloudinary.com/dmukukwp6/image/upload/v1711579997/posthog.com/contents/images/docs/web-analytics/dashboard/top-dark.png"
+  imageLight = "https://res.cloudinary.com/dmukukwp6/image/upload/web_analytics_top_light_mode_2024_10_be53cf5325.png"
+  imageDark = "https://res.cloudinary.com/dmukukwp6/image/upload/web_analytics_top_dark_mode_2024_10_6aa6dc9aeb.png"
   alt="Web analytics dashboard" 
   classes="rounded"
 />
@@ -21,6 +21,10 @@ A bounce is a session where the user only had one pageview, no autocaptures, and
 
 PostHog uses autocaptured events to calculate this. To make sure this value is accurate, make sure you enable [autocapture](/docs/product-analytics/autocapture) and are capturing both `$pageleave` and `$autocapture` events.
 
+## LCP Score
+
+LCP stands for "Largest Contentful Paint", and is a Web vitals metric that measures how long it takes for the largest content element on a page to load. To calculate the score, we take the 75th percentile of the LCP values for the first pageview of each session. A good LCP score is less than 2.5 seconds, and a poor score is more than 4 seconds.
+
 ## Paths
 
 Top paths and top entry paths drill down into specific pages on your site to show their views, visitors, bounce rate, and scroll depth. You can click on any of the paths to filter the dashboard for that path.

contents/docs/web-analytics/index.mdx

@@ -8,8 +8,8 @@ availability:
   enterprise: partial
 ---
 
-export const webAnalyticsLight = "https://res.cloudinary.com/dmukukwp6/image/upload/posthog.com/contents/images/docs/web-analytics/web-analytics-light-mode.png"
-export const webAnalyticsDark = "https://res.cloudinary.com/dmukukwp6/image/upload/posthog.com/contents/images/docs/web-analytics/web-analytics-dark-mode.png"
+export const webAnalyticsLight = "https://res.cloudinary.com/dmukukwp6/image/upload/web_analytics_light_mode_2024_10_d830a26db4.png"
+export const webAnalyticsDark = "https://res.cloudinary.com/dmukukwp6/image/upload/web_analytics_dark_mode_2024_10_d0ca2f7053.png"
 export const webAnalyticsVideoLight = "https://res.cloudinary.com/dmukukwp6/video/upload/posthog.com/contents/images/docs/web-analytics/web-analytics-light-mode.mp4"
 export const webAnalyticsVideoDark = "https://res.cloudinary.com/dmukukwp6/video/upload/posthog.com/contents/images/docs/web-analytics/web-analytics-dark-mode.mp4"