Awesome-omni-skill kirby-performance-and-media

Name: kirby-performance-and-media
Author: diegosouzapw

Improve Kirby performance and media delivery (cache tuning, CDN, responsive images, lazy loading). Use when optimizing page speed, caching, or image handling.

install

source · Clone the upstream repo

git clone https://github.com/diegosouzapw/awesome-omni-skill

Claude Code · Install into ~/.claude/skills/

T=$(mktemp -d) && git clone --depth=1 https://github.com/diegosouzapw/awesome-omni-skill "$T" && mkdir -p ~/.claude/skills && cp -r "$T/skills/development/kirby-performance-and-media-majiayu000" ~/.claude/skills/diegosouzapw-awesome-omni-skill-kirby-performance-and-media && rm -rf "$T"

manifest: skills/development/kirby-performance-and-media-majiayu000/SKILL.md

source content

Kirby Performance and Media

Quick start

Follow the workflow below, and run a full audit checklist when performance work spans multiple templates or plugins.

Workflow

Call

kirby_init

and read

kirby://config/cache

and

kirby://config/thumbs

Inspect templates/snippets that render large collections of images:
- ```
kirby_templates_index
```
- ```
kirby_snippets_index
```
Search the KB with
```
kirby_search
```
(examples: "cdn asset and media urls", "lazy loading images", "responsive images srcset", "fine tune page cache", "conditional loading frontend libraries", "tailwindcss build workflow", "purgecss build workflow").
Apply minimal changes first:
- use
```
srcset()
```
  /
```
sizes
```
  for responsive images
- add
```
loading="lazy"
```
  and
```
decoding="async"
```
- adjust cache ignore rules via blueprint options or fields
- route assets/media through a CDN when required
Verify output and caching behavior:
- ```
kirby_render_page(noCache=true)
```
  for HTML
- inspect generated media variants and cache headers in a browser