Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?

Web Performance

A list of web performance related stuff.

Tools

Videos

Articles

Books

People

Conferences & Meetups


Tips/Ideas

Google Page Speed

  • Avoid redirects
  • Remove render blocking JavaScript & CSS
  • Minify CSS
  • Minify JS
  • Minify HTML
  • Compress images (TinyPNG, Kracken, ImageOptim, etc)
  • Enable GZIP/Brotli compression
  • Leverage browser caching
  • Serve images at the correct size/scale
  • Reduce server response time < 200
  • Remove query strings from static resources

Yahoos ySlow

  • Minimise HTTP redirects
  • Ensure no empty src="" attributes
  • Avoid CSS expressions
  • Remove duplicate scripts (typically jQuery)
  • Reduce number of DOM elements
  • Reduce DNS lookups
  • Ensure no 404s exist

Misc

  • Use a CDN
  • Don't use CSS @import
  • Server Push (HTTP/2)
  • Inline SVGs if appropriate
  • Reduce HTTP requests
  • Load content from as few domains as possible
  • Use #ids for javascript selectors where possible
  • Use modern font files (WOFF2)
  • Faster DNS (outdated)
  • Use static HTML pages
  • Inline imporant/structural css
  • Pass W3C markup validation
  • Be smart about third party tracking scripts
  • Remove CSS/JS files from pages they're not required
  • Avoid native Facebook/Twitter widgets
  • Accelerated Mobile Pages (AMP)
  • Drop heavy frameworks (bootstrap/foundation)
  • Offline Mode
  • Background Tasks (via Service Worker)
  • Cache storage
  • manifest.json
  • Preload/Prefetch/Preconnect etc
  • High performance animations
  • WebP
  • Make use of CSS will-change when appropriate.

Server

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.