@akson/cortex-landing-performance

> Performance optimization utilities for landing pages - image optimization, Web Vitals monitoring, lazy loading, and bundle optimization

Installation

``bash
npm install @akson/cortex-landing-performance
`

Usage

`typescript
import { ImageOptimizer, WebVitals, LazyLoader, BundleOptimizer } from '@akson/cortex-landing-performance';

// Image optimization
const optimized = await ImageOptimizer.optimize({
src: '/image.jpg',
sizes: [400, 800, 1200],
format: 'webp'
});

// Web Vitals monitoring
WebVitals.monitor({
onLCP: (metric) => analytics.track('lcp', metric),
onFID: (metric) => analytics.track('fid', metric),
onCLS: (metric) => analytics.track('cls', metric)
});

// Lazy loading
LazyLoader.init('.lazy-image');
``

Features

- Image optimization and WebP conversion
- Core Web Vitals monitoring
- Lazy loading implementation
- Bundle size optimization
- CDN integration
- Performance budgets

Metrics Tracked

- Largest Contentful Paint (LCP)
- First Input Delay (FID)
- Cumulative Layout Shift (CLS)
- First Contentful Paint (FCP)

License

MIT © MyArmy