Webサーバーを Pi 3 1GB から Pi 4 4GB Buster に更新

Webサーバー サイトの管理
PageSpeed Insights Webサイトの高速化
その-3 サーバー応答時間の短縮(TTFB)

Raspberry Pi 4 4GBに サーバーをアップグレード
 
PageSpeed Insights で指摘された「改善できる項目」の中から、
 その-1 テキスト圧縮の有効化。
 その-2 レンダリングを妨げるリソースの除外。
と、ページ読込時間の短縮対策を打ってきた。
次に、トップに出てきたのが「サーバー応答時間の短縮(TTFB)」である。
 
サーバー応答時間の短縮(TTFB)
 
以下、サーバーのアップグレードを行った記録。

WordPress CSSとJSファイルの遅延読み込み

Webサーバー サイトの管理
PageSpeed Insights Webサイトの高速化
その-2 レンダリングを妨げるリソースの除外

WordPress CSSとJSファイルの遅延読み込み
 
PageSpeed Insights で指摘された「改善できる項目」の中から、最初に、 【テキスト圧縮の有効化】に対処し、ページ読込時間の短縮を図った。
次に、「改善できる項目」のトップに出てきたのが「レンダリングを妨げるリソースの除外」である。
 
改善できる項目。
 
以下、Webサイトのスピードアップの一つである「レンダリングを妨げるリソースの除外」を、「WordPress」に実装した記録。

nginx テキスト圧縮で サイトの高速化

Webサーバー サイトの管理
PageSpeed Insights : Webサイトの高速化
その-1 テキスト圧縮の有効化

nginx gzipの有効化で テキスト圧縮
 
Google Search Consoleに「速度(試験運用版)」が追加され、サマリーの中の「拡張」と「拡張」セクションの双方に「速度(試験運用版)」が表示されるようになった。
 
拡張 → 速度(試験運用版)をクリックすると、速度帯毎のURL数の推移が見れる。
拡張→速度(試験運用版)をクリックをクリックすると、 速度帯毎のURL数の推移が見れる。
 
さらに、「レポートを開く」をクリックすると、「速度帯毎のURL数」の推移が棒グラフで表示される。
 
『真っ赤っか』ではないか、なんとかせねばならぬ。
『真っ赤』ではないか、なんとかせねばならぬ

nginx サブディレクトリへのアクセスを 他のドメインに リダイレクト

Raspberry Pi + nginx = Webサーバー
サブディレクトリへのアクセスを
他のドメインに リダイレクトメインする設定
 
ディレクトリとドメイン名は、下図のような関係になっている。
 
fukusuudomain12
以下に、【 https://arakan60.mydns.jp/wordpress/?p=xxxx 】のようにディレクトリ指定でのアクセスを、【 https://arakan60.com/?p=xxxx 】という別のドメインにリダイレクトした方法を記す。

Webサイト 特定ページへのアクセスを、指定したURLに自動転送

Webサイト 運用管理 SEO対策
URL変更(HTMLのファイル名を変更)時の対策
301リダイレクト は、ユーザーにもSEOにも重要
 
★ 検索結果には、元のhtml(old.html)が表示されており、(old.html)がなければ 500エラー になるし、あれば古い内容が表示される結果となる。
★ Search Console の検索アナリティクスには、元のhtml(old.html)へのアクセス件数が表示されている。
 

『SSLなう!』ブラウザで取得した証明書の更新

Raspberry Pi + nginx = Webサーバー
「SSLなう! 」による 証明書の更新
 
Let’s Encrypt から certificate expiration notice が届く。
Hello,
Your certificate (or certificates) for the names listed below will expire in 19 days (on 08 Apr 17 00:28 +0000). Please make sure to renew
your certificate before then, or visitors to your website will encounter errors.
arakan60.com
For any questions or support, please visit https://community.letsencrypt.org/.
Unfortunately, we can’t provide support by email.
 
最初に証明書を取得したのが 2017.01.08 だったので、もう少しで3ヶ月が経過する。証明書の有効期間は3ヶ月なので更新が必要とのこと。
今回も、Raspberry Pi のサーバーで自動更新するのではなく、手作業にて証明書を再取得し、再登録を行った。

Let’s Encrypt の証明書で nginx を HTTPS化し SSL通信にする

Raspberry Pi + nginx = Webサーバー
Let’s Encrypt の証明書でHTTP/2化し、
無料で 『セキュリティ評価:A+』 を取得
 
「SSLなう! (https://sslnow.ml/)」はブラウザ上で動作する Let’s Encrypt クライアントで、
・証明書発行までほぼブラウザのみで可能
・ドメイン名所有確認方法として http-01 と dns-01 に対応
・証明書発行のための通信はすべて ブラウザ と Let’s Encrypt サーバ の間で直接行われる
・証明書申請用の署名鍵・連絡先はブラウザの localStorage に保存
と、超簡単!
 
サイト arakan60.mydns.jp で A+ を取得。

phpMyAdmin で 『アップロードしようとしたファイルが大きすぎるようです』というエラーが出る

phpMyAdmin で SQLファイルをインポートするとき、
『アップロードしようとしたファイルが大きすぎるようです』
というエラーが出る。
その対策を含めた ” 設定 ” を以下に記述。
 
phpMyadmin のインストール要領
 

①.sudo apt-get install phpmyadmin
Web-server selection の画面で Apache か lighttpd かどちらのサーバーかと、と聞いてくるが、どちらでもないので、チェックを外しておく。
パスワードを合計3回聞いてくるので、MySQL を導入した時と同じモノを入力しておく。

②.リンクを貼る
ln -s /usr/share/phpmyadmin /home/yaopi/www

③.URLを次のように入力すれば、phpMyadmin の画面が表示される。
http://192.168.11.xxx/phpMyAdmin/index.php

nginxのBasic認証で、サイトの一部にセキュリティを掛ける

Raspberry Pi + nginx = Webサーバー
nginx での Basic認証 の設定方法
 

ホームページを増やしていくと、家族とか特定の人にしか見せたくないページが出来てくる。そこで、サブディレクトリーを作り、この中のページにだけセキュリティをかけてみた。( サブディレクトリー = hoge )

nginx のエラーメッセージをカスタマイズ

Webサイト 運用管理 SEO対策
クローラーからの 404エラー 対策
 

意味不明の、訳のわからない ”見つかりませんでした” というURLエラーが多く出るので、nginx のエラーメッセージのカスタマイズを行った。

sudo nano /etc/nginx/sites-available/default
で、ドメイン毎に ”404エラー用のページ” を設定。