Story 5.5: Optimize Image and Asset Delivery for Presentations

[ajelinek]

Part of #10

As a developer, all assets (images, fonts, CSS, JS) related to presentations must be optimized for fast delivery and rendering.

Acceptance Criteria:

• Images are served in modern, compressed formats (e.g., WebP, AVIF) with appropriate dimensions (covered by Story 3.6 but re-emphasized for delivery).
• CSS and JavaScript assets are minified and efficiently bundled.
• Caching strategies (browser caching, ETags) are effectively utilized for static assets.
• Consider using a CDN for assets if applicable for the hosting platform (GitHub Pages has some CDN capabilities).

Test Cases:

• Performance audit (Lighthouse, WebPageTest): Asset sizes, delivery times, and caching headers are optimal.
• Network panel analysis: Verify compression and formats of delivered assets.

Constraints:

• Depends on Astro's build output and hosting platform capabilities.

Dependencies:

• Story 3.6 (Astro Image Optimization).
• Astro build process.
• GitHub Pages hosting specifics.