> ## Documentation Index
> Fetch the complete documentation index at: https://docs.wpbevel.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Tools

> One-click optimization, JavaScript delay, WebP conversion, database cleanup, site-kit import and export, and the starter templates.

**Bevel → Site Settings → Tools** has five panels: Optimization, WebP Converter, Database Optimizer, Import / Export and Starter Templates.

## One-Click Optimization

One button applies the settings that make an Elementor site fast, and shows each step's state afterwards:

1. **Change required settings**: Google fonts with `font-display: swap`, Google fonts served locally, Gutenberg's block styles off, Elementor's optimized image loading on.
2. **JavaScript delay**: scripts wait until the visitor first interacts, Elementor's entrance animations still run in view, cookie banners are excluded.
3. **Convert images to WebP**, one image at a time, then serve WebP and convert future uploads (when the server can make WebP).

It runs in the background and survives a reload; you can cancel, and what was applied stays applied. The finished screen re-reads the live settings, so a step you later switch off by hand shows as inactive.

[Bevel MCP](/mcp/overview) runs the same routine through its `optimize_site` tool.

## Manual settings

Below the button, the site's performance options:

| Setting                                                            | Default                                         |
| ------------------------------------------------------------------ | ----------------------------------------------- |
| Google Fonts Load (`font-display`)                                 | auto; the optimizer sets swap                   |
| Load Google Fonts Locally, with a button to clear the local copies | off                                             |
| Disable Gutenberg Styles                                           | off                                             |
| Optimized Image Loading                                            | on                                              |
| Inline Font Icons, Optimized Markup (Elementor experiments)        | Elementor's own state                           |
| Remove jQuery Migrate (front end only)                             | on                                              |
| HTML Disk Cache, GZIP Compression                                  | off. See [Page cache](/kit/page-cache)          |
| Preload Fonts                                                      | none. See [Extras](/kit/extras#font-preloading) |

**JavaScript delay**: a master switch, then the delay: LCP optimization only, one second, two seconds, or until the first interaction. Options to run Elementor entrance animations in view, exclude cookie and GDPR popups, and exclude scripts by regular expression, one per line. The delay engine pauses itself, and says so, when another optimizer is active: WP Rocket's delay, NitroPack, FastPixel, WP Meteor or the standalone Bevel Optimizer.

Separately, the first section's largest image is preloaded so the largest contentful paint is not waiting on discovery; a **Preload Images** control on each container opts it in or out.

## WebP Converter

Converts JPEG and PNG images in the media library to WebP and serves the WebP to browsers that support it, with the original as a fallback. Needs GD with WebP support or Imagick; the panel says which it found.

* **Generate WebP** converts the library one image at a time, with pause and resume and a live count.
* **Convert on upload** makes a WebP for every new image.
* **Serve WebP** swaps the WebP into image tags and srcsets.
* Quality per format (JPEG 75, PNG 80), exclusions by file type and folder, an activity log, and **Regenerate All**.

The MCP's `convert_webp` tool runs the same conversion in batches.

## Database Optimizer

Shows the database's size, overhead and every table with its rows and engine. Tick what to remove:

post revisions, auto-drafts, trashed posts, spam and trashed comments, orphaned post and term metadata, expired and orphaned transients, and **Optimize tables** to reclaim the freed space.

Deletion is permanent. Posts are deleted through WordPress, so no new orphans are created. A link to **Post Revisions** caps how many revisions accumulate in future. The MCP's `optimize_database` tool reports first and runs only when asked.

## Import and export

A **site kit** is a zip of everything that makes a site itself, for moving a site or cloning it:

| Part          | Contents                                                                                                     |
| ------------- | ------------------------------------------------------------------------------------------------------------ |
| Site settings | Global colours and fonts, theme style, layout, the Kit's settings and Elementor's experiment state           |
| Templates     | Theme Builder templates, with conditions                                                                     |
| Pages         | Elementor pages                                                                                              |
| Menus         | Navigation menus                                                                                             |
| Content       | Posts and any chosen post type (products, ACF field groups, portfolios) with terms, meta and featured images |
| Fonts         | Custom font families and their files                                                                         |
| Icons         | Uploaded icon sets                                                                                           |
| Custom code   | Snippets (import needs an administrator who may post unfiltered HTML)                                        |
| Media         | The original of every image the kit references                                                               |

**Export**: tick the parts, build the zip, download it within ten minutes.

**Import**: upload a zip the Kit exported (up to 50 MB), choose the parts to take, and optionally trash the existing templates or content first. Documents are written, then relinked: images and dynamic references point at their new ids, fonts match existing families by name, icon sets keep their identity. The log reports per part what was imported, failed, skipped or drafted.

## Starter Templates

Eight documents ship inside the plugin: site settings, a front page, header, footer, single post, single page, archive, 404 page, and a main menu built from the published pages. Nothing is downloaded.

Tick the items to install. Anything already on the site with the same role is set to draft, never deleted, and the starter version published. A site with no logo gets a placeholder mark, a light mark and a site icon; a site with a logo keeps it. No demo images are installed.

A **bare site installs the starter set on its own** on the first admin load, so a fresh install has a working front page, header and footer within a minute. The `bevel/starter/auto_run` filter turns that off. The panel hides itself when Elementor Pro is active.
