{"id":13397697,"url":"https://github.com/fourkitchens/frontend-perf","last_synced_at":"2025-02-24T22:07:48.211Z","repository":{"id":29345159,"uuid":"32879260","full_name":"fourkitchens/frontend-perf","owner":"fourkitchens","description":"The repository for the Frontend Performance training","archived":false,"fork":false,"pushed_at":"2017-06-22T03:40:20.000Z","size":153,"stargazers_count":147,"open_issues_count":2,"forks_count":20,"subscribers_count":46,"default_branch":"master","last_synced_at":"2024-07-31T18:21:13.878Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/fourkitchens.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":"audit.html","citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-03-25T17:12:42.000Z","updated_at":"2023-05-07T05:31:33.000Z","dependencies_parsed_at":"2022-09-06T19:31:08.560Z","dependency_job_id":null,"html_url":"https://github.com/fourkitchens/frontend-perf","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fourkitchens%2Ffrontend-perf","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fourkitchens%2Ffrontend-perf/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fourkitchens%2Ffrontend-perf/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fourkitchens%2Ffrontend-perf/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/fourkitchens","download_url":"https://codeload.github.com/fourkitchens/frontend-perf/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240564599,"owners_count":19821422,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-07-30T18:01:39.798Z","updated_at":"2025-02-24T22:07:48.188Z","avatar_url":"https://github.com/fourkitchens.png","language":"HTML","funding_links":[],"categories":["HTML"],"sub_categories":[],"readme":"# Frontend Performance Training\n\nThis 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.\n\n## Learning Objectives\n\n- **Create a foundation of knowledge** which allows you to optimize an existing site.\n- **Confidently build a performant site** from scratch while balancing other priorities like feature backlogs and deadlines.\n- **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.\n\n## History\n\n* [DrupalCon NOLA 2016](https://events.drupal.org/neworleans2016/training/frontend-performance)\n* [DrupalCon LA 2015](https://events.drupal.org/losangeles2015/training/frontend-performance-training)\n* [DrupalCon Barcelona 2015](https://events.drupal.org/barcelona2015/training/frontend-performance-training)\n\n# Installation\n\nThis repo uses Ruby and npm to power a Jekyll site. Assuming you already have [Homebrew](http://brew.sh/), the following commands will install the whole training kit for you (run them at the root of the repo).\n\n# NOTE: NEVER USE `sudo` TO INSTALL!\n\n## OS X\n\n```\n# update homebrew\nbrew update\n\n# install node version manager the specific version\n# of node.js needed by these training materials\nbrew install nvm\nnvm install v0.12.7\nnvm use\n\n# install rbenv\nbrew install rbenv\nbrew install ruby-build\n\n# install ruby\nrbenv install 2.0.0-p451\n\n# install the rest of the tools\ngem install bundler\nbundle install\nnpm install -g gulp\nnpm install\n\n# run the development server\ngulp bs\n```\n\n## Debian/Ubuntu\n\n```\n# update repositories\nsudo apt-get update\n\n# check for old node package\ndpkg --get-selections | grep node\n\n# if old node package installation found by previous command,\n# we recommend removing it to avoid name collisions\nsudo apt-get remove --purge node\n\n# install nvm (the Node version manager)\n# See https://github.com/creationix/nvm#install-script\ncurl -o- https://raw.githubusercontent.com/creationix/nvm/v0.31.0/install.sh | bash\n\n# install the version of node used in these examples\n# if \"nvm: command not found\" error, close and reopen your terminal or session\nnvm install v0.12.7\nnvm use\n\n# install rvm\n\\curl -sSL https://get.rvm.io | bash -s stable --rails\nsource ~/.rvm/scripts/rvm\n\n# install ruby\nrvm install ruby-2.0.0-p451\ngem install bundler\n\n# install the rest of the tools\ncd path/to/this/repo\nbundle install\nnpm install -g gulp\nnpm install\n\n# run the development server\ngulp bs\n```\n\n## Windows\n\nUnfortunately at this time we do not have detailed, reliable installation instructions for local Windows development. We recommend using a linux VM for development, and your preferred Windows IDE to edit files.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffourkitchens%2Ffrontend-perf","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffourkitchens%2Ffrontend-perf","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffourkitchens%2Ffrontend-perf/lists"}