Comments (4)
Gatsby is an example of the best way to approach this: use static site generation with document regeneration and publication triggered on content updates.
Gatsby falls short of our performance goals though. Even if you follow all their best practices and do react server side rendering gatsby delivers a ton of client side js to support client side rehydration which radically slows down time to interactive. An audit of the official gatsbyjs blog shows this issue, first contentful paint is not too bad but time to interactive is very slow.
Using a static site generator that doesn't include such a heavyweight client side framework will solve this problem, https://www.11ty.dev/ is a good example of static site generation that doesn't require client side framework delivery
from alpha.
from alpha.
^ above graphics are audits of similarly sized posts from gatsbyjs' blog and an 11ty site
from alpha.
Closing per thread: cagov/cwds#19 (comment)
from alpha.
Related Issues (20)
- missing documentation
- bugs caused by CSS updates HOT 1
- Change feedback form away from embed HOT 2
- Release 3 End to end testing HOT 2
- As a user on longer pages, I want to easily scroll back to top
- Alpha website review HOT 3
- Updates for the bridge or beta HOT 4
- jslint HOT 2
- fixing performance on water page
- code cleanup: minwage, foodbanks HOT 1
- March Bridge Calendar
- road closures enhance
- End to end test for remaining services. HOT 2
- End to end testing- Scaling Considerations
- ODI Site Infrastructure
- test note
- Typo on ODI page HOT 1
- Simplified Version
- Ignore: Just a test issue
- Discovery planning workshop
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from alpha.