Angularjs Angular、ionic和cordova-应用程序发布时间_Angularjs_Performance_Cordova_Ionic Framework

Angularjs Angular、ionic和cordova-应用程序发布时间

angularjs performance cordova ionic-framework

Angularjs Angular、ionic和cordova-应用程序发布时间,angularjs,performance,cordova,ionic-framework,Angularjs,Performance,Cordova,Ionic Framework,我正在使用angular、ionic和cordova开发一个应用程序我遇到的问题是，我的应用程序需要很长时间才能启动（大约8-10秒）我希望它能快一点我读了很多书，通常人们会说“加载更少的文件，它会更快…”好的，重点是，我遇到的问题是，我还使用了很多来自bower的第三方库，所有这些库都编译成一个bower文件，缩小到4MB左右我决定使用manifest缓存bower文件，显然（根据googlenetworktab）现在（从缓存加载后）只需要600毫秒，而不是5秒，但在我看来，该应用程序

我正在使用angular、ionic和cordova开发一个应用程序

我遇到的问题是，我的应用程序需要很长时间才能启动（大约8-10秒）

我希望它能快一点

我读了很多书，通常人们会说“加载更少的文件，它会更快…”好的，重点是，我遇到的问题是，我还使用了很多来自bower的第三方库，所有这些库都编译成一个bower文件，缩小到4MB左右

我决定使用manifest缓存bower文件，显然（根据googlenetworktab）现在（从缓存加载后）只需要600毫秒，而不是5秒，但在我看来，该应用程序的加载速度仍然非常慢

我还尝试移动

index.html

文件末尾不需要的所有文件，并使用html5标记

async

异步加载它们

不过，运气不好

我还能试什么

我将包括一些屏幕截图，以便您能够更好地了解我使用的bower库的数量以及chrome的时间线

时间线：

第三方库：

另外，my index.html如下所示：

<!DOCTYPE html>
<html manifest="manifest.appcache">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
    <meta http-equiv="Content-Security-Policy"
          content="default-src * gap://ready file: data:; style-src 'self' 'unsafe-inline' *; font-src 'self' data: https://fonts.gstatic.com; script-src 'self' 'unsafe-inline' 'unsafe-eval' *">


    <title>Heat Genius App</title>
    <link href="css/bower.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <link href="css/style.directives.css" rel="stylesheet">
    <script src="js/jquery.min.js"></script>
    <script src="js/ionic.js"></script>
    <script src="js/app.js"></script>
    <script src="js/templates.js"></script>
</head>

<body ng-app="App" class="app" ng-strict-di>
<div class="hg-boxed-container">
    <ion-nav-view class="slide-left-right" animation="slide-left-right"></ion-nav-view>
</div>

<link href="css/vendor.css" rel="stylesheet">
<script src="js/bower.js"></script>
<script async  src="js/vendor.js"></script>
<script async  src="cordova.js"></script>
<script async src="js/csv-data.js"></script>
<script async  src="js/hg-doctor-templates.js"></script>
<script async src="https://maps-api-ssl.google.com/maps/api/js?key=AIzaSyB0H7djlBcJdz4KnW9ZmFHfqhUJSa8l9AM&libraries=places&"></script>
</body>
</html>

如果您有任何建议，我们将不胜感激，提前谢谢

CACHE MANIFEST
# 2016-12-19 v1.0.0
js/*
css/*
assets/*