← Main site

Performance

The Performance settings let you reduce the number of HTTP requests and the amount of JavaScript sent to visitors. Find them at Appearance → Tabule → Settings → Performance.

Disable jQuery

When enabled, removes jquery, jquery-core, and jquery-migrate from all frontend pages. Tabule Theme does not use jQuery itself, so this is safe unless a plugin you have installed depends on frontend jQuery.

Before enabling: check that your active plugins do not load jQuery-dependent scripts on the frontend (sliders, galleries, contact forms, etc.). If a plugin breaks after enabling this, disable it again.

⚠️

jQuery is never removed from the WordPress admin, regardless of this setting.

Load JS inline

When enabled, the theme's main JavaScript file (useful.min.js) is embedded directly into the HTML page instead of being loaded as a separate file. This saves one HTTP request per page load.

The tradeoff is that the script cannot be cached by the browser as a standalone asset. For most sites, the difference is negligible — the script is small. If you are using a caching or minification plugin that already combines scripts, you can leave this off.

Disable Emojis

WordPress loads a small script on every page to detect and render emoji characters. If you do not use emoji in your posts, enabling this option removes:

  • The emoji detection JavaScript (loaded from s.w.org)
  • The emoji-related DNS prefetch link
  • The emoji CSS in the admin email editor

This saves approximately 10–15 KB per page.

Disable Gutenberg (enable Classic Editor)

When enabled, this option:

  • Removes block editor CSS from the frontend (wp-block-library, global-styles, etc.), saving ~50–80 KB per page.
  • Disables the block editor for all post types.
  • Disables the block-based widget editor.
⚠️

Enabling this option also removes global-styles, which means theme.json font and color definitions will no longer appear in the editor. Use this only if you prefer the Classic Editor and do not need block editor features.

Responsive images

Tabule Theme registers multiple image sizes so the browser downloads the smallest version that fits the visitor's screen, instead of always downloading the largest one. All card and related-post sizes use a 16:9 aspect ratio for consistent cropping across all display contexts — grids, widgets, related posts, and sidebars.

  • tbl-card (600 × 338 px, 16:9) — used for post cards in grid and list layouts on desktop.
  • tbl-card-sm (400 × 225 px, 16:9) — used automatically by the browser on mobile and for inline related post previews. Saves approximately 13 KB per image compared to the desktop size.
  • tbl-related (320 × 180 px, 16:9) — used for the related posts section at the bottom of single posts.
  • tbl-featured (1200 × 675 px, 16:9) — used for the featured image on single posts and pages.
  • tbl-hero (1920 × 960 px, 16:9) — used for the homepage hero background image.

WordPress generates these sizes automatically every time an image is uploaded. No configuration is needed.

💡

Recommended image format: Upload featured images at 16:9 (for example, 1280 × 720 px or larger). This ensures the image crops cleanly in every context — grid cards, sidebar widgets, related posts, and the hero section — without unexpected cropping or letterboxing.

⚠️

New install or updating the theme? Images uploaded before installing (or updating) Tabule Theme may not have all sizes generated yet. Install the free Regenerate Thumbnails plugin, run it once from Tools → Regen. Thumbnails, and then uninstall it. This is a one-time step.

Additional performance features (always on)

Regardless of the settings above, Tabule Theme always applies these optimizations:

  • Conditional CSS loading — the home stylesheet (home-style.min.css) is only loaded on the homepage; all other pages load page-style.min.css. WooCommerce CSS is only loaded on WooCommerce pages.
  • Preload hints — the main CSS file and Dark Mode CSS file get rel="preload" links automatically.
  • Deferred theme JS — the main theme script is loaded with the defer attribute.
  • Async font loading — Google Fonts are loaded with rel="preload" + onload + a noscript fallback to avoid render-blocking.
  • wp_generator tag removed — the WordPress version number is not exposed in the HTML source.
  • LCP image prioritised — the homepage hero image is loaded with loading="eager", fetchpriority="high", and a <link rel="preload"> hint in the <head>, so the browser starts downloading it as early as possible.
  • Icon font display — the icon font uses font-display: swap so text remains visible while the font loads.
  • Responsive image srcset — all card thumbnails include a sizes attribute so the browser picks the correct image variant for the viewport without downloading unnecessarily large files.