Lightweight HTML Website for Small Business: What the 2024 Web Almanac Says About Page Weight

By the SI Systems team

A lightweight HTML website for a small business is a page that ships only the bytes a visitor needs: clean markup, a small stylesheet, a few optimized images and almost no JavaScript. The median page on the web now weighs more than 2.3 MB. A plain, well-built HTML page can come in at a small fraction of that, and the public data shows why that gap matters to customers, search visibility and your own maintenance bill.

If you edit HTML by hand in a browser editor, you already have an advantage. This guide uses the HTTP Archive's 2024 Web Almanac and Google's Core Web Vitals guidance to show what "heavy" looks like, what a lean small-business page should aim for, and where automation and AI agents can take over the repetitive parts.

Definitions

• Page weight: the total byte size of a page: HTML plus every image, stylesheet, script, font and video it loads (Web Almanac 2024, Page Weight chapter).
• Core Web Vitals: Google's three user-experience metrics: Largest Contentful Paint (loading), Interaction to Next Paint (responsiveness) and Cumulative Layout Shift (visual stability).
• LCP (Largest Contentful Paint): how long the biggest visible element takes to appear. Good is 2.5 seconds or less.
• INP (Interaction to Next Paint): how quickly the page responds to taps, clicks and key presses. Good is 200 milliseconds or less.
• CLS (Cumulative Layout Shift): how much the layout jumps while loading. Good is 0.1 or less.
• Static HTML page: a file served exactly as written, with no database or server-side rendering on each visit.

How heavy is the average web page?

The Web Almanac measured real pages in October 2024. The numbers below come straight from the Page Weight chapter.

Source: HTTP Archive, "Page Weight," The 2024 Web Almanac, https://almanac.httparchive.org/en/2024/page-weight

Notice the middle of the table. The HTML itself, the thing you actually write, is about 18 KB at the median. Almost everything else is images, scripts and fonts layered on top. That is the practical lesson: on most pages the markup is not the problem.

Why a lightweight HTML website for a small business wins on speed

The Almanac links weight to performance directly. Using Lighthouse lab tests from June 2024, it found that the heavier the page, the slower the Largest Contentful Paint, and that the effect is steeper on mobile.

Source: Web Almanac 2024, Page Weight, Figure 16.37.

On interactivity, the gap is larger. The Almanac reports Total Blocking Time, a lab proxy for INP, at a median of 53 ms on desktop but 1,235 ms on mobile, and 648 ms versus 5,786 ms at the 90th percentile. Google's target is 200 ms or less. Most of that blocking comes from JavaScript, which a small static page barely uses.

What "good" looks like: Google's thresholds

Google's web.dev documentation defines the targets and how to read them.

Source: https://web.dev/articles/vitals. Google recommends judging each metric at the 75th percentile of page loads, split by mobile and desktop. A page passes only when all three are met.

A practical budget for a small-business page

The Almanac cites performance researcher Alex Russell's 2024 analysis: a budget of about 365 KB for a page to load in under 3 seconds at the 75th percentile on typical mobile conditions, and about 650 KB for a 5-second load if the page is JavaScript-heavy. Treat these as planning guides, not guarantees. Against the 2.3 MB median, they show how much room a lean page has.

A reasonable personal budget for a service-business homepage:

1. HTML: under 30 KB. One file, semantic headings, real text.
2. CSS: under 30 KB, inline or one file. No framework you do not use.
3. JavaScript: only what you need, such as a contact form or booking link. Zero is fine.
4. Images: compress, set width and height, lazy-load below the fold. Images are the largest median contributor on homepages (1,054 KB desktop).
5. Fonts: one family, or the system font stack. The median page loads 3 to 4 font files.

Fix the easy wins first

The Almanac found that only 70% of desktop homepages correctly compress text resources, 62% correctly minify CSS and 58% correctly minify JavaScript. All three are one-time setup tasks. If your host offers Brotli or gzip, turn it on and check it.

Set image dimensions to protect CLS

The Almanac notes that layout shift grows with page weight and points at images defined without dimensions as a likely cause. Always write width and height attributes on every img tag.

Use facades for embeds

Videos, chat widgets and social embeds load large scripts. The Almanac notes that 70% of desktop homepages had embeds that could be replaced with a facade, a static preview that loads the real embed only on click.

A minimal HTML skeleton to start from

Keep the structure boring. A title, a meta description, one h1, a short list of services, proof, and one clear contact action:

• A descriptive title tag and meta description with your service and city.
• One h1 that says what you do.
• Sections for services, process, work, FAQ and contact.
• A phone number and email as plain links, so nothing needs JavaScript.

That structure also happens to be easy for search engines and AI assistants to read, because the answers are in plain text.

Where a small business still needs more than a static page

A static page is not the answer to everything. Add real software when you need:

• Online booking or ordering tied to a calendar or payments.
• Lead follow-up that answers inquiries after hours.
• Document intake, quoting or invoicing that repeats the same steps.
• A customer portal or mobile app.

This is where an AI agent or small automation earns its place: it handles the repetitive replies and data entry behind a fast front end, instead of bolting heavy plugins onto the page. If you want that built for you, the SI Systems team builds websites, AI agents and apps; you can see the services and how the process works. The current offer, "Launch at Zero Cost," covers a website built, launched and maintained for 6 weeks with payment only at the end. Details are on the SI Systems homepage.

A quick audit you can run today

1. Open PageSpeed Insights (https://pagespeed.web.dev/) and test your homepage on mobile.
2. Note the total transfer size and the LCP, INP and CLS results.
3. Compare the size to the 2.3 MB mobile median and the budgets above.
4. Remove the largest unused script or image first. Re-test.
5. Repeat monthly, or after every plugin or theme update.

FAQ

What is a lightweight HTML website? A site built from plain HTML and a small stylesheet, with minimal scripts and compressed images, so each page transfers only a few hundred kilobytes.

How big should a small-business homepage be? There is no legal limit. The 2024 Web Almanac median is 2,311 KB on mobile. Planning budgets cited in the same chapter are around 365 KB for a quick load, so aim well under 1 MB if you can.

Does page weight affect Google rankings? Google surfaces Core Web Vitals in its tools and says they reflect real user experience. They are one signal among many. Content relevance still matters most, but a slow, jumpy page loses visitors before they read it.

Is static HTML bad for SEO? No. Static pages are easy to crawl and usually fast. You still need good titles, headings, clear copy and a sitemap.

When should I move beyond static HTML? When you need bookings, payments, logins, or automation such as lead replies. Keep the public pages lean and add those features as separate, well-scoped pieces.

Do I need JavaScript at all? Often not for a brochure site. 97.8% of mobile homepages use it, and median JavaScript is 558 KB on mobile, but a contact link and a phone number work without any.

How do I measure Core Web Vitals? Use PageSpeed Insights or Search Console for real-user data from Chrome's field dataset, and Lighthouse in DevTools for lab tests. Google recommends field data as the final judge.

Sources

• HTTP Archive, The 2024 Web Almanac, "Page Weight": https://almanac.httparchive.org/en/2024/page-weight
• Google web.dev, "Web Vitals": https://web.dev/articles/vitals

Written by the SI Systems team. Start a conversation at https://www.sisystems.site/#contact.