DEV Community: Ricky Hersey

Building Single-File HTML Templates: Clean Code Without the Framework Overhead

Ricky Hersey — Tue, 27 Oct 2026 20:31:52 +0000

When building websites, it is easy to get caught up in modern framework stacks, build steps, and endless dependencies. However, for many business and landing pages, keeping everything clean, fast, and self-contained in a single file is hard to beat.

Here is why keeping HTML, CSS, and JavaScript inline within a single document works so well for template efficiency:

The Advantages of Inline Single-File Builds

Zero Build Steps: No need for compilers, bundlers, or package managers. Just open the file and code.
Instant Deployment: Uploading a single clean file via SFTP takes seconds and eliminates missing asset paths.
Streamlined Performance: Less network overhead means lightning-fast load times and consistent 90+ PageSpeed Insights scores.
Complete Code Portability: Anyone can easily inspect, understand, and customize the site without needing complex environments.

By stripping away unnecessary framework bloat, you deliver pure performance directly to the browser.

Do you prefer keeping small project setups completely self-contained, or do you still reach for build tools by default?

How I Compress Website Images with Squoosh for Blazing-Fast Page Speeds

Ricky Hersey — Tue, 27 Oct 2026 20:29:24 +0000

Heavy, unoptimized images are one of the fastest ways to kill a website's load time and drag down your PageSpeed Insights scores. When you're building lightweight, single-file HTML templates, every asset needs to be lean.

Here is my go-to workflow for keeping images small without sacrificing visual quality:

The Squoosh Optimization Process

Resolution Cap: I resize images down to a clean, crisp standard (typically 800x600 for optimal web display).
Modern Formats: I convert and compress everything into AVIF and WebP formats. These formats offer incredible compression ratios compared to traditional JPEGs or PNGs.
Quality Tuning: I dial in the compression settings on Squoosh.app to get file sizes down significantly while keeping details sharp.

By keeping image payloads minimal, every page loads instantly on mobile and desktop alike, keeping performance scores consistently in the 90s and 100s.

How do you handle asset compression in your workflow?

Why I Hand-Code Lightweight, Single-File HTML Templates for Maximum Speed

Ricky Hersey — Tue, 27 Oct 2026 20:23:41 +0000

In a web landscape dominated by heavy frameworks and bloated dependencies, I build high-performance web templates using clean, hand-coded inline HTML, CSS, and JavaScript.

Why Single-File Lightweight Code Matters

Lightning Speed: Achieving 90+ PageSpeed Insights scores right out of the box.
Zero Dependency Overhead: No npm packages, build tools, or complex setups required.
Pure Portability: Easy to edit, inspect, and host on any server seamlessly.

Whether you are launching a quick landing page or looking for minimal code overhead, single-file development keeps things fast, clean, and direct.

What's your take on lightweight static sites vs. modern framework stacks?