SShortSingh.
TopTechnologyAI & MLStartupsProgrammingScienceBusinessFinanceCrypto & Web3World
Back to feed
Programming

Developer's 90ms Font Swap Obsession Reveals the Limits of Performance Budgets

0
·1 views

A developer noticed a brief visual flicker during a website redesign when the browser swapped a system font for a web font, measuring the delay at roughly 90 milliseconds on a fast desktop and up to 320 milliseconds on mid-range mobile devices. Despite no user complaints or stakeholder requests, the developer set a self-imposed goal of keeping the font swap delay under 100 milliseconds for 95 percent of visits. Multiple optimisation attempts were made, including font subsetting, adjusting font-display strategies, and fine-tuning fallback font metrics to reduce the visual difference during the swap. Each approach yielded only marginal gains or introduced new inconsistencies, such as varying visual appearance between page visits. The experience ultimately highlighted how personal perfectionism can drive engineering effort well beyond what measurably improves user experience.

Read the full story at DEV Community

This is an AI-generated summary. ShortSingh links to the original source for the complete article.

Discussion (0)

Log in to join the discussion and vote.

Log in

Related stories

0
ProgrammingDEV Community ·

Developer Builds Hardcoded Call Stack Animation to Teach Recursion in Binary Converter

A developer created a decimal-to-binary converter using a classic recursive JavaScript function that divides input by two and builds the binary result from remainders. Noticing that correct output alone rarely builds genuine understanding of recursion, the developer added a special animated demo triggered only when the user inputs the number 5. The animation visualizes each recursive call as a stack frame appearing and disappearing in sequence, using staggered setTimeout calls to mimic how the call stack actually builds and unwinds during execution. No external libraries were used — the effect relies entirely on timed DOM writes. The developer acknowledges the approach is not scalable, as the animation is hardcoded for a single input and would break for longer recursive chains with repeated values, but argues the visual intuition it builds justifies the hack.

0 comments Read more at DEV Community
0
ProgrammingDEV Community ·

Open-source CLI tool converts entire image folders to WebP with one command

A developer has released an open-source, MIT-licensed command-line tool called assetopt that converts entire folders of JPEG and PNG images to WebP format locally without uploading files to any external service. The tool is configured via a simple JSON file and mirrors the source directory structure while leaving original files untouched. WebP images are typically 25–35% smaller than equivalent JPEGs or PNGs, and tests on sample files showed savings ranging from 17% for JPEGs to nearly 90% for photos mistakenly saved as PNGs. The CLI also includes a dry-run analyze mode that reports before-and-after file sizes without writing any output, and an incremental cache ensures only changed files are re-encoded during quality tuning. The tool can be installed globally via npm or run without installation using npx, and also supports routing transparent PNGs to the AVIF format automatically.

0 comments Read more at DEV Community
0
ProgrammingDEV Community ·

ZinTrust: Lightweight TypeScript Backend Framework Ditches Decorators for Simplicity

ZinTrust is a new open-source TypeScript backend framework designed to help developers organize APIs without relying on heavy decorators or dependency injection patterns. The framework emphasizes a minimal core, explicit wiring, and type-first ergonomics, removing the need for Express. It was introduced by developer Zin on the DEV Community platform in early January. ZinTrust aims to reduce boilerplate and ceremony while still providing clear structure for backend projects. The author is actively seeking community feedback to identify confusing or unclear aspects of the framework.

0 comments Read more at DEV Community
0
ProgrammingDEV Community ·

D1-Migrator Tool Brings Resumable, Verified Database Migrations to Cloudflare D1

A developer named Zin has released an open-source tool called d1-migrator designed to simplify database migrations to Cloudflare D1. The tool supports migrations from MySQL, Postgres, SQLite, and SQL Server. It features checkpoint-based resumability, meaning interrupted migrations can continue from where they left off rather than restarting entirely. Data integrity is ensured through row-count and checksum verification, and a dry-run mode lets users preview migrations before executing them. The tool aims to prevent silent data loss that can occur during large-scale imports.

0 comments Read more at DEV Community