TurboKit β Build Fast Websites With A Perfect Lighthouse Score In Record Time
A powerful boilerplate to help you build 100% optimized websites.
Get a perfect score in all performance tests easily.
π Live Performance Reports
Lighthouse 100
PageSpeed 100
GTmetrix 100%
β‘ 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
β£ π Obfuscate Javascript to further secure it from reverse engineering
β£ π 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 π
β Reviews
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 βββββ
π€ FAQ
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 β
Vite.js
Gulp (Node 14 or 15 required)
π Note
This template is for developers only who can understand JavaScript so they can customize it to fit their needs.
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: hamed@intab.io
π Get A Perfect Score In