Frontend Optimization-server-reduces Http and server-side requests

Frontend Optimization-server-reduces Http and server-side requests

On the page, all images except content images are modified. Removing meaningless modifiers or replacing the show with css is an effective way to reduce the number of HTTP requests.

 

I. Replacing images with css

Css effects such as corner shadow gradient have been widely supported in the current main browser, and these effects were previously achieved through images, such as corner buttons.

The rounded corner button requires only one HTTP request, but a div layer rounded corner is required! Previously, the artist cut the four corners of the graph, and finally we finished the stitching.

And avoid incompatibility issues. Here there are at least four HTTP requests, so css is preferred for implementing css.

Ii. Remove meaningless Images

Modifying a graph is dispensable for information transmission. The biggest optimization is not to picture it! So what we need to do before optimization is to confirm the design and design with the designer.

Do you need to use so many images? It can be more concise.

I will continue to improve the optimization of the map. Now more and more nodes can be divided into many aspects, which can help you remember and understand.