JQueryのload関数は遅いので他の案を探しています。

Question

Jqueryのload関数を使ってhtmlを他ファイルから生成していました。

$(".test").load("view/show.html");

このload関数ですが、静的htmlの読みこみよりもだいぶ遅れて描画されます。(軽くても0.3秒ほど)

静的なhtmlと同じくらいの描画時間でなおかつテンプレートhtmlとしてインクルードなりロードできるライブラリはありませんか？

Vue.jsやAngular.jsはどうかなーと今情報を漁っていますが、インクルードタイムに関する情報は見つけられていないです。

自分はjsを挟む以上静的なhtmlと同じくらいのタイミングで描画することは無理かもしれないと考えているのですが、やはり直書きするしか描画速度を上げることはできないでしょうか？

Comments

[matobaa]

そもそも、その行が実行されるまでに時間がかかっているのではないですか。その行はどのように実行していますか。

[x_x]

サーバー側でできない理由がありますか？

Answer 1

環境によってはキャッシュが効かなかったりウイルスチェックが実行されたりで、時間がかかる可能性はあると思います。

対策は書かれているようにJavaScriptに直書きすれば早くなるとは思います。
・Script
var s = "<p>hoge</p>";
$(".test").html(s);

また、ページの全体構成が分からないと何とも言えないですがCSSで表示を切り替えることも可能だと思います。
・HTML

<div class="text" style="display:none;"><p>hoge</p></div>

・Script
$(".test").show();

他の方が書かれているようにこの処理が実行されるまでの処理で時間がかかっている可能性もありますので
まずはデバッグされてみてはいかがでしょうか？