there is a page. Because the js file is very large, it is slow to load this page for the first time. The web server is nginx,
.I hope the page can load faster. How to configure it in nginx to make this page load faster
or how to modify the page to make it load fast
provides several quick solutions:
many of the solutions mentioned above can be solved using webpack, gulp, and so on, depending on what your project is like.
webpack enable compression, as shown in figure
can you ask a bigger question?
it's like telling the doctor that you're not feeling well and asking the doctor to give you a prescription.
Let me tell you a little bit about the way of thinking when you encounter this kind of problem.
first of all, your problem should be that loads this page very slowly for the first time .
so what is the reason for the slow loading speed?
to know why the loading speed is slow, you need to know how browsers render web pages.
Let me briefly say that the browser is generally divided into two processes from the beginning to the rendering:
so consider optimization in terms of download speed and parsing speed.
to improve download speed, it is easy to think of dividing a large file into multiple small files. But this optimization is not always successful, and it is not difficult to understand why it can improve performance.
improving parsing speed is also easy to think of not writing complex JS operations, or putting complex operations into RAF or RIC. But it doesn't matter.
what matters is that you know how it works and how to make choices in different situations
there is a parent component that circulates N child components in render, and there is a unique ref, on each child component. When the first child component changes, the change method of the parent component will be called back, and the latter component...
such as the title. because two components are involved, I intend to use redux. The thing is, these two components are not displayed at first, in other words, the data does not need to be loaded by ajax at the beginning, and the data is not loaded unti...
import React from react ; import {BrowserRouter as Router, Route, NavLink} from react-router-dom ; <Router> <div> <Navigatio > <Route path=" " exact component={Index} > <Route path="...