Skip to content

This project aims to be a static web page starter that has a perfect score on Google's Lighthouse tool.

Notifications You must be signed in to change notification settings

johnpaulada/project-savitar

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Project Savitar

A static site starter kit optimized for performance.

forthebadge forthebadge

How to use

First time build

  1. Install Yarn.
  2. Run yarn.
  3. Run npm run build.

Watch for changes

Running gulp watch will watch and wait for changes to happen to the project and then automatically recompile any files that have changed.

Deploying

When deploying with this project, just deploy the generated app directory.

Deploying with Surge

  1. Install Surge.
  2. Run surge.
  3. Specify the path to the app directory.
  4. Set the name of the surge subdomain you'll be deploying to.

Features

  1. HTML Minification
  2. CSS Minification
  3. JS Uglification
  4. ESNext Support (Babel)
  5. JPEG and PNG compression and SVG Optimization
  6. Progressive Web App
  7. PageSpeed
  8. HTTPS
  9. HTTP/2
  10. gzip
  11. Cache Busting w/ gulp-rev

Roadmap

  • WebAssembly (Sample)
  • FastDOM (Sample)
  • Use BEM (Sample)
  • will-change (Sample)
  • translateZ(0) (Sample)
  • Picture srcset (Sample)
  • GIFsicle support (Implement)
  • Nginx Caching (Implement)
  • Trampolining (Sample)
  • Y-Combinator (Sample)
  • Use preconnect

Recommendations

Cleanup

  • Use variables for the directories
  • Ignore worker.min.js on gulp-rev
  • Add more html files in other folders with their corresponding styles and scripts

About

This project aims to be a static web page starter that has a perfect score on Google's Lighthouse tool.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published