My personal website
Fix render blocking and layout shift issues: - Make Google Fonts non-blocking with font-display: swap - Inline critical font-face declaration to prevent FOIT - Add fetchpriority='high' and loading='eager' to hero LCP image - Remove lazy loading from above-the-fold content Expected improvements: - CLS: reduced layout shift from web font loading - FCP/LCP: faster by removing render-blocking fonts (saves ~840ms) - Performance score: should improve from 81 to 90+ Remaining optimizations can be done later: - Minify JavaScript (173 KB) - Reduce unused JavaScript (295 KB) - These require more complex bundling optimizations |
||
|---|---|---|
| .github/workflows | ||
| .zed | ||
| public | ||
| src | ||
| .biomeignore | ||
| .env | ||
| .gitignore | ||
| .npmrc | ||
| .prettierignore | ||
| .prettierrc.json | ||
| astro.config.mjs | ||
| biome.json | ||
| package.json | ||
| pnpm-lock.yaml | ||
| README.md | ||
| tailwind.config.js | ||
| tsconfig.json | ||
lorenzoiovino.com
My personal website
This project is built with Astro and TailwindCSS.
Tech Stack
- Framework: Astro - Static site generator
- Styling: TailwindCSS - Utility-first CSS framework
- Package Manager: pnpm
- Language: TypeScript
🌐 Deployment
The site is configured to be deployed as a static site. The build output is in the dist/ directory.
Author
Lorenzo Iovino