| Web前端性能优化方案与实践 |
| |
| 引用本文： | 王成,李少元,郑黎晓,缑锦,曾梅琴,刘慧敏.Web前端性能优化方案与实践[J].计算机应用与软件,2014(12). |
| |
| 作者姓名： | 王成 李少元 郑黎晓 缑锦 曾梅琴 刘慧敏 |
| |
| 作者单位： | 华侨大学计算机科学与技术学院 福建 厦门362021 |
| |
| 基金项目： | 国家自然科学基金项目(51305142)；华侨大学人才引进科研启动项目(12Y0347)。 |
| |
| 摘 要： | 针对Web前端性能低下的问题,通过分析归纳Web中从后端到前端的B/S架构原理、浏览器缓存、浏览器的加载方式、服务器关于HTTP相关的配置等过程中一些影响前端性能优化的因素,系统地提出一个旨在提高网页加载速度、呈现速度和用户体验,整体性、通用性强的完整Web前端性能优化解决方案。该解决方案包括服务器端优化、HTML优化、Java Script优化、CSS优化、图片优化等内容。并在HTTP代理工具Fiddler搭建的512 KB慢网速下通过Speed Tracer监测UI Thread,寻找基于HTML5技术的Web移动电子商务项目"指尖点餐系统"的点餐页面前端性能中的瓶颈,根据所提出的Web前端性能优化解决方案对其进行优化实践。优化前后的Timeline以及UI Thread对比分析表明,优化后加载时间降低了82%,页面渲染降低了32%,脚本执行减少了79%。
|
| 关 键 词： | Web前端性能优化 服务器端优化 HTML优化 JavaScript优化 CSS优化 图片优化 前端测试环境 TimeLine UI Thread |
OPTIMISATION SCHEME FOR WEB FRONT-END PERFORMANCE AND ITS PRACTICE |
| |
| Wang Cheng,Li Shaoyuan,Zheng Lixiao,Gou Jin,ZengMeiqin
,
Liu Huimin.OPTIMISATION SCHEME FOR WEB FRONT-END PERFORMANCE AND ITS PRACTICE[J].Computer Applications and Software,2014(12). |
| |
| Authors: | Wang Cheng Li Shaoyuan Zheng Lixiao Gou Jin ZengMeiqin Liu Huimin |
| |
| Abstract: | |
| |
| Keywords: | Web front-end performance optimisation Server-side optimisation HTML optimisation JavaScript optimisation CSS optimisation Image optimisation Front-end test environment TimeLine UI Thread |
| 本文献已被 CNKI 万方数据 等数据库收录！ |
|
