お問い合わせたくべや中年おっさんの経験と記録。>ブログ・ワードプレスワードプレスの高速化とかSSL化とかに取り組んでみた【前編】2017年8月20日さて終わっちゃったお盆休み。一泊だけ旅行にいきましたが、基本的に家にいることが多かった2017年の夏休みでした。機会なので、ブログをしっかりさせる作業をいろいろやってみましたよ。「おめー、こんなんでしっかりしてるなんて笑わせんなよ!」と言わないで・・・ワードプレスの高速化とかSSL化とかに取り組んでみた。Insights」と「GTmetrix」とうのが有名らしい。現状を把握するべく、それぞれで数回やってみました。Insightsでは3回やってみて、モバイル=76、63、67点。パソコンは88、72、78点」という結果。一方のGTmetrixでは、ページスピードスコア=C(72%)、B(81%)、C(79%)。YSlowスコアっていうのは、E(57%)、D(63%)、D(62%)といったところ。バラつきははしょうがないみたいですね。イケていないっぽいことが判明しました。なんとなくの感じですが、wpxレンタルサーバーの時よりも、mixhostにした方が動きが重く感じます。ワードプレスにてちょっと修正した後の更新時とかに顕著に感じています。ここからどのくらい高速化できるんでしょうか。Simplicityのバージョンアップ使わせていただいているワードプレスのテーマ「Simplicity」。今まではバージョン1.9.3でした。これはかなり古く、最近のAMPだとかSSLだとかに対応できていない模様。そこでまずはテーマのバージョンアップから行うことにしました。今の最新は2.6.0。Simplicityは作者のわいひらさんが詳しく説明していただいているのでホント助かります。使っている人も多いので情報も豊富。やったことは以下の説明ページ通りの作業です。Simplicity1用の子テーマをSimplicity2で使う時の修正方法まずは「2」をインストールした後、「1」の子テーマを「2」用に変更しました。修正した子テーマをFTPソフトでアップして、有効化したらとりあえずOK。以下のページを参考にカスタマイザーの設定の修正です。いろいろな設定は引き継がないということなので、これも説明にあるとおり、横に並べて比較しつつコピペしていきました。PCとスマホでチェックしながら進めていき、テーマのバージョンアップは一応無事クリアです。「AMP」に対応してみただいたいAMPがなんだか全く分かっていません。アクセレートモバイルページ?なので多分スマホから見た時、速くなるってことでしょう。グーグルから「AMP対応するといいよ」という案内がかなり前からきていたこと、そして新しいSimplicity2では設定できるらしいことから、いっちょやってみることにしました。やるといってもカスタマイザーにてチェックを入れるだけです。これで「AMP」用のページが作成されるはず。「AMP」についてはもう少し勉強する必要があるなあ。LightSpeedCacheを入れてみたさて次。ここからは以下の「もふもふ安心毛布」さんのブログを参考にしまくりです。サーバーとワードプレステーマが同じだから。Cache」なるプラグインを入れてみることにしました。なんか説明は良く理解できませんが、現状日本ではmixhostでしか使えないらしく、mixhost自身もこのプラグインの使用を推奨してます。https://support.mixhost.jp/65以下引用。Webサーバーで利用できるキャッシュ機能です。高速化する事が可能です。サーバーの負荷が低くなる為、アクセス集中時にも安定してご利用いただけるようになります。本家が推奨しているんだから使わない手はないでしょう。説明サイトの通りに導入してみました。設定はモバイルでどうこう・・・のところが迷いましたが、とりあえずみんな「enable」に。思いきや、あんまり変化は感じられず。あれ?まあ他にダメな部分がまだまだあるんでしょう。めげずに次の対策です。ブログをSSL化してみた次は大物である「常時SSL化」に挑みました。これまでの知識だと「http://」を「https://」に変更すること信頼性?が上がるのでグーグルの評価が良くなるらしいことアドレス自体が変わるので、設定やリンクの貼り替えが必要になりそうなことという感じで、なんか面倒臭そうなので、放置していました。「https」は速度にも影響があるらしいことが判明。時間があるこの機会にやってみることにしました。参考にしたのは以下の説明記事。https://support.mixhost.jp/348やったことは上記の参考記事どおり。mixhostに移動したことで、既にhttpsのページ?も作成されていたのでした。SSL」の導入だけです。このプラグインは「http」を自動で「https」と読んでくれるらしいです。最初から「s」がついていた方がそりゃいいでしょう。あとで過去記事の画像を見直していこうと考えているので、リンクの「s」についてもコツコツと直していこうと思います。その後、グーグルアナリティクスとサーチコンソールの変更は必要とのことで再び検索し参考記事を発見。Consoleの設定をちゃんと変更しよう再び、書いてあるとおりに設定していきました。ありがとうございます。カテゴリとタグの再設定これは高速化には関係ないですが、先日のサーバー引越し(wpxレンタルサーバーからmixhost)を行ったら、記事のカテゴリとタグの設定がかなり消えてしまいました。俺がやらかしたんだと思いますが、この機会に改めてカテゴリとタグを設定しなおしてみました。なんともまあ雑多なブログですわ。アキレス腱断裂から3年経ったんだなあと月日の流れを感じたり。3年目の記事も書かないとね。ワードプレスの高速化とかSSL化とか前編のまとめ少し長くなっちゃったので、前編はここまでとします。この段階で速度のチェックをしてみました。今度はhttpsの方で。同じように3回ずつやってみました。Insightsでは「モバイル=74、68、74点。パソコンは84、87、88点」。対策前より少し良くなった感があります。時間帯とかの影響もあるんでしょうけど。一方のGTmetrix。ページスピードスコア=B(86%)、B(83%)、B(82%)。YSlowスコアが、D(61%)、D(59%)、D(60%)でした。ページスピードの方は良くなったけど、YSlowの方は若干下がったような。Insightsに指摘されているのが以下。縮小する後編ももふもふ安心毛布さんの情報を参考に対策してみたいと思います。成績を上げていく作業ってのはなかなか楽しいですな。