肉球ログ肉球ログsearchWebサイト作成Apple関連iPhoneiPadMacMacに関する記事です。対応でモバイルサイトを高速化対応してみたツイートシェアはてブLINEPocketどうもこんばんは。対応するため、モバイルサイトの高速化対応を行います。先日のテストでは散々だったので、しっかり見直しを行わなければ。受けた指摘は下記のとおりです。6ファイルが対象ひとつひとつ対応すると手がまわらないので、まずは、効果が出そうなところをざっと対応して、それから細かい対応をしていきます。対応の具体的な作業ポイント2データ送信量を減らす!キャッシュを使う!!まずは一番簡単に実施できる下記2点から対応てみました。トップページタイトル下の画像を削除する一部処理結果をサーバ側でキャッシュさせる詳細は下記のとおりです。トップページタイトル下の画像を削除する具体的にはココを削除しました。モバイルサイト、PCサイトともにトップページに出しているMacbookの画像を削除しました。削除した画像の下に、SOTRKの機能であるスライダーによるピックアップ記事表示をしていたのですが、こちらも削除しました。Cacheというプラグインを使って対応しました。Cahceは、一部機能制限がありますが、無料で利用できます。Cacheで設定した内容を以下に記載します。Cacheを選択後、設定タブの中から、必要な機能にチェックを入れてください。私は無料で利用できる機能は、全てチェックを入れました。続いて、キャッシュの有効期限タブを開き、キャッシュの更新間隔を設定します。私は全てのキャッシュを30分に1回更新する設定にしました。まとめまとめ短い作業時間でも、それなりに早くなった!今回対応したサイトの軽量化は、じっくり取り組むだけの時間を確保できなかったため、画像の削除、テーマ設定変更、プラグインの導入のみでしたが、かなり大きな効果を得ることができました。実際の作業は1時間もかかっていないので、これだけの結果が出るのは費用対効果抜群です。モバイル版はあと2点で目標の90点を達成できるのですが、残りの課題はアフィリエイトのCSS、Javascriptなので、修正を行うことができませんので、モバイル版はいったん完了とします。PC版は今回対応後も70点と、まだまだ改善が必要な状態なのですが、Googleの提案を見ても、ぱっと思いつく対策が見つからないので、PC版の表示速度改善は少し骨が折れそうです。今使っているSTORKは、キレイなサイトを簡単に作れるのですが、個人でカスタマイズできるところが少なく、更に表示速度があまり早くないという評価が多いので、これを機にテーマ変更も視野に入れて対応していきたいと思います。いうテーマが色々カスタマイズできそうで、気になっています。PC版は根本的に表示速度が遅いので、抜本的な対応も含めて検討します。みなさんも興味がれば、ぜひ対応してみてください。