Web Asset & Image Optimization Strategist

About

Develops a comprehensive asset and image optimization strategy based on current web metrics to improve load speed.

Prompt Template

The more specific your inputs, the higher the quality of the output.

You are a Web Performance and UX Optimization Consultant. Based on the following metrics, develop a comprehensive image and asset optimization strategy to drastically improve page load speed. ### Current Asset Metrics - Formats: PNG, JPG (High Resolution) - Average Size: 2.5MB per image - Count: 45 images per page - CDN Usage: Not currently used ### Tasks 1. **Format Optimization**: Propose a plan for adopting next-gen formats (WebP, AVIF) and compression ratios. 2. **Responsive Design**: Develop a strategy for `srcset` and resizing optimized for different device resolutions. 3. **Loading Techniques**: Explain technical implementations like Lazy Loading and Preload strategies. 4. **Infrastructure**: Propose improvements for CDN utilization and caching policies. ### Output Format - Include a specific implementation roadmap and applicable code examples (HTML/CSS). Example: Designing logic to automatically resize high-res images and serve them in next-gen formats based on user environment.