提升网站的性能,可以从优化图象到构建自己的CDN,也可以考虑优化后端代码,使用更轻更小更快的WEB开放框架,而不是重量级的Bootstrap,虽然它很优秀。
我们来总结一下你可以尝试的最小的一些WEB框架,而不是臃肿的Bootstrap。你会吃惊这种框架是多么伟大,她们会让网站顿时增加体重,真是轻到没同学,快到没兄弟,还保留高逼格。
01Topcoat
Topcoat,这是一个速率极快的框架。建立此框架的开发人员专门测试其所有模块,同时针对其他框架运行基准测试。对于任何网站来说都很棒,但是它十分容易订制。
其实整个框架是联通响应,CSS使用BEM命名,所以很容易编辑和混和到自己的款式表中。
演示网址:
2Milligram
另一个极简主义的后端框架是目前在1.3版本中的Milligram。这是一个极简主义的UI库。
您可以使用任何主要的软件包管理器(如Yarn,Bower或npm)进行安装。它在Normalize的基础上工作,它与整个MilligramCSS库的缩小版本打包在一起。
这不包含组件或动态功能,如同您在Bootstrap中找到的那样。所以它主要面向这些想要建立快速布局而不须要更中级特点的开发人员。
官网:
3Pure.css
Pure.css做的最好的是整个框架是模块化的风格。您可以自定义您的款式表,以包含表格设计,自定义菜单,按键,表单或一切的组合。
或则假如你只是想使用其中一小部份,如同网格布局,你可以单独下载。事实上,Pure.css的网格部份总计大概0.8KB,比Bootstrap或Foundation要小好多。
官网:
4Mincss
看名子就晓得这个框架的追求了。
Min.css被广告为Bootstrap的微缩代替品。事实上,它自诩是最小的后端框架,缩小时总共只有990个字节(大于1KB)!990byte!!!
它适用于所有主流浏览器,甚至支持IE6+等旧式浏览器。
假如你真的想要一个闪电般的加载时间,这么可以来瞧瞧Mincss。相信你不会沮丧!
官网:
05Petal
Petal是一个相当小的后端框架,具有较小的UI库的奇特设计。它支持一些组件,并且大多数Petal是为了成为所有Sass库的LESSCSS取代品。
在写这篇文章的时侯,它一直处于积极的发展状态,目前的版本稳定在v0.8.3。Shakr的团队早已在这个框架中投入了大量的时间,并且不可能很快消失。
所有的组件都是可选的,所以你可以通过删掉你不须要的组件来简化你的网站。
官网:
06Picnic
PicnicCSS的宣传是轻量级和美观的后端框架。
颜色觉得像一个简单版本的Bootstrap,使用平面设计语言,符合广泛的审美。
示例页面有全部Picnic默认元素式样的完整列表。
还有一个超级干净的文档页面,提供有关PicnicCSS入门的说明。
官网:
07Kube
Kube给人留下了深刻的印象,由于它是一个十分好的框架,但它并不是这个列表中最小的。但是它确实出于某个诱因被列在这儿:它足够小。整个库编译为大概30KB(包括所有JS组件)。这比Bootstrap还要小10倍左右。
然而这绝不可能与Mincss竞争,由于Kube包装了好多东西。倘若这就是你想要的,这么这个框架是伟大的!
瞧瞧在线文档的事例和代码片断。Kube觉得像一个真正的专业框架,这绝对是你可以在生产网站上运行的东西。
官网:
08Chota
假如你想要比Kube小10倍的东西,请看ChotaCSS框架。
总共不到3KB(这是它的宣传点),这是一个纯CSS的框架,完全何必害怕下拉菜单,选项卡或其他动态小部件。
Chota也是少数几个不能在预处理器上运行的框架之一。
只需插入和运行Chota代码,就可以适用于任何布局。
官网:
09Furtive
作为一个自诩的“微观框架”,Furtive在压缩后大概只有2.4KB。
它是为数不多的联通优先的框架之一,超小文件大小与强悍的页面类和结构列表结合上去的标杆。
它也是推动现代浏览器技术的最先进的框架之一。它专门用于flexbox和SVG之类的东西,所以你可以降低你的总代码,并降低你的总加载时间。
官网:
10Siimple
Siimple采用扁平化设计风格,以一个特别简单的代码库为基础。
这个框架将简洁主义提高到一个新的水平,对设计和开发都采取了一种干净的技巧。颜色,排版,网格,她们都遵守一个简洁的方式,一直觉得奇特。超干净的代码库也一样。
瞧瞧Siimple文档,这是一个十分酷的框架,用于快速原型设计或则无需从头开始建立自定义布局。
暂无评论内容