The home portfolio page is now optimized to reach a score over 94/100 on PageSpeed Insights.
Cam's Pizza page scrolling now takes about 0.05 ms to generate 10 scrolling frames and 0.8 ms to resize pizza frames.
- Clone repository with
git clone https://github.com/ahusseinali/udportfolio.git
- Host the /dist directory on a local webserver.
- web.config is configured for IIS web server to enable browser caching, thus IIS is recommended for maximum PageSpeed score.
- .htaccess is also added to support browser caching for apache servers, but it's not tested.
- Download and install ngrok to make your local server accessible remotely.
- Install the latest Node.js from nodejs.
- Open project directory in Command Line.
- Run
npm install
to install all build dependencies. - Run
gulp
to build /dist directory.
- Open a browser and visit http://localhost:80//
- Go to ngrok download directory and run
ngrok http 80
. - The Forwarding section contains the mapping between localhost and the public url.
- Copy the public URL ngrok gives you and try running it through PageSpeed Insights.
- Navigate from home page to Cam's Pizza page.
- Open Chrome Dev Tools to see the console window.
- Explore the time needed to load/scroll/resize pizzas and compare to original time.