0

我正在使用 Polymer（Web 组件）构建一个 Web 应用程序，它似乎在 Chrome 上运行良好，但是当我尝试在移动设备上加载页面时，它变得非常不稳定，就像一次加载一个元素并且页面看起来很光秃- 骨头在卡入到位之前有一两秒钟。

我已经对所有需要的元素进行了硫化，但即使硫化文件也几乎是 1 MB，并且加载 chrome 需要 382 毫秒。

我可以做些什么来加快加载速度？

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="theme-color" content="#0097a7">
    <link rel="icon" href="Logos/Tab%20Icon.png">
    <!-- POLYMER JAVASCRIPT -->
    <script src="Polymer1.0/components/bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
    <link rel="import" href="UptikCSS/vulcanized/imports.vulcanized.html">
    <link rel="import"  href="MaterialDesignElements/vulcanized/elements.vulcanized.html">


    <title>Expenses</title>
    <script async src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script async src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
    <script async src="Javascript/TouchPunch/jquery-ui-touch-punch-master/jquery.ui.touch-punch.min.js"></script>
    <script async src="Javascript/Submit.js"></script>
    <script async src="Javascript/VETESpeed.js"></script>
    <script async src="Javascript/NECT2.js"></script>

那是我文件的整个头部。它是一个 .php 文件，而不是 .html，但我非常怀疑这会产生影响。

只是想知道如何让它更快地加载。

4

0 回答 0