The Elementor stack, weighed

Hello Elementor vs Next.js: The Empty Theme and the Builder That Fills It

Elementor says its Hello theme uses 6KB of resources. Elementor's product page says under 30KB. Both figures describe the theme, and the theme is the lightest thing on a Hello site. The weight, the templates and the license all live in Elementor.

October 7, 2026 · 12 min read

The short answer

Hello Elementor is a near-empty theme; Elementor and Elementor Pro build the header, footer, templates and store pages. That suits teams who want drag-and-drop control on a modest budget. Next.js wins when speed, lead generation, custom features or long-term upkeep matter, because a Hello site's weight and risk sit in the builder, not the theme.

On this page
  1. Hello's real job: stay out of Elementor's way
  2. Six kilobytes or thirty: Elementor's size claims, checked
  3. The Theme Builder dependency nobody budgets for
  4. Hello Elementor and Next.js, compared on 22 counts
  5. Six ways a Hello site breaks, straight from its forum
  6. Keep Elementor, or rebuild in Next.js?
  7. Leaving Elementor: the theme is easy, the builder data is not
  8. Athena for teams raised on drag and drop
  9. Which businesses should keep Hello, and which should go

Hello's real job: stay out of Elementor's way

Hello Elementor is a near-blank canvas, and it is meant to be. Elementor describes it as carrying only basic browser compatibility styling. The theme ships a plain header and footer, configured in Elementor Site Settings, and a settings page with three tabs: SEO and accessibility, structure and layout, CSS and styling. Every toggle is off by default. You can deregister its reset and theme stylesheets and switch off its header and footer entirely, which drops their CSS and JavaScript too.

That restraint is a virtue. More than 1,000,000 sites run Hello, version 3.5.1 at our October check, and on Elementor-hosted sites it is activated automatically during setup. Because it is built for one builder, there is no tug of war between theme and builder over fonts and spacing, a fight that fills support threads for other themes paired with Elementor. If you build in Elementor, Hello is the honest base. The Astra vs Hello Elementor comparison shows what a fuller theme adds, and what it costs in weight.

Six kilobytes or thirty: Elementor's size claims, checked

Elementor's help center says Hello uses 6KB and needs two server requests before a visitor sees the site. Its product page says Hello is under 30KB and loads in about a quarter of a second. The two claims disagree with each other, and the files sit between them. In the 3.5.1 package on wordpress.org, reset.css weighs 5,829 bytes, theme.css 5,827 bytes and header-footer.css 7,534 bytes. That is roughly 19KB of stylesheets: over one claim, under the other.

The same product page promises 73 languages in its headline and 71 in its body text. Marketing pages are not spec sheets. The useful point is the one neither number makes: on a working Hello site, the theme is a rounding error. The page your visitor downloads is laid out by Elementor, styled by Elementor and scripted by Elementor, plus whatever widget packs and popups were added along the way.

Find out where your page weight comes from

  1. 1.Run the homepage through PageSpeed Insights and note which element is the largest contentful paint and how long it took.
  2. 2.Open Chrome DevTools, choose the Network tab, filter to CSS and JS, and sort by size. Compare files served from the elementor and elementor-pro plugin folders with those from the hello-elementor theme folder.
  3. 3.Open the Coverage panel and reload. It shows how much of each downloaded file the page actually used.
  4. 4.Repeat on a blog post and a product page, because different templates use different widgets, and widgets can bring their own styles and scripts.

Most owners find the theme folder near the bottom of that list. Our Hello Elementor speed guide explains what to trim on the theme side, and Elementor slow website repair covers the builder. For the mechanism behind the headline metric, read WordPress vs Next.js on LCP.

The Theme Builder dependency nobody budgets for

On most serious Hello sites, the theme's own header and footer are switched off with the Disable theme header and footer setting and replaced by Elementor Pro Theme Builder templates. Single post layouts, archives and the 404 page follow the same path. WooCommerce product, cart and checkout pages are designed with Elementor's WooCommerce tools, because Hello itself adds no store options. The block editor gets little styling, and forum threads report Gutenberg styles not loading at all; the block editor mismatch guide explains why.

Follow that through and the whole site, header to checkout, is stored in one vendor's plugin and licensed from it. That is not sinister. It is the product. But it means the free theme is not where your risk sits. A Pro license problem, a builder update that changes how containers render, or a clash between Elementor and an add-on pack lands on every page at once. Our Elementor repair hub exists because of that concentration, and the Pro license activation guide covers the key that will not stick.

Hello Elementor and Next.js, compared on 22 counts

The first column assumes the stack most Hello sites actually run: Hello, Elementor, Elementor Pro with Theme Builder, one add-on widget pack, an SEO plugin, a caching plugin and, for stores, WooCommerce. The second is a custom Next.js site. The third adds Athena CMS, which comes with every site we build.

Hello Elementor stack vs a Next.js build vs Next.js with Athena CMS
Hello Elementor + pluginsNext.js buildNext.js + Athena CMS
PerformanceTheme is tiny; Elementor's CSS, JS and nested markup set the real weightServer Components render most UI with no client JavaScriptUnchanged by editing; no builder runtime on the page
Core Web VitalsFOUC reported on Pro sites; scores hinge on builder tuningFonts self-hosted with next/font; images sized by next/imageSame, with Argus flagging pages that slow down
Hosting requirementsPHP 7.4+, WordPress 6.0+, MySQL and server cachingEdge network and serverless; nothing to patch on a boxSame footprint, plus Athena's content store
SecurityAdmin, builder and add-on endpoints all reachable from the webPublic site is prebuilt files and a few API routesSame, with Aegis looking for intrusions every day
Plugin dependencyTotal: the theme does nothing without Elementor, and Pro does the layoutsNo plugins; libraries locked to exact versionsNone; upkeep handled by named agents
MaintenanceHello, Elementor, Pro, add-ons and WooCommerce on separate release trainsPeriodic dependency upgrades, checked in a test buildSame, with Argus watching forms and links
UpdatesApplied live; 3.3.0 broke mobile navigation for some sitesEvery change previewed on a separate deploy firstContent goes live on save; code waits for review
SEODuplicate meta description with Yoast or Rank Math until a setting changesMetadata set per route, along with canonicalsIris on titles, Ariadne on links, Delphi on AI search
SchemaLeft to the SEO plugin; generic per post typeJSON-LD written per template and tested in the buildSame, refreshed when content fields change
Page speedLight base; each widget, pack and popup adds requestsSteady as the site growsSame; Apollo says which page to fix first
Mobile performanceElementor breakpoints; dropdown menu set to Mobile, Tablet or NoneResponsive images and CSS written once for every screenSame; Harmonia checks accessibility
Custom developmentCustom widgets coded against Elementor's own conventionsAny React component or data sourceCustom features with fields built for your content
CMS usabilityVisual drag and drop; easy to edit, easy to breakNeeds a CMS wired in, or a developerPlain fields and a live preview; layouts locked
EcommerceWooCommerce styled by Elementor Pro widgets; theme adds nothingCustom storefront or hosted commerce APIBuilt-in store and Stripe subscriptions
ScalabilityCaching plugins and server upgrades as traffic growsCDN-served pages absorb spikesSame
Hosting costShared plans at first; builder sites drift toward managed hostingOften low; billed by usageRolled into our hosting and maintenance plans
Development costLow to start: free theme, template kits, a Pro licenseHigher up front; design and code are customQuoted fixed after a free audit
Long-term maintenancePro and add-on renewals, plus testing after every builder releaseLight and scheduledLight; agents handle the routine checks
Content editingEdit anything visually, including things that should not moveVia whatever CMS is attachedEdit text, images and offers; preview; publish
IntegrationsElementor form actions and add-ons; a plugin for the restDirect API calls written in the codebaseSame, plus agents working from live data
API supportWordPress REST API; Elementor layouts are not clean contentRoute handlers and server actions built inSame
Headless CMS capabilityElementor designs cannot render outside WordPressWorks with any headless CMSAthena is the headless CMS, already wired

If one row decides it for most owners, it is plugin dependency. A Hello site is an Elementor site with a thin wrapper, so the fair comparison is the builder against Next.js. That is why page builders vs Next.js and Bricks vs Elementor vs Next.js are worth reading next. Every other theme matchup is in the WordPress vs Next.js hub.

Six ways a Hello site breaks, straight from its forum

None of these is exotic. Each comes from the theme's own support forum, and each has a known fix or workaround.

  • Two meta descriptions. Hello outputs the excerpt as a meta description, and Yoast or Rank Math adds another. Turn it off in the Hello settings or with the hello_elementor_description_meta_tag filter.
  • Flash of unstyled content. Owners report pages briefly rendering without styles across several Hello and Elementor Pro sites. Start with Hello Elementor CSS not loading.
  • Mobile menus after updates. One thread reports that theme version 3.3.0 broke mobile navigation. The Hello mobile menu fix and Elementor mobile layout problems cover both halves.
  • Header and footer settings that will not save. With Elementor 4.0.8 and Hello 3.4.7, Customizer changes failed with JavaScript errors in the editor. See header and footer not showing.
  • WooCommerce notices. After store updates, threads report doing-it-wrong notices and deprecated template warnings.
  • Layouts that collapse after a builder release. Read Elementor update broke layout and Hello Elementor layout broken.

Count how many of those are the theme's fault alone. Very few. They live in the seams between theme, builder, Pro and WooCommerce, a pattern with its own page: Elementor theme conflicts. If the editor will not open at all, Elementor not loading is the place to start.

The third option

Athena CMS, with AI agents on staff.

Not a theme and not a blank Next.js repo. The content system we put behind every custom site: plain fields, a real preview, every version kept, and AI agents that handle the chores a plugin only nags you about.

and 12 more agents. Two come with Athena; the rest are monthly add-ons.

The Athena CMS editor: plain fields with AI rewrite, a Publish box and revisions

Keep Elementor, or rebuild in Next.js?

When Hello Elementor is the better choice

  • A brochure site your team designs and redesigns visually, often, without a ticket queue
  • The marketing team already knows Elementor and needs a landing page the same afternoon
  • The budget covers a template kit and a Pro license, not a custom build
  • A small WooCommerce store where Elementor's product and checkout widgets are enough
  • Campaign microsites that will be retired within a year

When Next.js is the better choice

  • Your Elementor pages have grown so heavy that every fix is a speed fix
  • The site is your lead engine and a slow mobile page costs real calls
  • You need pages built from data: service areas, inventory or a knowledge base
  • Forms have turned into quote calculators, portals or multi-step intake
  • You want members, logins or subscriptions without stacking three more plugins
  • Nobody on the team wants another builder update to babysit

There is a middle path for teams who love visual editing: keep the brand system strict and give editors fields, not canvases. That is the approach Athena takes, described below, and it is why the drag-and-drop argument matters less than it first appears.

Leaving Elementor: the theme is easy, the builder data is not

Swapping Hello for another theme takes a minute, because Hello holds almost nothing. Leaving Elementor is different. Elementor keeps each page's layout as its own builder data rather than as ordinary post content, so switching the builder off leaves pages stripped of their design. A migration therefore reads the rendered pages, separates content from layout, and rebuilds the layout once as shared components instead of page by page.

  • Theme Builder headers, footers and templates become a handful of shared layouts in code.
  • Display conditions become routes and plain logic that anyone can read.
  • Elementor forms become typed forms that send where they should, with spam filtered on the server.
  • Popups become components, or are retired after an honest look at what they converted.
  • Images move to next/image, which resizes them and serves modern formats.

Every URL is kept or redirected. The theme-specific plan is at Hello Elementor to Next.js, and the builder-wide version is at Elementor to Next.js. If you are on Hello Biz, note that Elementor's help pages from August 2026 say it is going into maintenance mode; read about Hello Biz before you build anything new on it.

Athena for teams raised on drag and drop

The strongest argument for Elementor is that marketing can change the site without a developer. Athena keeps that promise with a narrower tool. Editors get plain fields for headlines, sections, images, offers and products, a real preview, and every version kept. What they cannot do is drag a column until the mobile layout folds, because layouts live in code that was tested once.

The upkeep Elementor sites hire plugins for goes to agents. Apollo reads every page and ranks what to fix first. Argus watches for failing forms and slow pages. Prometheus finds customer questions the site does not answer and drafts the page. Zeus and Demeter handle event banners and seasonal offers, the jobs that usually justify another Elementor landing page. Compare the systems at Athena vs WordPress, or see how a switch from WordPress runs.

Which businesses should keep Hello, and which should go

Design studio or agency

Keep Hello and Elementor for client brochure sites. Our Elementor developers can clean up the builds you inherit.

Lead-generation service business

Move. Calls depend on fast mobile pages, and a Next.js build with Athena takes the builder off the critical path.

Small online store

Stay while the catalog is small and checkout works. Plan the move when Elementor's store widgets and add-ons start to fight.

Content-heavy publisher

Next.js. Prerendered pages and scheduled regeneration handle large archives better than builder templates.

Members or customer portals

Next.js with Athena, which includes login levels and Stripe subscription billing.

Start with a free site audit or a free mockup of the rebuilt homepage. Quotes are fixed after the audit, and financing is available. Comparing builders first? See Divi vs Elementor vs Next.js.

Questions people ask before they call

Elementor publishes two figures: 6KB in its help center and under 30KB on its product page. In version 3.5.1 the three stylesheets total about 19KB. Either way, the theme is not what makes a Hello site heavy. Elementor, Elementor Pro and any widget packs account for most of what a typical page loads, and our Hello Elementor speed guide shows how to measure it.

No. Hello and the free Elementor plugin can build a basic site, and Hello's own header and footer are configured in Elementor Site Settings. Custom headers, footers, post templates and WooCommerce page designs come from Elementor's Theme Builder, which is part of Elementor Pro. Most business sites on Hello end up replacing the theme header with a Theme Builder one.

Usually, for the same design. Elementor adds its own stylesheets, scripts and wrapper markup to each page, while Next.js sends prerendered HTML and only the JavaScript a page needs. A carefully tuned Elementor site can still pass Core Web Vitals; it just takes ongoing work. The mechanisms are in WordPress vs Next.js Core Web Vitals.

Yes. Every site we build comes with Athena CMS: fields for text, images, offers and pages, a live preview and full version history. What changes is that layouts are designed once and protected, so an edit cannot break the mobile view. New kinds of pages are developer work, which is also why they hold up.

The content will. The builder layout will not, and that is the point. We extract text, images and links from each page, rebuild the design as shared components, and redirect any URL that changes. The process is laid out in Elementor to Next.js.

Keep reading

Free · No obligation

Find out what your Elementor site is carrying

Send us the address. We will measure what Hello, Elementor and the add-ons load on your key pages, and tell you whether to slim the build or replace it.

Which of these sounds like you? (pick any)

Rather talk now? Call (210) 346-0848.

CallGet a quote