Mahmoud Abdelwahab
Developer, writer, and maker. Obsessed with & creating exceptional, high-quality, content and applications. Currently a Developer Advocate at prisma.io
⇒ Computer Science & Engineering Student @GUC
Solution: use a CMS (Content Management System) or a static site generator
React Docs
Airbnb Engineering Blog
Figma
Nike
npm i gatsby-cli
gatsby new [projectName] [repo link]
Route-based code-splitting
You might end up with pages that are fast while others are slow
The solution?
- React Docs >Open Chrome Devtools> Network tab
- Guess. js is a collection of libraries & tools for enabling data-driven user-experience on the web. ( for guessing which pages to load)
- Intersection Observer API
Demo from Gatsby for optimized performance with images. The “blur-up” technique is also used by Medium.
https://mahmoudabdelwahab.tech
By Mahmoud Abdelwahab
A talk on what is Gatsby and how it creates incredibly fast websites
Developer, writer, and maker. Obsessed with & creating exceptional, high-quality, content and applications. Currently a Developer Advocate at prisma.io