Полимер загружается нестабильно в мобильных и других браузерах

Я создаю веб-приложение, используя Polymer (веб-компоненты), и оно, кажется, работает нормально в Chrome, но когда я пытаюсь загрузить страницу на мобильном устройстве, оно становится действительно прерывистым, как будто он загружает один элемент за раз, и страница выглядит голой кости на секунду или две, прежде чем встать на место.

Я вулканизировал все необходимые элементы, но даже файл вулканизации занимает почти 1 МБ, и для его загрузки требуется 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, но я очень сомневаюсь, что это окажет влияние.

Хотелось бы просто узнать, как я могу заставить его загружаться быстрее.

0 ответов

Другие вопросы по тегам