無料 SSL に釣られて WordPress ブログをロリポップスタンダードプランから XSERVER X10 にサーバー移行

変更して大正解。ワードプレスの管理画面の画面遷移が倍以上早くなった。(たぶん倍どころの騒ぎじゃない)

元々は XSERVER なら独自ドメインにも無料の SSL を適用できると言う話を耳にしたことでサーバー移行を決めたので、表示速度の改善とかが目的ではなかったのですが、ストレスだったので管理画面の高速化についてはかなり嬉しい。

(さらに…)

Read More

WordPress ページ表示高速化。CDN に頼らないチューニングで【PageSpeed B 達成】

前回 WordPress の高速化に取り組んだものの、あまり成果が上がらなかったのですが、そのまま放置しておくのもアレなので、さらにいくつかスコアアップに取り組んでみました。

と、その前に、「高速化=パフォーマンスアップ」という言葉を使うとこのあたり(Webサイトパフォーマンス管理の基礎知識とかPingdomやGTmetrixでレンタルサーバーの性能を評価しても意味がありません)界隈からは指摘を受けそうな気もするので、このブログで言う高速化というのは「GTmetrix」「PageSpeed Insights」におけるスコアの改善と定義することにする。

ということでお願いします。

(さらに…)

Read More

WordPress にログインできない。間違えて設定したサイト URL を phpMyAdmin から修正する

phpmyadmin

誤って WordPress サイト URL を変更した場合、もしくは、WordPress の引っ越し(サーバー移行)した場合などなど、管理画面にアクセスできず、wp-config.php に下記を書くことで急場を凌ぐ場合があるかと思います。

define('WP_HOME','https://yuichon.com');
define('WP_SITEURL','https://yuichon.com/wordpress');

ただ、これだと美しくないのでちゃんとしましょうというお話。

(さらに…)

Read More

WordPress の </body> 直前で JavaScript を読み込んではいけない

</body>直前で JavaScript を読み込んではいけない」という言い方は誤解を招くかもしれませんが、様々なところで目にする「JavaScript をフッターで読み込んで高速化」という文面を見て、WordPress の footer.php を開いて本当に </body> 直前で JavaScript を読み込むような記述をしてしまうと良くないことが起こりました。

(さらに…)

Read More

Google AdSense の adsbygoogle.js は1ページに1回読み込むだけでいい

ページの読み込み高速化を目指して」で、Google AdSense 関連の読み込みが遅いのは分かってたけど外すわけにもいかず、無視していたのですが

ふと

adsbygoogle.js を3回読み込んでいることに気付いた。(3箇所設置しているので)

50KB ないファイルなので、速度にはそんなに影響がないかもしれないですけどね、気持ち悪いので修正しました。

(さらに…)

Read More

Cloudflare を辞めた。ロリポップ + WordPress + Cloudflare で HTTPステータスコード 522 が頻発。

cloudflare 522

なんか急にブログが表示されるのに時間がかかるようになって、いざページが表示されたと思ったらこんなアラートが。

This page is currently offline. However, because the site uses CloudFlare’s Always Online™ technology you can continue to surf a snapshot of the site. We will keep checking in the background and, as soon as the site comes back, you will automatically be served the live version.

Cloudflare のキャッシュからウェブページを提供してくれているみたいで、まぁそれについては嬉しいのですが、表示までに時間結構掛かってるし、一向に復旧しない。

(さらに…)

Read More

投稿フォーマットで条件分岐してアイキャッチ画像を出し分ける方法

盆栽の記事をアップする時は画像を大きく見たいので、投稿フォーマットを「画像」として、全幅のテンプレートとして使用しているのですが、そのままだとアイキャッチ画像が全幅になってくれないので、残念な表示になります。

ですので、投稿フォーマットが画像の時は、フルサイズの画像をアイキャッチ画像として表示するように調整しました。

このブログで言うところの全幅表示例
–>買ってきた長寿梅の初めての植え替え|盆栽 | 雑記 BOOOKs

(さらに…)

Read More

WordPress プラグインを使わずにサイドバーにコメントの内容を表示する

※ワードプレステーマ:Sparkling 1.6.0

このブログ、たまーにコメントを頂けるようになってきたのですが、サイドバーに表示されるコメントウィジェット(最新のコメント)は、デフォルトだとコメントがあったことしか表示されないので、コメント内容も表示することにしました。

参考:WordPress「最近のコメント」ウィジェットをプラグイン無しでリッチ表示

(さらに…)

Read More