Creation.Web制作とか、なんとかかんとか。いうことで12日目を担当します@1shiharaTです。参加した事がなかったので、今年こそは参加しようと思い立ちました。高速化施策について語ろうと思います。原因の調査まずは、サイトの問題を調べること。それが適切な対処に繋がります。CMSですので、フロントエンド側のボトルネックと”バックエンド側のボトルネック”を調べることが重要となります。開発者ツールを使用して調査することになります。軸に書きますが、他のブラウザでも出来るかと思います。製のウェブパフォーマンス測定ツールです。版を使用することが多いです。開発者ツールの「Network」タブも役に立ちます。ブラウザがそれぞれのリソースを読み込むのにどれぐらいかかったかというのが一目瞭然です。簡単に言うと、一番上のリクエストページ自体のレスポンスが遅い場合と、画像などの静的ファイルの読み込みに時間がかかっている場合が一目瞭然です。バックエンド側の調査フロントエンド側の調査の結果、リクエストしたページ自体のレスポンスが遅い場合にはコチラの調査を深くほっていかねばなりません。詳細な事項が出てきます。これに応じて、プラグインを無効にしたり、時間のかかっている箇所を修正したりすることになります。開発者のためのプラグインも結構たくさんあるのですが、僕が普段使用する中ではこれが一番お手軽かなという気がします。一つの利点として、拡張性の高いプラグイン機能が思いつきますね。先生に聞くと割と解決策が返ってきます。jsファイルを個別にロードすることになります。WordPressのコア機能では、静的ファイルをプラグインを超えてまとめてくれたりはしません。よって、大量のリソースにリクエストする状態に陥ってしまいます。かけようと、これではあまり意味がない気がします。同時接続数が決まっているので、比較的新しいブラウザでも最大で6つのリソースずつしか読み込むことができません。ココらへんの知識には下記の記事が非常に参考になると思います。プラグインの仕組み上仕方ないことなので、サーバーサイドで解決することになります。比較的簡単に対処することができます。WordPressにおける静的ファイルの管理WordPressではどのように静的ファイルを管理しているのかについて、軽く触れます。基本的に以下のファイルにその記述がなされています。取得し、いろんな操作をしています。いう記述をしてあげれば、出力の調整が可能です。)まぁ、でも面倒ですね。いったインスタンスを使って、自分で圧縮したり、キャッシュを取ることも可能です。ここはWordPress。プラグインもあります。プラグインで起こっている問題もプラグインで解決するという..なんかおかしな状態ですが。するためのライブラリを使っています。登録しているcss,jsファイルをひとまとめにしてくれます。minifyせずに出力したいファイルも登録できるので、何気に便利です。いったキャッシュ系プラグインを利用する方法が一番簡単かなと思います。プラグインを開発したり、テーマ開発を行う際に私達が行えるキャッシュについて考えてみます。API」も用意されています。「一時的なデータ」といった意味合いかと思います。(間違っていたらすみません)これらを利用することで、データベースへの問い合わせも減り、高速化につながります。テーマのコードを挙げます。データベースクエリを構築し、結果を取得しています。実行し、取得したカテゴリーを数える処理を行います。いうキーに保存してあるカテゴリー総数を取得します。画像の最適化WordPressの場合、画像の最適化をするポイントは2つあります。いったタスクランナーによって最適化を自動化したり等、いろいろあると思います。ディレクトリへ追加される画像については、中々厳しい側面があります。Optimizerを使えば、そこそこ画像を最適化出来ると思います。実行するようになっています。gifsicleメジャーどころのものしかないので、違うライブラリを使いたい場合には別の方法を考えた方がいいでしょう。投稿・固定ページ投稿タイプでは、初期状態でリビジョン機能が有効になっています。リビジョンは差分管理ではなく、そのままの状態をデータベースに保存しています。リビジョン数が20あったとすると、20記事分データベースには記事として保存してある状態です。無効化する方法もあるので、必要ない時は下記の記事を参考にしてください。WordPressのオートセーブとリビジョン機能をプラグインを使わずに無効化する。webOpixelまた、そういったデータベースを最適化するためのプラグインもあります。CloudFlareを使うCloudFlareもう大分おなじみのCDNサービスです。無料でも利用することが出来るようになりました。EC-CUBEなどで利用する場合、管理画面等でリダイレクトループが発生するので、こういったプラグインを使用して下さい。)導入もDNSレコードを書き換えるだけで簡単にできます。優良プランだと、画像の最適化もすることができます。駆け足になりましたが、僕が普段対処している方法はこんな感じです。内容の中に間違っている箇所もあるかもしれませんので、その時は指摘していただけると助かります。次回は、Masaさんです。石原隆志2013年からWeb業界に身を置き、GrowGroup株式会社でWordPressやEC-CUBEなどのCMSを中心にWeb制作をやってます。移行した時の注意点メモ。2013年からWeb業界に身を置き、GrowGroup株式会社でWordPressやEC-CUBEなどのCMSを中心にWeb制作をやってます。コメントをキャンセルメールアドレスが公開されることはありません。移行した時の注意点メモ。2015.10.25DockerでWordPressを立ち上げる。BusinessPress。