I made a template that scores 100 in every speed test ⚡

🔗 template link

—
scoring 100 in Lighthouse and in other performance test is hard yet it is every front end developer’s dream, however most of us don’t achieve that because it simply takes a lot of work!

as a developer myself having to build many we…


This content originally appeared on DEV Community and was authored by Hamed Baatour

🔗 template link

--
scoring 100 in Lighthouse and in other performance test is hard yet it is every front end developer's dream, however most of us don't achieve that because it simply takes a lot of work!

as a developer myself having to build many websites I have spent a lot of time polishing my build process to finally reach a point where I have the perfect high performance boilerplate I have been always looking to find and TurboKit was born!

why not use a template off Github?
You might have searched for a starter template on Github and found incomplete projects without any documentation or they are extremely hard to customize and most of them are outdated and do not use modern optimizations such as generating new images format like AVIF or WEPP

why TurboKit?
I built this static website template to achieve a perfect performance score in every speed test with zero exceptions.

this script is based on Vite and Gulp to do everything and anything you think of as part of a build process, I'm talking optimizing:

  • Images (AVIF, WEBP...)
  • JS
  • CSS
  • HTML
  • Fonts
  • Cache
  • JSON

and more stuff including:

  • generating a PWA
  • internationalization support (i18n)
  • dev server with HMR
  • preconfigured prettier
  • sitemap generation

and much much more

so, what is your website Lighthouse score? share it down below!


This content originally appeared on DEV Community and was authored by Hamed Baatour


Print Share Comment Cite Upload Translate Updates
APA

Hamed Baatour | Sciencx (2022-02-16T20:54:32+00:00) I made a template that scores 100 in every speed test ⚡. Retrieved from https://www.scien.cx/2022/02/16/i-made-a-template-that-scores-100-in-every-speed-test-%e2%9a%a1/

MLA
" » I made a template that scores 100 in every speed test ⚡." Hamed Baatour | Sciencx - Wednesday February 16, 2022, https://www.scien.cx/2022/02/16/i-made-a-template-that-scores-100-in-every-speed-test-%e2%9a%a1/
HARVARD
Hamed Baatour | Sciencx Wednesday February 16, 2022 » I made a template that scores 100 in every speed test ⚡., viewed ,<https://www.scien.cx/2022/02/16/i-made-a-template-that-scores-100-in-every-speed-test-%e2%9a%a1/>
VANCOUVER
Hamed Baatour | Sciencx - » I made a template that scores 100 in every speed test ⚡. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2022/02/16/i-made-a-template-that-scores-100-in-every-speed-test-%e2%9a%a1/
CHICAGO
" » I made a template that scores 100 in every speed test ⚡." Hamed Baatour | Sciencx - Accessed . https://www.scien.cx/2022/02/16/i-made-a-template-that-scores-100-in-every-speed-test-%e2%9a%a1/
IEEE
" » I made a template that scores 100 in every speed test ⚡." Hamed Baatour | Sciencx [Online]. Available: https://www.scien.cx/2022/02/16/i-made-a-template-that-scores-100-in-every-speed-test-%e2%9a%a1/. [Accessed: ]
rf:citation
» I made a template that scores 100 in every speed test ⚡ | Hamed Baatour | Sciencx | https://www.scien.cx/2022/02/16/i-made-a-template-that-scores-100-in-every-speed-test-%e2%9a%a1/ |

Please log in to upload a file.



There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.

Related Posts