Prerendering with StencilJS
I'm trying to implement prerendering into my app, and even Stencil says that the app-starter is ready for that. There are no changes being made to the build after I run npm run build.
The idea of having prerendering, and please correct me if I'm wrong, is to give to the user as soon as it loads the page a static representation of what the website will be, before it bootstrap itself, because that information was backed beforehand. And when the bootstrap of the application is finished, than would happen the transition from what's prerendered to what's bootstraped.
My main goal is the whole "Faster time to first meaningful paint"
I tried using the --prerender flag, but nothing, and the documentation is so slim.
Thanks for any help.
javascript prerender stenciljs
add a comment |
I'm trying to implement prerendering into my app, and even Stencil says that the app-starter is ready for that. There are no changes being made to the build after I run npm run build.
The idea of having prerendering, and please correct me if I'm wrong, is to give to the user as soon as it loads the page a static representation of what the website will be, before it bootstrap itself, because that information was backed beforehand. And when the bootstrap of the application is finished, than would happen the transition from what's prerendered to what's bootstraped.
My main goal is the whole "Faster time to first meaningful paint"
I tried using the --prerender flag, but nothing, and the documentation is so slim.
Thanks for any help.
javascript prerender stenciljs
add a comment |
I'm trying to implement prerendering into my app, and even Stencil says that the app-starter is ready for that. There are no changes being made to the build after I run npm run build.
The idea of having prerendering, and please correct me if I'm wrong, is to give to the user as soon as it loads the page a static representation of what the website will be, before it bootstrap itself, because that information was backed beforehand. And when the bootstrap of the application is finished, than would happen the transition from what's prerendered to what's bootstraped.
My main goal is the whole "Faster time to first meaningful paint"
I tried using the --prerender flag, but nothing, and the documentation is so slim.
Thanks for any help.
javascript prerender stenciljs
I'm trying to implement prerendering into my app, and even Stencil says that the app-starter is ready for that. There are no changes being made to the build after I run npm run build.
The idea of having prerendering, and please correct me if I'm wrong, is to give to the user as soon as it loads the page a static representation of what the website will be, before it bootstrap itself, because that information was backed beforehand. And when the bootstrap of the application is finished, than would happen the transition from what's prerendered to what's bootstraped.
My main goal is the whole "Faster time to first meaningful paint"
I tried using the --prerender flag, but nothing, and the documentation is so slim.
Thanks for any help.
javascript prerender stenciljs
javascript prerender stenciljs
asked Nov 26 '18 at 11:20
Renan CidaleRenan Cidale
1301213
1301213
add a comment |
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53480018%2fprerendering-with-stenciljs%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53480018%2fprerendering-with-stenciljs%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown