社会不適合者の目線でWEBフリーランスで生きてきた経験を語ります。運営者情報サイトマップお問い合わせ「instantclick.min.js」でページの読み込みを高速化してみる!jquery・js今回は「instantclick.min.js」を使用してページの読み込みを高速化してみたいと思います。ユーザーがリンクにマウスオーバーした時点でページの先読みを行います。それにより表示の体感速度が改善されます。2014.06.19こんにちは!6月15日にブラジルに日本対コートジボワールの試合を観戦しにいっていたので、ブログをしばらく更新できませんでした。今日からまた気合いを入れて頑張りたいと思います。↓試合には負けましたが、本田の先制点が決まった時の興奮と感動は忘れられないものになりました。ワールドカップの余韻はここまでにして話を戻します。当サイトを見て頂いた方は、ご存じだと思いますが、当サイトのページ表示速度はかなり遅いです。私の中でサーバーの変更は決定事項なのですが、サーバーを変えるまでに、少しでもサイトの速度が改善されるように、色々と試してみたいと思います。※すでに「エックスサーバー」にサーバーを変更しました。【関連記事】:当ブログをXSERVERへ移転!その手順を記事にしました!そこで今回は「instantclick.min.js」を使用してページの読み込みを高速化してみたいと思います。どこまで効果がでるのかは未知数ですが、できることは全てやってみます。「instantclick.min.js」とは?導入手順!実際の効果は?最後に!「instantclick.min.js」とは?「instantclick.min.js」とは、ページ内にあるリンクを先読みすることで、ページの遷移を高速化できるJavaSciptライブラリです。API」と「Ajax」を合わせて使用した「pjax」と呼ばれる技術です。ユーザーがリンクにマウスオーバーした時点でページの先読みを行います。それにより表示の体感速度が改善されるとのことです。簡単に導入できますので、次の項で実際に導入してみたいと思います。導入手順!↓以下のコードをの直前に設置してください。「ドメイン名」の部分は各ドメインを記述してください。data-no-instant="data-no-instant">InstantClick.init();</script>↓「instantclick.min.js」は以下よりダウンロードできます。instantclickこれだけです。実際の効果は?実際に導入した効果はどうだったのかといいますと、「GTmetrix」で計測してみた結果、特に変わりませんでした。↓導入前の結果!↓導入後の結果!ただ心無しか体感速度は速くなったような気はします。最後に!数値としての結果は出ませんでしたが、こういった作業の積み重ねが速度改善につながると思います。体感速度は速くなったような気がするので、ヨシとしておきます。作業量も少ないので、導入する価値はあると思います。以上「「instantclick.min.js」でページの読み込みを高速化してみる!」でした!それではまた。関連記事jquery・jsjscrollpaneを使用しスクロールバーをちょっとだけカッコよくする!今までは、あの味気ないデフォルトのスクロールバーしか設置できませんでしたが、便利な「jquery」などが出てきて、簡単にカッコいいスクロールバーのカスタマイズが可能になりました。そのカスタマイズ方法を記事にしています。jquery・js私が大抵いつも使うギャラリーjs!使い勝手がいいんですよね!皆さんはjsでギャラリー機能を使用する際、どんなjsを使用していますか?私は数年ぐらい前から、いつも使用するギャラリーjsがあります。今回は、そのギャラリーjsの設置方法について記事にしたいと思います。jquery・jsjqueryのスライドショー「bxSlider」の設置方法!最近、jqueryのスライドショー「bxSlider」を設置する機会がありましたので、今回はその設置方法をご紹介したいと思います。実際に使ってみた感想は、設置は簡単ですし、かなり使い勝手が良かったです。jQuery」!ここ最近、画像を背景にフルスクリーンで表示するデザインをよく見かけます。jQuery」を今回はご紹介したいと思います。jquery・jsjqueryでローディングを設置!ちょっとでもストレスを減らす!当ブログは表示速度が遅いので、「jquery」でページを開くごとにローディングがでてくるようにしました。根本的な改善にはなりませんが、「サイトを訪問してくれた方のストレスを少しでも減らせるかな」と思います。コメントをキャンセルメールアドレスが公開されることはありません。社会不適合者のWEBフリーランス生活をフォローするサイト運営者:MPD(エムピーディー)当サイト運営者のMPDと申します。5年ほどWEB制作会社で働き、WEBフリーランスとなりました。基本は社会不適合者です。WEBフリーランスとして働く、社会不適合者のリアルな生活をお伝えします。言って、生活も収入も社会の最底辺ですが、割とこの生活は気に入っています。社会不適合者のWEBフリーランス生活.。