Dispensary page speed optimization

Google's Core Web Vitals measure user experience across three metrics, with "good" thresholds published at web.dev:

Measures responsiveness to user interaction. Good threshold: 200 milliseconds or less.

If your site has bloated JavaScript, buttons take a second to respond. INP suffers.

Measures visual stability. Good threshold: 0.1 or less.

If images load after text, pushing text down, or ads insert mid-page, CLS increases. Stability issues frustrate users.

Cannabis retailers with poor Core Web Vitals give up ground in search results for "dispensary near me" and similar high-value searches.

Images are usually the largest share of page weight. Optimizing images has biggest speed impact.

Image optimization strategies:

<picture>
  <source srcset="blue-dream.webp" type="image/webp">
  <img src="blue-dream.jpg" alt="Blue Dream">
</picture>

<img srcset="blue-dream-mobile.jpg 375w,
             blue-dream-tablet.jpg 768w,
             blue-dream-desktop.jpg 1200w"
     src="blue-dream-desktop.jpg"
     alt="Blue Dream">

Mobile users get smaller images, desktop users get full-resolution.

<img src="blue-dream.jpg" loading="lazy" alt="Blue Dream">

Product images below the fold don't load until user scrolls down.

Original JPEG: large, uncompressed file Optimized JPEG: a small fraction of the original size

Tools like TinyPNG and ImageOptim compress images without visible quality loss.

A California user gets images from California servers, not servers across the country. This reduces latency.

Bloated JavaScript and CSS slow sites down.

Most cannabis sites load jQuery library (90KB) even if unused. Remove unused libraries.

Each file (image, CSS, JavaScript) requires HTTP request. Fewer requests = faster load.

Strategies: - CSS sprites: Combine multiple images into single file - Icon fonts: Use icon fonts instead of individual image files - Critical CSS inlining: Embed above-the-fold CSS directly in HTML - Async scripts: Load JavaScript asynchronously (doesn't block page load)

Third-party scripts (analytics, ads, chat plugins) slow sites down.

Audit third-party scripts: - Google Analytics: ~50KB, essential for measurement - Facebook Pixel: ~35KB, useful for retargeting - Chat widget: ~100KB+, check if usage justifies load cost - Ad networks: Often bloated, load asynchronously

Load high-value scripts synchronously (blocks page load). Load lower-value scripts asynchronously (doesn't block page load).

We test load times on a simulated 4G connection. Sites that load quickly on WiFi can be much slower on 4G.

Testing on realistic network conditions reveals actual mobile performance.

LCP measures when largest element loads. For cannabis sites, this is often product hero image.

Optimization:

1. 1Optimize product image: Compress, use modern formats, appropriate sizing

1. 1Prioritize image loading: Use fetchpriority="high" to prioritize product image loading

<img src="blue-dream-hero.jpg"
     fetchpriority="high"
     loading="eager"
     alt="Blue Dream">

1. 1Preload critical image: Load image early in page

<link rel="preload"
      as="image"
      href="blue-dream-hero.jpg">

1. 1Avoid layout shift: Define image dimensions so space is reserved before image loads

<img src="blue-dream.jpg"
     width="600"
     height="400"
     alt="Blue Dream">

INP measures responsiveness. Bloated JavaScript causes delays.

Optimization:

1. 1Code splitting: Load only necessary JavaScript per page

1. 1Defer non-critical JavaScript: Load analytics, ads, chat after page renders

<script defer src="analytics.js"></script>

1. 1Long task elimination: Break up JavaScript execution into smaller tasks

1. 1Main thread optimization: Minimize work on browser's main thread

• Google PageSpeed Insights: Measures Core Web Vitals and recommendations
• Lighthouse: Google's built-in performance auditing
• WebPageTest: Detailed waterfall analysis and real-world testing
• GTmetrix: Tracks performance over time
• New Relic: Real user monitoring for production performance

Target performance (after optimization): - Load time: Under 2 seconds on 4G mobile (our target) - LCP: 2.5 seconds or less - INP: 200ms or less - CLS: 0.1 or less

High-performing sites exceed these targets.

Slow pages lose shoppers before they see a product, and faster pages keep them browsing. We measure conversion changes before and after speed work on each site instead of assuming a result.

Cannabis product photography requires high-quality images. High-quality images are large files.

Balance: Use modern formats, compression, and responsive images to maintain quality while optimizing speed.

Real-time inventory sync (our cannabis regulatory mapping) requires frequent server queries. This can slow page load if poorly implemented.

Solution: Cache inventory status locally, update asynchronously in background. Don't block page load on inventory queries.

1. 1Baseline testing: Measure current performance
2. 2Identify bottlenecks: Find biggest performance drains
3. 3Prioritize improvements: Fix highest-impact issues first
4. 4Implement optimizations: Improve images, code, caching, etc.
5. 5Measure improvements: Re-test after optimizations
6. 6Monitor continuously: Track performance over time

We follow this workflow for all cannabis site optimizations.

Google's Core Web Vitals documentation says good Core Web Vitals align with what its core ranking systems seek to reward. Its "good" thresholds are LCP within the first 2.5 seconds, INP under 200 milliseconds and CLS under 0.1, measured at the 75th percentile per web.dev.

Cannabis website performance directly impacts conversion rates and search rankings.

BudAuthority optimizes cannabis site performance using the our CRO framework. We identify performance bottlenecks, implement optimizations, and measure conversion improvements.

We target Core Web Vitals compliance, 2-second mobile load times, and measurable conversion improvements.

Explore our mobile optimization approach for mobile-specific performance strategies, or learn about dispensary website design for site-wide performance architecture.

---

Last updated: April 2026. BudAuthority specializes in cannabis page speed optimization and Core Web Vitals compliance.