# Static HTML (/docs/examples/html)
This example uses the base [Javascript Client SDK](/docs/sdk/javascript#client) only; there is no server logic. The moment the script mounts in the browser it fetches the config and shows the control or variation.
This works great for static files on a CDN without any server side logic. The downside is that there is always layout shift (CLS) when the test is applied to content that is visible above the fold. That is solvable by [running Improve on the server](/docs/examples/nextjs).
## Install [#install]
```bash
npm i @obelism/improve-sdk
```
## Script [#script]
The script creates an [`ImproveClientSDK`](/docs/sdk/javascript#client), fetches the config, sets up the visitor and reads the value for the `startpage-visual` test, then writes it into the page.
```ts title="src/index.ts"
import { ImproveClientSDK } from '@obelism/improve-sdk/client'
const improveClient = new ImproveClientSDK({
organizationId: 'org_MJFL46Z0WXGQ5OHW1ZXSM3Q88S',
environment: 'staging',
})
improveClient.fetchConfig().then(() => {
improveClient.setupVisitor(window.navigator.userAgent)
const value = improveClient.getTestValue('startpage-visual')
document.querySelector('#output').textContent = value
})
```
## Markup [#markup]
The script is bundled (the example uses [tsup](https://tsup.egoist.dev/)) to `dist/index.mjs` and loaded with a deferred `
Static website
Your version: control