When I started to write this article I did not thought that it will be so long. Anyway I hope it will help you to boost your application performance. After reading this you will be able to boost your application speed beyond the limits. Good luck!
When I started to write this article I did not thought that it will be so long. Anyway I hope it will help you to boost your application performance. Good luck!
Here you can find only the main sections as the list of all the subsections is too long — there are ~107 of them.
1. Compression algorithms
2. Code splitting and lazy loading
3. Lazy or partial hydration
4. Tree shaking — dead code elimination
6. Library swaps
9. Layout recalculation
10. External scripts
11. Pre — strategies
14. Useful tools
To minimise the size of provided files to the client you can use different compression algorithms. Inside the Lighthouse there is a section for it called
Enable text compression. Here you are able to find out what files you are providing with additional compression, or if your third party scripts are provided with compression.
Gzip uses the LZ77 and Huffman coding compression techniques. Most web browsers and clients support it. You can setup your server to use dynamic or static compression. With dynamic compression your files are compressed by fly. With static compression you need to compress your files during the build.
The compression ratio for Gzip is around 44% as it is shown in next sections.
Transferred 445.57 KB and took 329 ms to load
Transferred 197.6 KB and took 281 ms to load
Transferred 197.2 KB and took 287 ms to load
Article covers: How native is react native?, React Native vs (Ionic, Cordova), Similarities and difference between React Native and Native App Development.
Learn how to install webpack on Windows. Install ReactJS on Windows with Webpack.