http://localhost:1313/tags/hugo/Recent content in Hugo on LorbicHugoenSat, 11 Apr 2026 14:30:00 +0530http://localhost:1313/a-tale-of-web-vitals/Sat, 11 Apr 2026 14:30:00 +0530http://localhost:1313/a-tale-of-web-vitals/<p><strong>TL;DR:</strong> I achieved 95+ Lighthouse scores by removing abstractions and automating browser fundamentals. This guide details how to solve <strong>LCP network discovery</strong>, <strong>main thread congestion</strong>, and <strong>third-party accessibility traps</strong> using Hugo pipelines and vanilla JavaScript.</p> <hr> <p>&ldquo;Why is the LCP 4.2 seconds? It&rsquo;s just a static site&rdquo;.</p> <p>I was staring at a Lighthouse report that felt like an insult. <strong>Lorbic.com is a zero-dependency Hugo site.</strong> No React, no heavy frameworks, just vanilla CSS and minimal JS. Yet, the mobile performance was tanking.</p>http://localhost:1313/10-years-of-lorbic.com-architecture/Thu, 02 Apr 2026 12:00:00 +0530http://localhost:1313/10-years-of-lorbic.com-architecture/<p><picture class="optimized-image-container"><source srcset="http://localhost:1313/10-years-of-lorbic.com-architecture/evolution_hu_c3df73cc291f2d3a.webp 480w, http://localhost:1313/10-years-of-lorbic.com-architecture/evolution_hu_d6eb9db6213c4dc9.webp 800w, http://localhost:1313/10-years-of-lorbic.com-architecture/evolution_hu_156b083258cf7313.webp 1200w, http://localhost:1313/10-years-of-lorbic.com-architecture/evolution_hu_abf66fd5579991cd.webp 3068w" sizes="(max-width: 800px) 100vw, 800px" type="image/webp"><img src="http://localhost:1313/10-years-of-lorbic.com-architecture/evolution_hu_abf66fd5579991cd.webp" width="3068" height="800" alt="Lorbic Evolution: 2017 vs 2026" loading="eager" decoding="async" fetchpriority="high" class="img-fluid" /> </picture></p> <p>This post tracks four architectural rewrites of my personal site over ten years: moving from managed platforms (Blogger) to dynamic backends (Django), static site generators (Jekyll/Hugo), and finally to a custom, zero-dependency architecture built for absolute control and performance.</p> <hr> <h2 id="technical-context">Technical Context<a class="anchorjs-link" href="#technical-context" aria-label="Link to section: Technical Context"></a></h2><p>For an engineer, a personal site is the only project where you have absolute authority over the stack. There are no product managers, no legacy constraints, and no enterprise technical debt: you own the metal.</p>