0
私は、cliツールを使用して最小ポリマー2アプリケーションを作成しました。何も変更せずにポリマーを供給するだけで、最初の訪問の初期ロード時間はFast3Gで4秒になります。ポリマーの製造後も4秒間残っている。上部には本来ポリマーのローディング時間が遅い
は、シェルのための任意のHTMLインポートのための時間をロードするポリマー要素、firebase、...
は、私はちょうど4S +のロード時間を受け入れ、index.htmlの中でローダーを使用する必要がありますか、サーバ - されていますサイドレンダリング& ampまたはその他の回避策が必要ですか？何か不足していますか？
私はサービスワーカーとの2回目の訪問のスピードを上げることができると知っていますが、最初の訪問者は常に忍耐強くなければなりません。
ここでは、コード（ポリマー-CLIから変更なし）
のindex.html：デフォルトポリマーによって
<!DOCTYPE html><html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
<title>polymer_min.</title>
<meta name="description" content="testing minimal loading time for Polymer app">
<link rel="manifest" href="/manifest.json">
<script src="/bower_components/webcomponentsjs/webcomponents-loader.js"></script>
<link rel="import" href="/src/polymer_min-app/polymer_min-app.html
</head>
<body>
<polymer_min-app></polymer_min-app>
</body>
</html>
Polymer_minアプリ
<link rel="import" href="../../bower_components/polymer/polymer-element.html">
<dom-module id="polymer_min-app">
<template>
<style>
:host {
display: block;
}
</style>
<h2>Hello [[prop1]]!</h2>
</template>
<script>
class Polymer_minApp extends Polymer.Element {
static get is() { return 'polymer_min-app'; }
static get properties() {
return {
prop1: {
type: String,
value: 'polymer_min-app'
}
};
}
}
window.customElements.define(Polymer_minApp.is, Polymer_minApp);
</script>
</dom-module>
imgur - niceサイトをチェックアウトしました.2番目の負荷で大きな負荷がかかっていました.3G以上の負荷で私のサイトと同じ問題が発生しました。 –