--- title: I Built a Studio Site That Scores 100 on Lighthouse —... description: A developer shares the key decisions behind building an agency/studio website that achieves a perfect Lighthouse score. The three main factors highlighted are... canonical: https://daily.dev/posts/i-built-a-studio-site-that-scores-100-on-lighthouse-here-s-what-actually-mattered-ten96fsvy twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: I Built a Studio Site That Scores 100 on Lighthouse — Here's What Actually Mattered | daily.dev og:description: A developer shares the key decisions behind building an agency/studio website that achieves a perfect Lighthouse score. The three main factors highlighted are... og:url: https://daily.dev/posts/i-built-a-studio-site-that-scores-100-on-lighthouse-here-s-what-actually-mattered-ten96fsvy og:image: https://api.daily.dev/og/posts/tEn96FSvy.png og:image:alt: I Built a Studio Site That Scores 100 on Lighthouse — Here's What Actually Mattered og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # I Built a Studio Site That Scores 100 on Lighthouse — Here's What Actually Mattered **[Dev Squad](https://daily.dev/sources/devsquad)** · [@mazyar_k](https://daily.dev/mazyar_k) · 1 min read · 0 upvotes · 0 comments ## Summary A developer shares the key decisions behind building an agency/studio website that achieves a perfect Lighthouse score. The three main factors highlighted are font optimization, use of React Server Components, and a counterintuitive hero section choice — demonstrating that good design and high performance can coexist. ## Content Most agency sites look nice and perform terribly. I wanted both. Here are the 3 design + performance decisions that made the biggest difference — fonts, server components, and one counterintuitive hero choice. Live demo: [Biroke](https://biroke.tech) ## Similar posts on daily.dev - [Implement Website Best Practices With Lighthouse](https://daily.dev/posts/implement-website-best-practices-with-lighthouse-tczvn8ekt) · DebugBear · 6 upvotes · 0 comments - [Insights from 100 site speed reviews in 2025](https://daily.dev/posts/insights-from-100-site-speed-reviews-in-2025-yh4tk3cne) · Web Performance Calendar · 0 upvotes · 0 comments - [Web Performance & Optimisation](https://daily.dev/posts/web-performance-optimisation-i331jarhz) · Medium · 2 upvotes · 0 comments - [Lighthouse CI: Catch Performance Regressions Before They ...](https://daily.dev/posts/lighthouse-ci-catch-performance-regressions-before-they--rxo48iavk) · Trevor Lasn · 1 upvotes · 0 comments - [Podium: Building a Website Where Running Becomes Storytelling](https://daily.dev/posts/podium-building-a-website-where-running-becomes-storytelling-axfh2vyo0) · Codrops · 18 upvotes · 1 comments --- Tags: [#webdev](https://daily.dev/tags/webdev), [#nextjs](https://daily.dev/tags/nextjs), [#lighthouse](https://daily.dev/tags/lighthouse) [View this post on daily.dev](https://daily.dev/posts/i-built-a-studio-site-that-scores-100-on-lighthouse-here-s-what-actually-mattered-ten96fsvy) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"DiscussionForumPosting","mainEntityOfPage":"https://daily.dev/posts/i-built-a-studio-site-that-scores-100-on-lighthouse-here-s-what-actually-mattered-ten96fsvy","headline":"I Built a Studio Site That Scores 100 on Lighthouse — Here's What Actually Mattered","text":"A developer shares the key decisions behind building an agency/studio website that achieves a perfect Lighthouse score. The three main factors highlighted are font optimization, use of React Server Components, and a counterintuitive hero section choice — demonstrating that good design and high performance can coexist.","url":"https://daily.dev/posts/i-built-a-studio-site-that-scores-100-on-lighthouse-here-s-what-actually-mattered-ten96fsvy","datePublished":"2026-08-05T03:59:30.950Z","dateModified":"2026-08-05T04:00:09.399Z","author":{"@type":"Person","name":"Mazyar kawa","url":"https://daily.dev/mazyar_k","image":"https://media.daily.dev/image/upload/s--01KojeNB--/f_auto/v1782288232/avatars/avatar_2SsBnym37ufK663bolBgh?_a=BAMAMiWQ0","description":"Hi, I'm Mazyar Kawa, a full-stack developer passionate about creating engaging, functional web apps.","interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"EndorseAction"},"userInteractionCount":70}},"image":"https://media.daily.dev/image/upload/s--6cqzVRWb--/f_auto/v1777756303/posts/yKbiSirYe?_a=BAMAMiWQ0","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"isPartOf":{"@type":"WebPage","url":"https://daily.dev/squads/devsquad","name":"Dev Squad"}} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Dev Squad","item":"https://daily.dev/squads/devsquad"},{"@type":"ListItem","position":3,"name":"I Built a Studio Site That Scores 100 on Lighthouse — Here's What Actually Mattered"}]} ```