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

 

「PageSpeed Insights」の測定で、「次世代フォーマットでの画像の配信」に【警告】が表示されるページが出てきた。

 

 

以下、nginx + WordPressの環境で、画像を【 WebP 】での配信に切り替えた記録。

“nginx-WordPress WebP 画像の配信” の続きを読む

 

目的
「メディアを、FTPで特定の年月フォルダーにアップロードする。」
　→　記事を投稿した年月と同じ年月のフォルダーに、
　　　画像をアップロードしたい。

 

 

以下、特定の年月フォルダーに画像をアップロードする方法を記録。

“FTPで 画像を 特定の年月別フォルダーにアップロードする” の続きを読む

 

 

AMPページを、「highlight.js」を使用してシンタックスハイライトすると、Search Consoleにおける AMPでのエラーが続発することになった。そこで、【 Javascript 】ではなく【 PHP 】を使用した「highlight.php」でシンタックスハイライトすることにした。

 

 

以下、PHP版の「highlight.php」をインストールした記録。

“AMPページを「highlight.php」を使って シンタックスハイライトする” の続きを読む

 

Search Console の AMPで、『タグ「style amp-custom」内のテキストに「CSS !important」が含まれていますが、これは許可されていません。』というエラーが出る。

 

 

以下、「CSS !important」エラーの修正記録。

“タグ「style amp-custom」内のテキストに「CSS !important」が含まれていますが、これは許可されていません。” の続きを読む

 

関連記事プラグイン「WordPress Related Posts」を使用しているが、AMPページではスタイルが崩れてしまう。

 

 

以下、AMPページ用にCSSをカスタマイズした記録。

“WordPress Related Posts 関連記事 AMP用のカスタマイズ” の続きを読む

 

「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」と指摘される。

 

 

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

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