InstantClickのウェブサイトのスピードアップの神器
1262 ワード
先日偶然ブログでインスタントクリークに出会い、サイトのスピードアップ神器.新しいウィンドウを除いて、ページ上の各ハイパーリンクをプリロードする能力を与えます.マウスをハイパーチェーンに移動するとトリガーされます!domをローカルに事前にロードして、Webページをすばやく開く目的を達成します.使い方は簡単ですが、基本的な使い方にはいくつかの問題があります.ダウンロード先:http://instantclick.io/download instantclickを参照するページにjsコードを導入する
InstantClick.init();
これにより、デフォルトのaラベルがプリロードされます!新しく開いたウィンドウを除いて!aラベルにdata-no-instantプロパティを追加すると、このハイパーリンクはプリロードされません.例えば、instantclickによるCSSやプラグインのロードに失敗し、修復できない場合、このページにリンクされたハイパーリンクはプリロード能力を失うことができます.コメントプラグインのロードに失敗することがあるという問題に直面しました.これはpjaxのローカルリフレッシュの問題と同じですが、この場合はプラグインを再ロードするのが一般的です.公式サイトで提供されているチュートリアルを見て、コメントボックスを動的にロードし、ページに新しい方法を追加します.function _loadDuodsuo(){
var dus=$( ".ds-thread" );
if($(dus).length==1){
var el = document.createElement('div');
el.setAttribute('data-thread-key',$(dus).attr("data-thread-key"));
el.setAttribute('data-url',$(dus).attr("data-url"));
DUOSHUO.EmbedThread(el);
$(dus).html(el);
}
}
次に、下部でもう一度呼び出すと、この問題を解決できます.ちなみに、トップのプログレスバーの色も変更可能なO(∩∩)O~#instantclick-bar {
background: #fd8a61;
}