Sencha Touch捆绑的css文件大小超过800k，如何减少呢？

Question

我正在使用Sencha Touch 2.4.1，使用＆＃34; sencha app generate＆＃34;生成的示例应用程序，我得到了大小超过800k的生产css文件，对于移动用户来说，即使使用3G也太大了intenet，即使它可以在第一次访问后缓存。

如何减少css文件大小？

Answer 1

试试这些链接，然后按照以下步骤操作：

http://www.sencha.com/blog/4-tricks-for-smaller-css-in-touch-22/

http://www.ladysign-apps.com/developer/category/css/#.VGL8SYfTYUU

http://druckit.wordpress.com/2013/08/12/sencha-touch-2-theming-apps-for-multiple-devices/

Tony提到，谷歌Chrome审核也很有用，因为当你运行它时，它可以显示未使用的CSS数量。你必须要小心那个，因为那里可能有一些特定于与其他设备兼容的规则，并且它似乎与Sencha应用程序不准确，因为我的应用程序显然使用它提到的样式不使用。

我建议也下载适用于Chrome的Sencha Touch应用检查器，其中可能还有一些功能。有一个选项可以告诉你是否过度嵌套项目（右侧的侧面标签）。

您可以通过下载免费工具ImageOptim进一步（如果您在Mac上，可能有类似的Windows工具）。它可以显着减少PNG和JPG，无需压缩，因为它可以删除不必要的元数据等。我甚至在应用程序图标和Sencha提供的加载屏幕上进行了尝试，并将每个的大小减少了大约18％。

： - ）

Answer 2

您可以随时使用css缩小器，例如http://cssminifier.com/ 我认为这会为你节省一些宝贵的空间：）