| Widespread use of computer and network technology has greatly promoted the development of Web applications. The site system which has the good framework and reasonable code not only can provide the user a nice browsing experience, but also can bring the loyal visitors. It becomes an urgent issue that how to provide users a better browsing experience, minimize bandwidth consumption and server, and eliminate potential security risks. In the website code, the handling of frontend code is small in risk and gains big profit. The domestic and foreign investigators have begun research in this area. Based on these findings, the thesis put the long-term accumulated experience into a Web front-end code processing system. By using this system, the site code can be optimized, and the potential risk can be repaired. The main contents are as follows:Firstly, the thesis introduced the current situation of Web frontend optimization and HTTP protocol in domestic and foreign, analyzed the Web request-response pattern and response process browser, proposed some quantitative methods of the site speed calculation. Several key points were analyzed during the browser rendering. Meanwhile, to optimize the frontend code, several technologies are needed. They are CSS Sprites, HTML5and CSS3, etc. which are included in the thesis.Secondly, through the analiyzing of actual requirements of Web frontend processing system this thesis perposed overall structure design of the system based on LAMP (Linux Apache MySQL PHP). This system included four sub-systems: core processing, user management, log management and configuration management. Specially, the core processing included five sub-systems:specification testing, file processing, resources optimization, completion and repairment, and static files deployment. Then the thesis provided the technical framework of the system. In the process of implementation of the system, the loading mechanism function and static resources parsing engine were analyzed. Based on this detail design and implement of the every function in the system were discussed. For the user management system, to realize the system the required datasheet design was proposed. Finally, through the implementation of the system on the LAMP platform, as well as the collection and calculation of the actual results, the system test results were obtained by calculating the end-user response time and the frequency of site using. And then the analysis was performed on the practical application. The results demonstrated the effectiveness of the system. More than half of the average bandwidths were reduced. The average response time is increased about20%. The result of this page revealed that applying the system could decrease12%labor-force.In this thesis, the system used a high cohesion, low coupling, and modular design approach. By using the test criteria of final practice, a comprehensive test of the system was performed in practice. The issues of function and maintainability during the frontend coding implementations were resolved successful. By optimizing site performance and improving site property, site can operate more safty and efficiency. |
PDF Full Text Request