Recommended workflow

Use this sequence when you want the fastest path to a working result without redoing the task later.

1. 1Audit the page by asset type so you know which images are photos, screenshots, transparent graphics, and decorative duplicates.
2. 2Move heavy photo blocks toward JPG or WebP depending on the page goals and compatibility needs.
3. 3Keep screenshots and transparent assets on their own decision path instead of forcing them into the same format as photos.
4. 4Turn the winning rules into a repeatable template standard so every future page gets the benefit automatically.

Common mistakes to avoid

These are the shortcuts that usually create a second cleanup pass later.

• •Do not optimize a category or guide page asset by asset if the template keeps generating the same problem.
• •Do not convert screenshots to a lighter format without checking whether the content stays readable.
• •Do not ignore decorative images that repeat across many cards, tiles, or sections.
• •Do not measure success only by kilobytes if the page now feels visually unreliable.