This application was built with love to teach developers about web performance. This repo using Webpack for dependency management and bundling. To see a similar project but without a build tool, go to markdown-viewer-no-build-tool.
The master
branch is the unoptimized state and is deployed at https://turtle-markdown-viewer.netlify.com/. Branches were created for each optimization step:
0-fonts
1-images
(all exercises)1a-images
(image exercise 1)1b-images
(image exercise 2)1c-images
(image exercise 3)1d-images
(image exercise 4)2-smaller-dependencies
3-low-hanging-fruit
4-code-splitting
5-modern-code
Sia Karamalegos is a web developer passionate about performance as well as an international conference speaker and writer. She is a Google Developer Expert in Web Technologies and a Women Techmakers ambassador. She co-organizes #FrontEndParty, GDG New Orleans, and NOLA Hack Night in the New Orleans area. She is the founder and lead developer for Clio + Calliope Web Development and was recognized in the Silicon Bayou 100, the 100 most influential and active people in tech and entrepreneurship in Louisiana. When she's not coding, speaking, or consulting, Sia likes to write stories and dabble in charcoal figure drawing. She's also an avid endurance athlete.
Twitter | Website | Github | Blog | StackOverflow | LinkedIn
Originally forked from https://gist.github.com/cferdinandi/2218858af04d5306904fe57c184fc17a. See deployed site for image credits.