問題タブ [deferred-loading]

Google PageSpeedを使用して JSF 2.1 + PrimeFaces 4.0 webapp のパフォーマンスを分析している間、特に JavaScript ファイルの解析を延期することをお勧めします。次のような aと<p:layout>と のフォームを含むテスト ページで...<p:watermark><p:fileUpload>

...延期できる次のJavaScriptファイルをリストします。

• primefaces.js(219.5KiB)
• jquery-plugins.js(191.8KiB)
• jquery.js(95.3KiB)
• layout.js(76.4KiB)
• fileupload.js(23.8KiB)
• watermark.js(4.7KiB)

この Google Developers の記事にリンクしており、遅延読み込みとそれを実現する方法が説明されています。基本的に、のイベント<script>中に必要なを動的に作成する必要があります。古いバグのあるブラウザを完全に無視する最も単純な形式では、次のようになります。onloadwindow

これらのスクリプトを制御できる場合は実行可能ですが、リストされているスクリプトはすべて JSF によって強制的に自動インクルードされます。また、PrimeFaces は一連のインライン スクリプトを HTML 出力にレンダリングし、これらは直接および$(xxx)から呼び出されます。これは、 やのようなエラーが発生するだけなので、実際にそれらをイベントに延期することは簡単にできないことを意味します。jquery.jsPrimeFaces.xxx()primefaces.jsonload$ is undefinedPrimeFaces is undefined

しかし、技術的には可能なはずです。サイトのカスタム スクリプトの多くもそれに依存しているため、jQuery のみを延期する必要がないことを考えると、JSF が PrimeFaces スクリプトを強制的に自動インクルードするのをどのようにブロックして、それらを延期できるようにすることができますか。インラインPrimeFaces.xxx()呼び出し？

ロード時にjsを延期することについて読んだところです。Particks の記事はかなり興味深いhttp://www.feedthebot.com/pagespeed/defer-loading-javascript.htmlを見つけました。

facebook と googles の js コードを調べました。それらはすべて匿名関数を使用しているため、ページがロードされた後に js のロードが遅延されているかどうか疑問に思っていましたか?

または、パトリックの推奨事項は、ページが読み込まれた後に js の読み込みを実際に延期する唯一の方法ですか?

thx、私はあなたの専門知識に本当に感謝しています!

基本的な関数があるとしましょう:

この関数の評価を別の関数で延期する必要があります。私は2つの可能な方法について考えています：

1. ラムダの使用:

   /li>

2. functools.partial の使用

   /li>

これらのアプローチのどれが好まれますか、またその理由は何ですか? これを行う別の方法はありますか？

async2 つの外部Javascript ファイルのロードと実行順序を設定するにはどうすればよいですか?

以下を考えると...

2 番目はファイル サイズの関係でscripts.jsダウンロードと実行が先ですが、依存性があります。framework.jsscripts.jsframework.js

asyncプロパティを維持しながら、ロードと実行順序をネイティブに指定する方法はありますか?