GithubHelp home page GithubHelp logo

Prerendering is not working about quicklink HOT 5 OPEN

kireerik avatar kireerik commented on June 9, 2024
Prerendering is not working

from quicklink.

Comments (5)

hadyan avatar hadyan commented on June 9, 2024

Thanks for the details @kireerik.

I added the prerenderAndPrefetch option to example/index/index/site/index/main.js#L10

image

and it looks like the resume page is still prefetched as expected, speculation rules is injected and the page is prerendered:

image

Just a side note that the latest quicklink release has not included the update to remove 1 prerender limit, hence the resume page is not included in the speculation rules.

Did you try with prerenderAndPrefetch or any other option to enable prerendering mode?

from quicklink.

kireerik avatar kireerik commented on June 9, 2024

I tried the prerender option. Now I see that the script is added in that case as well. However it seems like the (added) page is not prerendered.

Can you release

?

from quicklink.

kireerik avatar kireerik commented on June 9, 2024

performance.getEntriesByType('navigation')[0].activationStart is 0 (related article section: https://developer.chrome.com/blog/prerender-pages/#detecting-prerender-in-javascript)

from quicklink.

hadyan avatar hadyan commented on June 9, 2024

I tried the prerender option. Now I see that the script is added in that case as well. However it seems like the (added) page is not prerendered.

@kireerik Great to see that the prerender option works to add the speculation rules on your page. Which tool did you use to observe whether the page is prerendered successfully. This new preloading panel in DevTools and testing it in Canary will be the most reliable way to test.

Can you release

?

As for the release, hope it can be released soon too. @XhmikosR / @addyosmani have you planned for the next release yet? Thank you!

from quicklink.

XhmikosR avatar XhmikosR commented on June 9, 2024

@hadyan: IIRC, @addyosmani wanted to make the next version a minor release (I personally would land any other breaking changes and make it v3.0.0 to be safe since the dist file filenames have changed IIRC).

I don't have push rights on npm AFAICT so it's up to @addyosmani to cut the new version :)

from quicklink.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.