/cherdak-webperf-workshop

Initial application for webperf meetup workshop

Primary LanguageJavaScript

#Cherdak: Workshop Cherdak

##Steps to setup the app

How to prepare for workshop:

  • Clone repo from github
git clone https://github.com/msemenistyi/cherdak-webperf-workshop
  • Go to folder and run node server
cd cherdak-webperf-workshop
npm install
  • Start server
node index.js

VoilĂ ! The server is listening on port 9999.

  • Install grunt
npm install -g grunt-cli

##Possible optimizations:

  • Grunt configuration
    • concat html, css, js
    • minify html, css, js
    • crop, optimize images
  • Enable gzipping on the server(compress method)
  • Deal with inline images
  • Remove redundant styles and scripts
  • Follow right order of styles and scripts definition
  • avoid redirects
  • Enable webp serving (jpeg - 2.61 MB, - webp 1.73MB) connect-image-optimus
  • Disable animations on scroll