随着web技术的发展和大量应用,CSS作为web技术的三大核心之一,由于其特殊的层叠机制和缺少统一的管理规范,大量的样式存在冗余。在当前用户体验至上的时代背景下,如何更有效便捷的精简CSS样式,提高网页加载速度,就成了迫在眉睫的研究课题。已有的解决方案要么是只聚焦在对CSS本身语义声明上的重复,能精简的体积十分有限,要么是基于静态字符串匹配的精简方案,容易漏掉JavaScript动态生成的样式造成漏检。针对以上问题,本文提出了一种基于动态分析技术的CSS精简方案,并分别给出在浏览器端和服务器端的实现。主要研究成果体现在如下三个方面:第一,提出了一种基于动态分析技术的CSS精简方案。方案通过动态的执行目标网站引入的JavaScript代码,精准地搜集来自HTML和JavaScript的样式依赖,然后根据这些依赖数据和网站加载的总样式数据对目标网站做精简处理。第二,设计并实现了一个基于浏览器拓展程序的CSS精简工具。该工具借助于浏览器对网页的控制能力,通过与页面进行通信统计出HTML和JavaScript中的样式依赖及总样式集,利用自身生命周期特性实现了 CSS的精简及页面样式统计分析等功能。实验表明,本精简工具可以精准且便捷的对目标网站中已加载却使用不到的冗余CSS代码进行精简从而提升页面加载速度。第三,设计并实现了一个基于selenium的可以运行在服务器端的CSS精简程序。该程序借助于selenium对Headless模式的Chrome完全的操控能力,实现了依赖搜集、数据统计和CSS精简等功能。通过对比实验,验证了该精简程序在不具备可视化条件的服务端环境及需要大量手动触发实现增量代码执行的情况下仍然维持良好表现。