Make your website faster
Most guides list twenty points and don't sort them by anything, but two of them put together more than all the others.
The two big levers
Images. On typical websites, they make up most of the data transferred – often more than all the scripts, styles and fonts combined. A photo in the right size and format saves more than any fine-tuning on the code.
Foreign scripts. Every embedded tool -- analytics, chat, maps, fonts, advertisements -- comes with its own loading time that you have no control over, and the most honest question is not how to speed it up, but which ones are really needed.
Thereafter:
- Turn on compression – Pack text before sending. Saves 60 to 80 percent, costs one line of server configuration.
- Setting up temporary storage – So that returning visitors do not reload pictures and styles.
- Incorporate writings locally – Saves a third-party connection – and solves the data protection problem Google Fonts.
- Specify dimensions for images – Height and width in the markup prevent the text from jumping when loaded.
- Load pictures below the fold later –
loading="lazy"– but not in the first big picture, that hurts there.
The three measured values that matter
| Value | What He Measures | Good |
|---|---|---|
| LCP | When the largest element is visible | unter 2,5 s |
| INP | How quickly the page reacts to input | unter 200 ms |
| CLS | How Much Content Jumps When Loading | unter 0,1 |
Suitable tools
Further in Performance
- Compress images correctly – First the dimensions, then the format, then the quality – in that order.
- WebP or AVIF? – Two modern image formats – one is the safe choice, the other the smaller one.