Take: mobile app landing page template
Take is a fictitious mobile app for taking photos and adding effects. It was built on Bootstrap 4 and is fully responsive accross all devices.
For parallax scrolling effect I used GreenSock animation platform and ScrollMagic.
Here you can find the PSD design template created by Blaz Robar.
This project utilizes the best performance optimization practises using Webpack:
- All assets are minified, images and SVGs are optimized.
- For faster page load render blocking CSS is inlined in HTML and loaded asynchronously using loadCSS function and Critical.
- Unused Bootstrap CSS is removed with Purify CSS.
- All external scripts are loaded from CDNs and are either defered or loaded async.
Here is the result of the test on Google PageSpeed Insights:
