Page Speed Analytics and Optimization

Analyze page speed performance for my Shopify store and provide a prioritized optimization plan to improve load times and Core Web Vitals.

Store Details:

  Store URL: [YOUR_STORE_URL]
  Shopify theme: [THEME_NAME, e.g., Dawn, Impulse, Prestige, custom theme]
  Number of installed apps: [APP_COUNT, e.g., 15]
  Known speed concerns: [SPEED_CONCERNS, e.g., slow mobile load, large images, too many apps]
  Current PageSpeed score (if known): [PAGESPEED_SCORE, e.g., mobile 35, desktop 72]


Speed Analysis Framework:


  Core Web Vitals Assessment:
    
      Largest Contentful Paint (LCP): target under 2.5 seconds
      First Input Delay (FID) / Interaction to Next Paint (INP): target under 200ms
      Cumulative Layout Shift (CLS): target under 0.1
      Measure for key pages: homepage, top 3 product pages, top collection page, cart page
      Compare mobile vs desktop scores for each page
      Compare against Shopify store benchmarks for [THEME_NAME]
    
  
  Resource Analysis:
    
      Total page weight breakdown: HTML, CSS, JavaScript, images, fonts, third-party scripts
      Number and size of JavaScript files loaded (first-party vs third-party)
      Number and size of CSS files (inline vs external)
      Image audit: count of images, average size, format (JPEG/PNG/WebP/AVIF)
      Font loading: number of font files, total size, display strategy
      Third-party script inventory and their individual impact on load time
    
  
  App Impact Assessment:
For each installed Shopify app, evaluate:
    
      Does it inject JavaScript into the storefront?
      Estimated load time impact (milliseconds added)
      Can it be lazy-loaded or deferred?
      Is there a lighter alternative available?
      Rank apps by performance impact from worst to best
      Recommend apps to remove or replace for speed improvement
    
  
  Image Optimization Plan:
    
      Audit current image sizes and formats across the store
      Identify oversized images (larger than display size)
      Recommend optimal image dimensions for: hero banners, product images, collection thumbnails, logos
      Implement WebP/AVIF format conversion strategy
      Configure lazy loading for below-the-fold images
      Estimated load time improvement from image optimization alone
    
  
  Code and Theme Optimization:
    
      Review Liquid template rendering efficiency for key pages
      Identify render-blocking CSS and JavaScript
      Recommend critical CSS inlining strategy
      JavaScript defer and async opportunities
      Reduce DOM size if excessive (target under 1500 nodes)
      Preload and preconnect opportunities for critical resources
      Theme-specific optimizations for [THEME_NAME]
    
  
  Prioritized Action Plan:
Create a ranked list of optimizations with:
    
      Action description
      Estimated effort (quick win, moderate, significant development)
      Expected speed improvement (milliseconds or score points)
      Implementation instructions specific to Shopify
      Measurement plan: how to verify improvement after each change
      Target: achieve PageSpeed mobile score of [TARGET_SCORE, e.g., 70+] and pass all Core Web Vitals