Member-only story
How to make my first screen load 584% faster and reduce the size by 56%?
The following article comes from Potter
Summary content
- Background of the project
- Resource volume after packaging
- Above the fold page loading speed
- Compression: Image\CSS\JS\Fonts\Html
- Tree Shaking
- splitChunks
- DNS-fetch
- CDN Acceleration
After more than a week of hard work, I reduced the packaged resources of the project by 56%, and the loading speed of the home page increased by 584%. The comparison data is given below for easy viewing. Then I will share my optimization method with you. I hope to provide some help to backdoor students.
Background of the project
The app is implemented by unity + embedded h5, App supports two kernels IE and Chrome. In order to facilitate data statistics, I directly use Chrome’s kernel mode to test the Finish and DOMContentLoaded data of the Chrome Network panel. IE kernel-mode For the early version of the H5 project, IE will crash from time to time, so it can only be counted by code.
