No description or website provided.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
01-font-loading-strategies
02-hidden-images
03-responsive-images
04-lazy-loading
05-Image-compression
06-render-blocking-scripts
07-preload
08-preconnect-dns-prefetch
09-youtube-player
10-woff2
11-critical-css
12-final
_assets
demos
.gitignore
README.md
gulpfile.js
package.json

README.md

Performance Kit

Introduction

This collection of tutorials are based on my learnings from client projects. For each topic I will show you how to identify, implement and evaluate performance techniques that can improve your site's load time.

Benefits

  • You likely use it every day at work.
  • This makes it possible to practice and apply your acquired knowledge each day on real world programs rather than pet projects.
  • Be able to show clients the value of the improvement based on the results of each section.

Testing platform

When testing on web page test run the tests at these settings to get simlliar results to mine. If you wish to compare changes then you can compare them here.

Dulles, VA - Moto E - Chrome - 3G

Plans for the future

  • Service workers
  • HTTPS

Chapter 1 - Font loading strategies