Blazing fast websites in
General gotchas
GraphQL queries can only be used at a page level*
*Static queries can be done via a new hook. Does not accept variables.
Need to rebuild each time there is new content
Config files and quieries can get massive and unweielding
Chasing after 100's is sometimes not worth it
Some easy performance wins
font-display: swap;
Netlify handles:
- HTTP2
- CDN/Caching
Gatsby handles:
- Static rendering
- Image deferral
- Bundle splitting
Gatsby general practices
- Watch what you include (3rd party)
- Balance design with UX and performance
- Defer whats not needed
In summary...
Finally being able to decommission my
slow
WordPress site and
expensive
hosting
Made with Slides.com