-
Fast, fast, & super fast
I wanted to use Gatsby because it is incredibly fast. As of my last lighthouse audit, this portfolio site received a score of 97 in performance (using an incognito window; Applied Fast 3G, 4x CPU Slowdown).
This is due to a few reasons:
- Inlined critical CSS
- Code splitting
- Prefetch of soon-to-be-needed resources
- Automatic optimizations
-
I used React for my last project and wanted to use a familiar framework. By doing this, I was able to split different sections of the portfolio sites into separate components.
-
While working on my portfolio I decided to use Emotion, a CSS-in-JS library, to build out the site.
I had used a previous version in my last project and it made it easy to fully separate components and UI without the concern of CSS from one component interfering with CSS from a different component. By using Emotion, the CSS for every component created is locally scoped.