HOME>現在のページは投稿記事ではありません。
投稿日:

EWWW Image Optimizer API クレジットの購入と Cloud版の使用

WordPress Twenty Seventeen
Webサイトの高速化
その-７ 「適切なサイズの画像」
EWWW Image Optimizer を使ってみる
 
ブログで使用している画像は経験値として、
全て「.jpg」形式のフルサイズで、７
・デジカメ写真の場合は「800 x 600」
・スマホ写真の場合は「840 x 472」
に、サイズを縮小してアップロードしている。
 
スマホ写真の場合は、「840 x 472」にサイズ変更して後、「tinyjpg」による圧縮してプロードするのが良い。
 
ここに来て「Webサイトの高速化」の為に、画像サイズについて、今一度見直しを行ってみた。

 

HOME>現在のページは投稿記事ではありません。
投稿日:

EWWW Image Optimizer の導入で「jpegtran, optipng, gifsicle がありません。」になる

WordPress Twenty Seventeen
EWWW Image Optimizer の導入
有効化するとエラーが出る
 
EWWW Image Optimizer をインストールし、有効化すると次のエラーが出る。
 
EWWW Image Optimizer を有効化するとjpegtran, optipng, gifsicle がありません。
エラーメッセージの内容。
EWWW Image Optimizer は jpegtran, optipng, pngout, pngquant, gifsicle, and cwebp を使用します。 jpegtran, optipng, gifsicle がありません。 設定ページ と インストール手順 をインストールしてください。
 
以下、このエラーを解決した記録。

 

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」に実装した記録。