Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Commit 186c0fe

Browse files
committed
note on perf
1 parent 4dff074 commit 186c0fe

File tree

1 file changed

+11
-1
lines changed

1 file changed

+11
-1
lines changed

README.md

Lines changed: 11 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ HackerNews clone built with Vue 2.0 + vue-router + vuex, with server-side render
1212

1313
## Features
1414

15-
> Note: in practice, it is unnecessary to code-split for an app of this size (where each async chunk is only a few kilobytes), nor is it optimal to extract an extra CSS file (which is only 1kb) -- they are used simply because this is a demo app showcasing all the supported features. In real apps, you should always measure and optimize based on your actual app constraints.
15+
> Note: in practice, it is unnecessary to code-split for an app of this size (where each async chunk is only a few kilobytes), nor is it optimal to extract an extra CSS file (which is only 1kb) -- they are used simply because this is a demo app showcasing all the supported features.
1616
1717
- Server Side Rendering
1818
- Vue + vue-router + vuex working together
@@ -32,6 +32,16 @@ HackerNews clone built with Vue 2.0 + vue-router + vuex, with server-side render
3232
- Effects when switching route views
3333
- Real-time list updates with FLIP Animation
3434

35+
## A Note on Performance
36+
37+
This is a demo primarily aimed at explaining how to build a server-side rendered Vue app, as a companion to our SSR documentation. There are a few things we probably won't do in production if we were optimizing for performance, for example:
38+
39+
- This demo uses the Firebase-based HN API to showcase real-time updates, but the Firebase API also comes with a larger bundle, more JavaScript to parse on the client, and doesn't offer an efficient way to batch-fetch pages of items, so it impacts performance quite a bit on a cold start or cache miss.
40+
41+
- In practice, it is unnecessary to code-split for an app of this size (where each async chunk is only a few kilobytes so the extra request isn't really worth it), nor is it optimal to extract an extra CSS file (which is only 1kb).
42+
43+
It is therefore not recommended to use this app as a reference for Vue SSR performance - instead, do your own benchmarking, and make sure to measure and optimize based on your actual app constraints.
44+
3545
## Architecture Overview
3646

3747
<img width="973" alt="screen shot 2016-08-11 at 6 06 57 pm" src="https://cloud.githubusercontent.com/assets/499550/17607895/786a415a-5fee-11e6-9c11-45a2cfdf085c.png">

0 commit comments

Comments
 (0)