Static resource management and template framework for front-end engineering and performance optimization

This series of articles from a new perspective to consider the relationship between Web performance optimization and front-end engineering, through the interpretation of Baidu front-end Integrated Solutions Group (F.I.S) in building High-performance front-end architecture and unified Baidu more than 40 front-end product line of the process of the experience of the technical trial, The realization of front-end performance optimization in front-end architecture and development tool design level is revealed.

In the previous section, we introduced the static resource version update and cache. Today's section will describe the use of static resource management and template frameworks.

Static resource management and template framework

Let's take a look at what's left of the previous optimization checklist:

Unfortunately, the rest of the optimization principle is not the use of tools can be very good implementation. Perhaps someone will argue: "I use So-and-so tools to implement script and style sheet merging." Well, it's probably a good idea to use tools to combine resources and replace references, but there are some very serious flaws in this approach in large Web applications to see a familiar example:

A Web product page has three resources for a, B, and C