A powerful boilerplate to help you build 100% optimized websites.
Get a perfect score in all performance tests easily.
🔍 Live Performance Reports
⚡ TurboKit Helps you build blazing-fast websites
Optimizes your images
‣ 🤏 Compresses PNG, JPG, SVG, and GIF
‣ 🏭 Generates WebP and progressive JPEG
‣ 📱 Makes images responsive by generating multiple sizes
‣ 📷 Uses responsive 'srcset' with multiple sources + lazyloading
Optimizes your JS
‣ 📦 Bundles JS files
‣ 🤏 Minifies JS
‣ 👵 Transpiles ES6 code for backward browser compatibility
Optimizes your CSS
‣ 📦 Bundles CSS files
‣ 🤏 Minifies CSS and removes unused styles
‣ ✨ Generates critical styles to improve first paint performance
‣ 🌎 Autoprefixes CSS for maximum browser compatibility
Optimizes your HTML
‣ 🤏 Minifies HTML
‣ 🐤 Included social meta tags (Twitter, Facebook)
‣ 🌓 Easily togglable dark mode using 'data-theme' attribute
Makes your website a PWA
‣ ✨ Generates a manifest file
‣ 💃 Generates a service worker file
‣ 📸 Generates all necessary icons/favicon...
‣ 💪 Adds all necessary meta tags to HTML (theme-color, viewport...)
Optimizes your fonts
‣ 📥 Generates all necessary fonts formats (woff2, woff...)
‣ 👌 Uses `font-display: swap` to avoid blocking page rendering
‣ ⚡ Preloads fonts for faster load times
Manages browser cache
‣ 🌲 Generates a unique hash for each file to keep browser cache fresh
‣ 📂 Pre-configured optimal headers and cache policy for 'Firebase & Netlify'
🎁 Included Bonuses
‣ 🌎 Full internationalization support (i18n)
‣ 👷♂️ Pre-configured development server with hot reloading
‣ 💄 Pre-configured prettier config for formatting
‣ 💚 Update packages.json dependencies with one command 'npm run update'
‣ 🤏 Minify all your JSON files (manifesst.json..)
‣ 📚 Generates a site map file 'sitemap.xml'
and a lot more features... can't fit all of them here 😅
The code is clean, well documented/commented, and easy to follow.
The readme and instructions are also nice and clear.
Kevin Harter, @WebDevKev ⭐⭐⭐⭐⭐
Works like a charm.
I’m really enjoying Turbokit!
Tobias Scheepers, @WeFabricate ⭐⭐⭐⭐⭐
Why Do I need this ❓
You can spend weeks trying to optimize your website performance.
Configuring different build tools is tedious and time-consuming!
So why not save a ton of time and use TurboKit instead!
Who created this script? was it used before in production ❓
🙋♂️ It's me! Hamed Baatour I have been a developer for more than 5 years.
I have built this boilerplate 100% from scratch after working on so many web projects.
This boilerplate has been used in production and it is the result of a lot of work I spent configuring and refining my build process.
Honestly, is this worth it ❓
If I found a similar boilerplate before making TurboKit I wouldn't hesitate a second to pay even $100 for it.
The time and effort needed to optimize a website from scratch is mind-blowing and simply not worth it!
Will I get free lifetime updates ❓
Yes of course! a build process is a never-ending project, it needs always to be updated and refined. I will do all the hard work on your behalf and you will get any future updates of this boilerplate for free.
What does this use under the hood ❓
Gulp (Node 14 or 15 required)
If you are not a developer and you think this will optimize your grandma WordPress site please do not use this 🙏
If you have any questions please email me at: firstname.lastname@example.org
🚀 Get A Perfect Score In