Comments (1)
Using JSON in the rendered .html (instead of inline script
tags) has the following pros and cons:
Pros
- You can set a strict CSP for js without having to mess with dynamic nonces
<script type="application/json">
is definitely not render blocking
Cons
- When the app really needs the state data, it now needs to rely on reading the DOM which can have a slight performance penalty.
- If the state data was already parsed, by the time the React App gets going there's less work to do.
However, it's good policy that our JS should be pretty progressive and almost optional. Our SSR HTML should be near perfect and JavaScript can wait. We can set defer
on our main external script
tags. So, we can and should delay any JavaScript as much as possible.
Therefore, I think it's fine the way it is now.
from yari.
Related Issues (20)
- Horizontal overflow on the blog pages
- Search bar on https://developer.mozilla.org has no scroll bar and other issues HOT 3
- Excessive Header Size HOT 2
- Opening a specific section in a new tab or window, or from the address bar, doesn't scroll to that section HOT 8
- Add guide to CSS sidebar
- Add and fix Japanese translations in the `{{AvailableInWorkers}}` macro
- Search bar sometimes breaks when refocusing a tab with MDN
- Searching for `tilde` returns nothing HOT 1
- Add Korean translation of deprecated notice header
- Browser Compatibility Table uses wrong Firefox logo HOT 3
- Sidebar page icons do not display in zh-cn locale HOT 1
- Error not loading the original image when the locale translation markdown page does not exist
- Feature Request: Explain "Yes" in compatibility tables HOT 1
- Page URLs ending with .json don't show up HOT 3
- Search field is barely visible in mobile Safari
- Broken link to browser compatability section in API landing pages HOT 2
- [Suggestion] 'Locale' values would be better to be managed as a type. HOT 1
- Baseline component included on writing style guide pages HOT 1
- Non-Scrolling Sidebars Trigger Migraines HOT 3
- GlossarySidebar: Child terms are not available in the sidebar HOT 2
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 yari.