Я создаю веб-приложение с использованием 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, но я очень сомневаюсь, что это окажет влияние.
Очень хотелось бы знать, как я могу заставить его загружаться быстрее.
Задача ещё не решена.
Других решений пока нет …