As shown in the figure below:
(in addition to) loading asynchronous routing, what are the common strategies for the direct introduction of CDN by third-party plug-ins
Ecarts and element UI have to be loaded on demand. It seems that highlight has introduced all the language libraries. You can only select the ones that are used or important. The most efficient is gzip compression, 800 KB gives you 200 KB compression.
According to your analysis chart, element UI and ecarts take up a lot of space. The introduction of CDN and the export of external have reduced a lot of space. In addition, I think your pictures can also be compressed (if you don't need a transparent background, you can let the UI provide you with JPG, and then compress it). Here is a recommended tool: https://tinypng.com/
Well, am I the only one to find the problem with the path of Chinese pictures
Summary of the scheme of optimizing Web application performance by personal blog