[发明专利]CSS代码的压缩方法、电子设备和存储介质

说明书

本发明涉及一种CSS代码的压缩方法、电子设备和存储介质，属于互联网技术领域。所述CSS代码的压缩方法包括：扫描CSS代码，统计每个样式属性名出现的次数；根据所述次数，计算缩写压缩收益值，所述缩写压缩收益值是假设所述样式属性名被缩写代替时总体上减少的字符数；若所述缩写压缩收益值为正数，则使用所述缩写代替所述样式属性名。能够将频繁出现的样式属性名替换为字符数更少的缩写，缩小了代码的体积，加快了数据的传输速度，从而能够提高网站的整体性能，而且压缩后的样式名能够保持语义化，容易辨识，便于开发者辨别以及后期维护。

技术领域

本发明涉及互联网技术领域，尤其涉及一种CSS代码的压缩方法、电子设备和存储介质。

背景技术

随着传统互联网以及移动互联网的快速发展，WEB页面承载的信息越来越丰富，使用HTML丰富的标签可以轻松构建不同的网页结构。但是，在控制网页显示效果方面，其能力比较弱。为了设计具有美观效果的网页，通常需要用到CSS。CSS弥补了HTML的不足，是一种用来表现HTML或XML等文件样式的计算机语言，可以定义样式结构如字体、颜色、位置等，能够为用户提供强大的页面样式美化和布局的功能。但是，随着业务的不断发展，页面上的内容会越来越多，页面的文件体积也会越来越大，受限于物理网络带宽以及复杂的网络环境，有时用户需要等待一段时间才能看到要显示的内容。根据某家互联网公司的统计数据，发现其网站的加载时间每增加一秒，便会多失去10％的用户。由此可见，网站的性能对于用户的留存是非常重要的，性能是保障用户体验良好的基本要素。

目前常用的代码压缩工具，比如Gulp-clean-useless-css，CSSO，CSSNANO等，能够在CSS代码片段保持语义不变的情况下，删除多余的空白、去掉注释、简化标识符、以及清理没用的CSS代码，从而达到为生产环境提供精简CSS代码的目的。其中Gulp-clean-useless-css是前端构建工具Gulp下的一个中间件，需要在Gulp环境下使用。CSSO是在Node.js上运行的CSS代码压缩工具，在运行npm install csso安装成功后，可以直接命令：cssostyle.css将要压缩的CSS文件名作为参数传入，即可使用CSSO。CSSNANO是基于PostCSS生态系统的CSS代码压缩工具，通过PostCSS的插件架构赋予CSSNANO灵活变化和适应不同场景的能力。然而，上述代码压缩工具只是在一定程度上压缩代码以减小代码体积，如何进一步减小代码体积以提高网站的性能，成为本领域亟待解决的问题。

发明内容

为了解决上述问题，本发明提供了一种CSS代码的压缩方法，包括：扫描CSS代码，统计每个样式属性名出现的次数；根据所述次数，计算缩写压缩收益值，所述缩写压缩收益值是假设所述样式属性名被缩写代替时总体上减少的字符数；若所述缩写压缩收益值为正数，则使用所述缩写代替所述样式属性名。

可选的，在所述的若所述缩写压缩收益值为正数，则使用所述缩写代替所述样式属性名之后，所述CSS代码的压缩方法还包括：统计组合样式名出现的频数和包含的所述缩写的个数，所述组合样式名由若干个所述缩写组成；根据所述频数和所述个数，计算获得合并压缩收益值的最大值，所述合并压缩收益值是假设组合样式名被规定样式名代替时所减少的字符；将所述组合样式名替换成所述规定样式名。

可选的，所述缩写通过以下方式得到：对从CSS代码中解析出来的样式属性名进行排序；根据排序后的样式属性名生成默认表达形式的所述缩写。

可选的，在所述的根据排序后的样式属性名生成默认表达形式的所述缩写之后，得到所述缩写的方式还包括：针对所述缩写，从style表达形式转换为class表达形式。

可选的，所述缩写压缩收益值的计算公式为：

Y₁＝N₁×n-M