カテゴリー: 04 運用とトラブル

 

「Crayon Syntax Highlighter」から「highlight.js」に乗り換えたが、AMPページでは【ソースコード】がハイライト表示されない。

 

 

以下、「highlight.js」を AMPページに組み込んだ記録。

"AMPに「highlight.js」シンタックスハイライトを適用する" の続きを読む

 

「Crayon Syntax Highlighter」プラグインを長年に亘り使用してきたが、ここに来てバグが顕在化してきたり、サイトのスピードアップの弊害になってきたので、思い切って代替策を検討することにした。

 

 

以下、「highlight.js」に乗り換えた記録。

"Syntax Highlighterを「Crayon」から「highlight.js」に乗り換える" の続きを読む

 

PageSpeed Insights では、診断の欄に、
「第三者コードの影響を抑えてください」と指摘される。
GTmetrix では、「YSlow」タブに、
「Reduce DNS lookups」と指摘される。

 

 

以下に、この指摘を解消した方法を記録。

"第三者コードの影響を抑えてください 解決策" の続きを読む

 

 

WP Fastest Cache Premium の更新中にエラーが発生しました: パッケージをインストールできませんでした。 PCLZIP_ERR_BAD_FORMAT (-10) : Unable to find End of Central Dir Record signature

 

 

 

以下、このプラグインの更新が出来ないトラブルへの対処記録。

"PCLZIP_ERR_BAD_FORMAT (-10) : Unable to find End of Central Dir Record signature" の続きを読む

 

ブログで使用している画像は経験値として、
全て「.jpg」形式のフルサイズで、７
・デジカメ写真の場合は「800 x 600」
・スマホ写真の場合は「840 x 472」
に、サイズを縮小してアップロードしている。

 

 

ここに来て「Webサイトの高速化」の為に、画像サイズについて、今一度見直しを行ってみた。

"EWWW Image Optimizer API クレジットの購入と Cloud版の使用" の続きを読む

 

EWWW Image Optimizer をインストールし、有効化すると次のエラーが出る。

 

エラーメッセージの内容。

EWWW Image Optimizer は jpegtran, optipng, pngout, pngquant, gifsicle, and cwebp を使用します。 jpegtran, optipng, gifsicle がありません。 設定ページ と インストール手順 をインストールしてください。

 

以下、このエラーを解決した記録。

"EWWW Image Optimizer の導入で「jpegtran, optipng, gifsicle がありません。」になる" の続きを読む

 

Webサーバーを、Raspberry Pi 3Bから 4Bにアップグレードするに当って、WordPressの引っ越しが発生。「All-in-One WP Migration」を使った引越は上手くゆかず、「Duplicator」を使って引っ越すと、問題なくすんなりと移行できた。

 

 

以下、WordPressを Duplicatorで引っ越した記録。

"「Duplicator」で サイズの大きいサイト（500MB超）を移行" の続きを読む

 

PageSpeed Insightsの診断で、「ウェブフォント読み込み中のテキストの表示」が指摘される。この対策として、「Font Awesome」の使用を【 CDN 】から【 Local 】に変更することにした。

 

 

以下、Font Awesomeを ローカル使用に変更した記録。

"Font Awesomeを ローカル使用に変更する" の続きを読む

 

PageSpeed Insights で指摘された「改善できる項目」の中から、最初に、　【テキスト圧縮の有効化】に対処し、ページ読込時間の短縮を図った。
次に、「改善できる項目」のトップに出てきたのが「レンダリングを妨げるリソースの除外」である。

 

 

以下、Webサイトのスピードアップの一つである「レンダリングを妨げるリソースの除外」を、「WordPress」に実装した記録。

"WordPress CSSとJSファイルの遅延読み込み" の続きを読む

 

すでに、グローバル サイトタグ（gtag.js）を、WordPress の「ヘッダー（header.php)」の </head>タグの直前に貼り付け、「Googleアナリティクス」の設置を行っていたが、これを、「Google タグ マネージャー」に変更した。

 

 

以下、「Google タグ マネージャー」に乗り換えた記録。

"WordPress Google タグマネージャーの導入" の続きを読む