Skip to main content

Performance Best Practices

Performance best practices for O2VEND development.

General Principles​

  1. Measure First: Always measure before optimizing
  2. Optimize Critical Path: Focus on above-the-fold content
  3. Lazy Load: Defer non-critical resources
  4. Cache Aggressively: Cache API responses and computed values
  5. Minify Assets: Always minify production assets

Theme Performance​

Template Optimization​

  • Minimize Liquid logic
  • Cache expensive operations
  • Use snippets to break down complexity
  • Limit loop iterations

Asset Optimization​

  • Minify CSS and JavaScript
  • Combine files when possible
  • Optimize images
  • Use CDN for static assets

API Performance​

Request Optimization​

  • Batch multiple requests
  • Implement caching
  • Use pagination efficiently
  • Limit response data

Monitoring​

Performance Metrics​

Monitor key metrics:

  • First Contentful Paint (FCP)
  • Largest Contentful Paint (LCP)
  • Time to Interactive (TTI)
  • Total Blocking Time (TBT)