「WordPress」カテゴリーアーカイブ

ページ表示速度 –GTmetrix

以前から Webwait は知っていたが、計測だけであって、「遅い」原因を掴むことはできなかった。

また「遅い」ことを調べていると GTmetrix なるサービスの存在を知った。

WP Super Cache を off にしていた時、Leverage browser caching が F の筆頭で評価は BB でしかもパーセンテージも低かった。
サーバーの .htaccess に

## EXPIRES CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType text/css "access plus 6 months"
ExpiresByType application/pdf "access plus 6 months"
ExpiresByType text/x-javascript "access plus 6 months"
ExpiresByType application/x-shockwave-flash "access plus 3 months"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresDefault "access plus 100 days"
</IfModule>
## EXPIRES CACHING ##

を加えると、それは解決した。

再々インストール後今度は css や js のファイル名に付いている ?ver=1.10.2 などがジャマだという。
これも JSやCSSに自動で付与されるバージョン番号を非表示に で解決できた。

この外部リンクも BWP External Links というプラグインで行っているが、このアイコン画像もたかが 1kb ほどで済むのに 49kb もの画像を使っていた。
まだ全ての画像を復元していないが、画像については昔からファイルサイズに気を配っていたが、 画像によっては jpg であっても高サンプリングのモードにしている。

しかしそれでも GTmetrix はアラートを送ってきている。(余計な世話じゃ! たかが 1kb にも満たないセーブでも。)
斯くしてパフォーマンス・レポートは A(95%) B (83%) であるが、 C ランクにあるのは Optimize images と Inline small CSS の二つ。
YSlow では

  • Use a Content Delivery Network (CDN)
  • Avoid AlphaimageLoader filter
  • Use cookie-free domains
  • Configure entity tags (ETags)
  • Make fewer HTTP requests

が F ランクと E ランクになっている。
多分 wp-include に含まれている jquery.js や jquery-migrate.min.js とか admin-bar.min.css は CDN 化できるのであろう。

WP 再インストール

WordPress を始めて以来ずっとデフォルトの TwentyTen を使っていた。
しかし、 php は header.php や footer.php のほか余り触っていなかったのだが、いつの頃からかページ遷移にも 10 秒以上かかることが多かった。
そのためもあってか閲覧者も少なくなっていったハズ。

已むなく WordPress 再インストールを覚悟しなければならないだろうと悟った。
WP Super Cache を適用すると、ダッシュボードのてっぺんにさえ php タグのカケラが出てきていた。

サーバーからは再インストール手順をメールでもらっていたので、それに従って作業した。
データベース・テーブルが wp6_ となるので、 wp-config.php で wp5_ と編集せよとあった。

しかし一向に描画速度が向上しない。
Google 先生に訊くと WordPress アドレスとブログアドレスが異なる場合にあることがわかった。

「ひょっとしてデータベースにもトラブルがあるのかな」とも考え、既存の記事はエクスポートしておいた。

再度アンインストールして再々インストールすることにした。そしてテーマも最新の TwentyFourteen を適用してみようと思った。
記事をインポートするにも WordPress Importer なるプラグインに拠らなければならなかった。

TwentyFourteen ではデフォルトでフィーチャードエリアは適用になっていないようだが、画像つき記事ばかりでもないので、その辺は好しとしよう。
アーカイブ記事の画像が載っていないのはどうやら uploads フォルダの仕様が変わったのかな。

택을 追加

html で記事タイトルのつもりで途中送信してしまった。

そのまま行けるだろうか。

<span lang="ko">택을</span> 追加

としているが。

CSS には

div[lang="ko"], p[lang="ko"], span[lang="ko"] {
		font-family: 'Baekmuk Gulim', 'Malgun Gothic';
}

として日本語に韓国語フォントが適用されないようにしている。
逆にハングルにデフォルトのフォントでなく、windows では Malgun Gothic を適用できる。