https://github.com/imteekay/prefetch-chunk
Prefetch next pages in a React application using Webpack and loadable/component.
https://github.com/imteekay/prefetch-chunk
Last synced: 10 months ago
JSON representation
Prefetch next pages in a React application using Webpack and loadable/component.
- Host: GitHub
- URL: https://github.com/imteekay/prefetch-chunk
- Owner: imteekay
- License: mit
- Created: 2021-01-16T21:35:51.000Z (almost 5 years ago)
- Default Branch: main
- Last Pushed: 2021-01-20T00:58:24.000Z (almost 5 years ago)
- Last Synced: 2025-03-28T20:55:31.534Z (10 months ago)
- Language: JavaScript
- Homepage:
- Size: 1.01 MB
- Stars: 0
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Prefetch Chunk
Prefetch next pages in a React application using Webpack and loadable/component.
## Steps
- [001: Set up routes](https://github.com/leandrotk/prefetch-chunk/pull/1)
- [002: Add webpack-bundle-analyzer](https://github.com/leandrotk/prefetch-chunk/pull/2)
- [003: Separate route pages in loadables](https://github.com/leandrotk/prefetch-chunk/pull/3)
- [004: Prefetch next page](https://github.com/leandrotk/prefetch-chunk/pull/4)
## Resources
- [Web Performance Studies](https://github.com/leandrotk/web-performance-studies)
- [Webpack Prefetch modules](https://webpack.js.org/guides/code-splitting/#prefetchingpreloading-modules)
- [Speed up next-page navigations with prefetching](https://dev.to/addyosmani/speed-up-next-page-navigations-with-prefetching-4285)
- [Nikkei Case Study: Prefetch](https://developers.google.com/web/showcase/2018/nikkei#dynamically_prefetch_the_next_page)