New Cohort Starts:

Donate
← Back to the skill map
Web Interface/Interface & language

Media & Analytics

4 micro-topics in Web Interface, each with the evidence that proves you have it and the written reason behind every link. Before you start, it rests on 2 other domains. Downstream, it holds up 1 domain.

4 topics  ·  depth 0–4 of 16  ·  2 internal links  ·  3 in  ·  1 out

Before you start

Load-bearing links first. Each one says what in this domain rests on what outside it, and why.

HTML & Semantic Markup

2 links

load-bearing
load-bearing

Instrument user behavior rests on Structure an HTML document

Analytics scripts load in the document head.

Observability

1 link

supporting

Instrument user behavior rests on Keep sensitive data out of logs

Behavioral capture raises the same privacy questions.

What you will be able to do

In prerequisite order. Each idea names the artifact that closes it, the market demand that put it on the map, and what it stands on.

Depth 0  ·  procedural  ·  scaffolded  ·  M13 §13.1

Deliver media through a CDN

Uploads, transforms and serves assets

Evidence
Serves responsive variants from one upload
Market anchor
Cloudinary · CDN
Rests on
supporting

Lazy-load and placeholder media

A CDN is the delivery layer under the same optimization goals.

Depth 1  ·  meta  ·  scaffolded  ·  M13 §13.3

Instrument user behavior

Captures sessions, heatmaps and events with consent

Evidence
Identifies a UX problem from recorded behavior
Market anchor
Analytics
Rests on
load-bearing

Structure an HTML document · HTML & Semantic Markup

Analytics scripts load in the document head.

supporting

Keep sensitive data out of logs · Observability

Behavioral capture raises the same privacy questions.

Depth 3  ·  conceptual  ·  unassisted  ·  M13 §13.2

Choose image formats and sizes

Balances WebP, AVIF and legacy formats

Evidence
Cuts page weight without visible quality loss
Market anchor
Web performance
Rests on
load-bearing

Use content elements correctly · HTML & Semantic Markup

Images are content elements.

Depth 4  ·  procedural  ·  unassisted  ·  M13 §13.2

Lazy-load and placeholder media

Defers offscreen images with a placeholder

Evidence
Largest contentful paint improves measurably
Market anchor
Web performance
Rests on
load-bearing

Choose image formats and sizes

Loading strategy applies to images you can already choose.

What rests on this domain

Everything downstream that names an idea here as a prerequisite, grouped by where it lives.

Next.js

1 link

supporting

Optimize for Core Web Vitals rests on Choose image formats and sizes

Image weight is usually the first performance win available.

Retool. Retrain. Relaunch.

375 ideas. 17 weeks. No tuition, ever.

Vets Who Code is a veteran-run 501(c)(3). The accelerator is free, remote, and we don’t take a share of your first paycheck.

Free · Remote · 17 weeks · EIN 86-2122804