HOME →  → 

GTmetrix 測定での「Leverage browser caching」への対応

Webサーバー サイトの運用
Webサイトの高速化
その-6 「Leverage browser caching」

Nginx ブラウザキャッシュの有効化
 
「GTmetrix」という、WEBサイトの表示速度チェックツールを使ってみると、6「PageSpeed Insights」とは異なった視点で、具体的な改善点が指摘される。
 
詳細を見ると、【expiration not specified】の行が多数ある
「Leverage browser caching」での【expiration not specified】。
 
以下、nginxで「Leverage browser caching」に対応した記録。

 

HOME →  → 

nginx fastcgi キャッシュによる サイトの高速化

Webサーバー サイトの構築
PageSpeed Insights Webサイトの高速化
その-5 キャッシュによる サイトの高速化

Nginx-Wordpressで fastcgi cacheの設定
 
PageSpeed Insights で指摘された「改善できる項目」の中から、
 その-1 テキスト圧縮の有効化
 その-2 レンダリングを妨げるリソースの除外
 その-3 Font Awesomeを ローカル使用に変更する
 その-4 サーバー応答時間の短縮(TTFB)。
と、ページ読込時間の短縮対策を打ってきた。
サイトの速度が上がると、それに比例してアドセンスの収益も上がってきたので、さらに改善すべく『キャッシュの有効化』に挑戦した。
 
fastcgi cache
 
以下、Nginxの fastcgi cacheを設定した記録。

 

HOME →  → 

nginx 設定ファイルの ドメイン別分割 と 最適化

Webサーバー サイトの構築
nginx 設定ファイル ドメイン別分割 と 最適化
 
複数のドメインで、SSL化やWWWの正規化を行うと、nginx の設定ファイル『default.conf』における「server」ブロックの記述が多くなり、長くて見にくくなってきた。
 
nginxの設定ファイルと、ドメイン別分割設定の概念
 
以下、nginxの設定ファイルの見直しとドメイン別分割を行った記録。

 

HOME →  → 

Webサーバーを Pi 3 1GB から Pi 4 4GB Buster にアップグレード

Raspberry Pi Webサーバーの構築
PageSpeed Insights Webサイトの高速化
その-4 サーバー応答時間の短縮(TTFB)

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

 

HOME →  → 

「Duplicator」で サイズの大きいサイト(500MB超)を移行

WordPress Twenty Seventeen
Webサーバーのアップグレード
WordPressを Duplicatorで引っ越し
 
Webサーバーを、Raspberry Pi 3Bから 4Bにアップグレードするに当って、WordPressの引っ越しが発生。「All-in-One WP Migration」を使った引越は上手くゆかず、「Duplicator」を使って引っ越すと、問題なくすんなりと移行できた。
 
データベースへの書き込みが始まる
 
以下、WordPressを Duplicatorで引っ越した記録。

 

HOME →  → 

Raspberry Pi 4 Model B Raspbian Busterの インストール

Raspberry Pi セットアップ
Raspberry Pi 4 Model B 4GB
Raspbian Buster の セットアップ
 
『 Raspberry Pi 4 Model B 4GB 』を入手した。
 
これまで稼働してきた【 Stretch 】のSDカードで起動させてみるも、起動しない。
 
「Raspbian Buster with desktop」を書き込んだ【 Buster 】のSDカードを挿すと、すんなりと起動したので、続けてインストールした。
 
Raspbian Buster with desktop Image
 
Raspbian Buster with desktop
Image with desktop based on Debian Buster
Version:September 2019
Release date:2019-09-26
Kernel version:4.19
Size:1123 MB
 
以下、【 Buster 】のインストール記録。

 

HOME →  → 

Font Awesomeを ローカル使用に変更する

WordPress Twenty Seventeen
PageSpeed Insights Webサイトの高速化
その-3
「ウェブフォント読み込み中のテキストの表示」対策
Font Awesomeを ローカル使用にする
 
PageSpeed Insightsの診断で、「ウェブフォント読み込み中のテキストの表示」が指摘される。この対策として、「Font Awesome」の使用を【 CDN 】から【 Local 】に変更することにした。
 
「ウェブフォント読み込み中のテキストの表示」の詳細には、<head>内に埋め込んだ【 CDN 】のURLが表示されている
 
以下、Font Awesomeを ローカル使用に変更した記録。

 

HOME →  → 

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

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

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

 

HOME →  → 

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

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

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

 

HOME →  → 

Nebo ノートを Windows PC と共有する方法

スマホ・タブレット 関連ノウハウ
Neboノートブックを Windows PC と共有する方法
 
iPadの「Nebo」で作成したブログ用の原稿を、Windows PCで編集しながら記事を投稿するために、Neboのノートブックを Windows PC と共有する必要に迫られる。
 
nebo ノートブックを Windows PC と共有する方法
 
以下に、Neboのノートブックを Windows PC と共有する方法を記録。