#999;text-align:center;color:#666}.carousel-entry-card-thumb{overflow:visible}PCやスマホ、ガジェット、周辺機器、WEB関連、日常の小ネタ全てにおいてトラブルは基本的に自己解決する為のサイト。2018.03.06我がブログの表示速度が微妙に遅い。すごく遅いわけでもないがなんとなく納得がいかない。いうわけで、対策としてWEBサーバーのNginx側でgzip圧縮をして表示速度(読み込み速度)の高速化を試みる。Testでの結果(対策後)GTmetrixでの結果(対策後)まとめWEBサーバーでのGzip圧縮とは?WEBサーバー側で、サイトのデータをあらかじめgzipという形式で圧縮して送り出すことにより、サイト閲覧者様の転送量が減少して表示速度が上がるという仕組みです。調査に利用するサイトWEBサイト(ページ)の表示速度を計測してくれるサービスは色々あります。以下が代表的な4つの計測サービスのまとめ。サイトの表示速度を計測して問題と改善策を教えてくれるサービス4選WEBサイトの表示速度(読み込み速度)は非常に重要だ。表示速度が遅いとそれだけでサイト閲覧者のストレスになってサイトを閉じてしまう。いうわけで、とても重要な「サイトの表示速度」を計測・分析して問題点と改善策を提示してくれる...onoredekaiketsu.com2018.03.05まずこの4つのサイトで対策前の今の状態をチェックする。Insightshttps://developers.google.com/speed/pagespeed/insights/これはGoogleが提供しているページの表示スピードを測定してくれるサービス。改善策も提示してくれるので便利。Site(テストマイサイト)https://testmysite.withgoogle.com/intl/ja-jpこちらもGoogle提供のスマホでのページ表示スピードを測定してくれるちょっと新しいオシャレな感じのサイト。無料で分析結果をメールで送ってくれるという至れり尽くせりのイケてるサービス。Testhttps://tools.pingdom.com/海外の有名な計測サイト。■GTmetrixhttps://gtmetrix.com/こちらも有名な海外の計測サイト。最適化についての提案に「圧縮を有効にする」という項目がある。Site(テストマイサイト)での結果(対策前)3Gでの読み込み時間:5秒(良好)訪問者の推定離脱率:19%同じ業種内での比較:少し遅い優先順位が上位の修正項目に「GZIPでリソースを圧縮する」がある。これがどれだけスピードアップするだろうか?スポンサーリンク対策開始vi等でNginxの設定ファイル(nginx.conf)のhttpディレクティブ内に以下の2行を追加します。追加する場所は最後の方でOKです。分析結果で指摘されていたjavascriptのファイル(.js)とスタイルシートのファイル(.css)を圧縮します。画像ファイル関連はプラグインで最適化してるので外しました。※0.2MB縮小まとめ読み込み速度測定サイトによって多少バラツキがありますが、Nginxの設定ファイル(nginx.conf)にたった2行挿入するだけで、なにげに一気に全体的に10%以上速度が向上!これはやらなきゃ損ですね。今日のところはこれまで。今後は更なる高速化のために他の部分も対策していきます。/scannowでWindowsを修復する2019.02.122019.12.20Windows10のロック画面の背景画像が変わらないエラーの対策2019.01.072019.02.08PCの調子が悪いときのチェックリストと対策方法2019.02.14スマホ(iPhone,Android)でWebページのHTMLソースを見る方法2019.08.12SSH接続がタイムアウトで自動的に切断されないようにする2019.01.24デスクトップ版iTunesのダウンロード方法2019.01.16VirtualBoxでホスト⇔ゲスト間でコピペができるようにする。「論理ブロックアドレスでIO操作が再試行されました。/scannowでWindowsを修復する2019.02.122019.12.20Windows10のロック画面の背景画像が変わらないエラーの対策2019.01.072019.02.08PCの調子が悪いときのチェックリストと対策方法2019.02.14スマホ(iPhone,Android)でWebページのHTMLソースを見る方法2019.08.12SSH接続がタイムアウトで自動的に切断されないようにする2019.01.24デスクトップ版iTunesのダウンロード方法2019.01.16VirtualBoxでホスト⇔ゲスト間でコピペができるようにする。「論理ブロックアドレスでIO操作が再試行されました。Testでの結果(対策後)GTmetrixでの結果(対策後)まとめ。