O tempo de carregamento é um fator importante no engajamento dos usurios, mais da metade dos usuários relatam que abandonam sites que levam mais de três segundos para carregar.
Nessa aula iremos demonstrar algumas estratégias para diminuir o tempo de carregamento do nosso sistema, utilizando o Lazy e o Suspense do React e o Magic Comments do Webpack.
- NodeJs v14
npm installnpm start
npm run build:analizenpm run build -- --stats && npx webpack-bundle-analyzer build/bundle-stats.json -m static -r build/bundle-stats.html -O
- Template
- React: Code Splitting
- Webpack: Bundle Analyzer
- Webpack: Bundle Analyzer + Create React App
- Webpack: Magic Comments
- Webpack: Preloading/Prefetching
- Artigo: JavaScript Start-up Optimization
 |
|---|
| Paulo Duarte |