Such resources are primarily HTML files responsible for the content of the page; CSS files. styles responsible for the appearance of the page; JS files responsible for additional dynamic functionalities on the browser side; Graphic files in various formats JPG PNG SVG etc. Depending on the size of these files the loading process can be fast or very slow. Typically image files that take up the most data play a very large role in the speed of page loading. Graphics should be optimized using the following principles Graphic files should always be compressed preferably to the new WEBP format which is characterized by a very high ratio of graphics quality to its size. The sizes of the graphics should have values that are actually used.
Using larger graphics and scaling them down during the browser rendering process is a common mistake. Graphics should be loaded using the socalled. Lazy Load which is literally a moment Latest Mailing Database before they are supposed to appear on the screen during scrolling. Theres no point in uploading all the photos at once. Use fast servers to store static files socalled CDN. Optimization of the rendering process Rendering is the process of replacing the data contained in the files with the real look and functionality of the website.
Rendering takes place every time you open a new subpage or refresh an existing one. The browser loads the files one by one and builds the page layout according to the instructions contained in them. The most problems are related to the prioritization of the load order. From the users point of view the most important thing is to load the part of the page that is visible on the first screen socalled above the fold as soon as possible. The browser should render the top of the page first so that it can be used.