I am reviewing the deployment setup for an image-heavy web application and would appreciate practical advice from people running similar workloads on CyberPanel. The app serves a landing page plus generated image previews, so the main concerns are fast first-page delivery, sensible browser caching, and avoiding unnecessary load when several image requests arrive together.
For context, the project is a realistic ai photo generator built for online prompt-to-image workflows. I am considering OpenLiteSpeed cache rules for static assets, WebP/AVIF delivery where supported, HTTP/3, and a CDN in front of the origin. Generated files may change, so I do not want to apply an overly long cache policy to dynamic output.
Which CyberPanel or OpenLiteSpeed settings have worked best for this pattern? In particular, should image previews be placed behind a separate cache policy, and are there recommended limits or queue settings that prevent image generation traffic from affecting the main site? Any guidance on a safe baseline configuration would be useful.