Сравнение скорости генераторов статических сайтов
Сравниваются 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...
  