あれもしたい、これもしたい。爆速デモ体験はじめに前回【第6回】GCPの無料枠でdev.toなみの爆速Wordpress環境を構築する(Wordpress設定編)ではWordpressの環境を構築のWordpressの初期設定などを終わらせたので今回【第7回】GCPの無料枠でdev.toなみの爆速Wordpress環境を構築する(爆速設定編)はdev.toなみの爆速Wordpress環境を構築していこうと思う。「爆速」を実現するための基本的な構造はdev.toのそれと近い。dev.ioなみの爆速を実現するのに必要なWordpressのプラグインWordPress側で爆速を実現するのに必要なプラグインは下記の三つ。Wordpressのプラグインの「新規追加」からそれぞれのプラグイン名で検索すれば出てくるのでインストールしよう。InstantClickAutoptimizeCloudflareそれではそれぞれのプラグインの設定について解説していく。「InstantClick」は、ページ間の移動を高速化してくれるもの。リンクテキスト上にマウスオーバーした時点でリンク先を取得し、リンクテキストをクリックした際にその取得したデータを表示させる。クリックした瞬間に次のページが表されるので体感的には待ち時間がほとんど感じられない。JavaScriptただJavascciptを使用している場合、動作しないものも出てくる。Analyticsも初期設定では動作しないが、下記の修正を加えれば問題なく稼働する。JavaScript」に下記のコードをペーストする。ペーストする場所は参考画像のように「InstantClick.init();」の直前に挿入すること。Analyticsでユーザの動きを読み取ってくれる。InstantClick使用時のAdmin画面の不具合InstantClickを使用時に通常ページから管理画面に入ると上記のように表示が崩れるが「再読み込み」すれば表示は直る。「InstantClick」でリンク先を先読みするには、読み込み先のHTMLも軽いほうがいいので「Autoptimize」で最適化しちゃいましょう。ついでもJavascriptとCSSも最適化しておく。」の項目にカンマ区切りで「instantclick.min.js」を追加しておこう。ないと「InstantClick」が動作しなくなる。インライン化」にチェックを入れる。Tools」のスコアが劇的に改善する。AutoptimizeCloudflareの設定dev.toなみの爆速を実現するために今回は画像やCSS、JavascriptファイルだけでなくページのHTMLデータもCloudflareにキャッシュさせるので、投稿後にCloudflareのキャッシュデータを削除しなければならない。更新するたびにわざわざCloudflareのサイトへ行ってキャッシュを削除するのは現実的でないのでプラグインを入れて投稿時に自動的にキャッシュを削除する。