About this site

This site is designed to be mobile-first, minimalist, as lightweight and fast as possible, use no server side code, and have zero cost to host. Using the PageSpeed Insights online analysis tool, I fiddled with the code & design until I was able to reliably get speedy scores. The most interesting thing I did during that process was to call different resolution images for mobile vs desktop, and to use a CDN to automatically optimize images and serve them in next generation formats. Here are a few details about how it's wired up.

  1. PageSpeed Insights scores:
    • This page (text-driven): 100 mobile/100 desktop (this seems consistent)
  2. Accessibility: WCAG 2.0 AA
  3. Hosting: GitHub Pages
  4. Image CDN: Cloudinary - Media Optimizer
  5. Navigation: Slideout.js

Future

That's all for now. Image optimized pages to come.