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;
}