Сравнение скорости генераторов статических сайтов
Сравниваются 11ty, Gatsby, Hugo, Jekyll, Next.js и Nuxt.js
Вкратце:
- Hugo самый быстрый в независимости от количества файлов
- Next.js быстрее чем Jekyll при 32К файлах и быстрее чем Jekyll и 11ty при 64К файлах
- Gatsby оказался самым медленным
#jsarticle #javascript #11ty #gatsby #ssg #hugo #jekyll #nuxt #nextjs
Сравниваются 11ty, Gatsby, Hugo, Jekyll, Next.js и Nuxt.js
Вкратце:
- Hugo самый быстрый в независимости от количества файлов
- Next.js быстрее чем Jekyll при 32К файлах и быстрее чем Jekyll и 11ty при 64К файлах
- Gatsby оказался самым медленным
#jsarticle #javascript #11ty #gatsby #ssg #hugo #jekyll #nuxt #nextjs
CSS-Tricks
Comparing Static Site Generator Build Times
There are so many static site generators (SSGs). It’s overwhelming trying to decide where to start. While an abundance of helpful articles may help wade
Microsite — статический генератор сайтов, основанный на Preact и Snowpack, поддерживающий автоматическую частичную регидрацию
Примечателен тем, что в отличие от веб фреймворков, таких как Next.js, Microsite отсылает в браузер только тот код, который используется страницей, при этом не отправляя код библиотек. В результате получаются очень быстрые страницы с минимальным количеством JavaScript.
Из других фич можно выделить:
- Генерация в ESM модули, как для серверной части, так и для клиентской
- Поддерживается JS, JSX и TSX
- Использует Preact в отличие от Next, что позволяет уменьшить размер бандла
- Поддержка CSS модулей из коробки
-
- Управление глобальным состоянием через
- Поддержка TypeScript из коробки
#jslib #javascript #frontend #webdev #preact #ssg #typescript
Примечателен тем, что в отличие от веб фреймворков, таких как Next.js, Microsite отсылает в браузер только тот код, который используется страницей, при этом не отправляя код библиотек. В результате получаются очень быстрые страницы с минимальным количеством JavaScript.
Из других фич можно выделить:
- Генерация в ESM модули, как для серверной части, так и для клиентской
- Поддерживается JS, JSX и TSX
- Использует Preact в отличие от Next, что позволяет уменьшить размер бандла
- Поддержка CSS модулей из коробки
-
getStaticProps
для получения данных при сборке- Управление глобальным состоянием через
createGlobalState
- Поддержка TypeScript из коробки
#jslib #javascript #frontend #webdev #preact #ssg #typescript
GitHub
GitHub - natemoo-re/microsite: Do more with less JavaScript. Microsite is a smarter, performance-obsessed static site generator…
Do more with less JavaScript. Microsite is a smarter, performance-obsessed static site generator powered by Preact and Snowpack. - GitHub - natemoo-re/microsite: Do more with less JavaScript. Micro...