This repo contains slides and materials to help you learn about frontend performance. From basic principles to workflow automation, you and your team can learn how to audit sites, fix problems, and stick to a performance budget throughout the life of a project.
- Create a foundation of knowledge which allows you to optimize an existing site.
- Confidently build a performant site from scratch while balancing other priorities like feature backlogs and deadlines.
- Use automated workflow tools to check every change you make to a site, ensuring that major changes in performance do not go unnoticed during the development cycle.
This repo uses Ruby and npm to power a Jekyll site. Assuming you already have Homebrew, the following commands will install the whole training kit for you (run them at the root of the repo):
# update homebrew
brew update
# install node.js
brew install node
# install rbenv
brew install rbenv
brew install ruby-build
# install ruby
rbenv install 2.0.0-p451
# install the rest of the tools
npm install
# update repositories
sudo apt-get update
# check for old node package
dpkg --get-selections | grep node
# if old node package installation found by previous command, remove it to avoid name collisions
sudo apt-get remove --purge node
# install node.js
sudo apt-get install nodejs
# create a symbolic link for “node” as many Node.js tools use this name to execute.
sudo ln -s /usr/bin/nodejs /usr/bin/node
# install npm
sudo apt-get install npm
# install rvm
\curl -sSL https://get.rvm.io | bash -s stable --rails
source ~/.rvm/scripts/rvm
# install ruby
rvm install ruby-2.0.0-p451
# install the rest of the tools
npm install
# install and start jekyll
gem install jekyll
jekyll serve