Google asked me to add these things into the doc's

[summercms]

@LukeTowers

Google asked me to add these things into the doc's.

1. Recommend developers use next-gen images

I'm thinking adding to this page: https://octobercms.com/docs/markup/filter-media

Adding a code example and mentioning the benefits of adding next-gen images.

<picture>
    <source type="image/webp" srcset="{{ 'example.webp' | media }}">
    <source type="image/avif" srcset="{{ 'example.avif' | media }}">
    <img src="{{ 'example.jpg' | media }}" alt="">
</picture>

2. Replace animated GIFs with video

I'm thinking adding to this page: https://octobercms.com/docs/markup/filter-media

Adding a code example and mentioning the benefits of replacing gif's.

<video autoplay loop muted playsinline>
  <source src="{{ 'my-animation.webm' | media }}" type="video/webm">
  <source src="{{ 'my-animation.mp4' | media }}" type="video/mp4">
</video>

3. Enable text compression in the web server configuration

I'm thinking adding to this page: https://octobercms.com/docs/setup/configuration

Suggesting to developers to use gzip and/or brotli

Let me know,

Thanks.