Google developer– tag –
-
AndroidでPWAを実装するために必要なmanifest.jsonとService Workerについて
PWA(Progressive Web Apps)と、manifest.jsonやService Workerにはどんな関係があるでしょうか？簡単にいうと、manifest.jsonやService Workerは、AndroidのスマホにおいてPWAを成立させるための要素です。 AndroidでPWAを成立させるための要素 Androidに... -
PageSpeed InsightsのLighthouseで「オフスクリーン画像での遅延読み込み」が指摘される〜a3 Lazy Loadでスコアの改善
PageSpeed Insightsの速度スコアにLighthouseが導入されましたね。自分は2018年11月中旬ぐらいに画面が変更されて祈ることに気がつきました。LighthouseはChromeのプラグイン（拡張ツール）として公開されていましたが、PageSpeed Insightsにも導入された... -
WordPress + AMP（Accelerated Mobile Pages） + PWA（プログレッシブ ウェブアプリ）でWordPressサイトの高速化について考えてみた
PageSpeed Insightsの速度スコアにLighthouseが導入されましたね。自分は2018年11月中旬ぐらいに画面が変更されて祈ることに気がつきました。LighthouseはChromeのプラグイン（拡張ツール）として公開されていましたが、PageSpeed Insightsにも導入された... -
CentOS7,PHP7,MySQL5.6のWordPressサイトを運用する その3（Google Search Consoleの活用例3選、noindexプロパティの追加、ブロックされたリソースの読み込み、403ページのリダイレクト）
最近、GoogleのSearch ConsoleがGoogle Search Consoleという名称に変わりました。Google Search ConsoleとはGoogle検索で行われたサイトのパフォーマンスを監視・管理できる、Googleの無料サービスです。公式ドキュメントを見ていると、サービスの主旨は... -
CentOS7,PHP7,MySQL5.6のWordPressサイトを運用する その2（画像の最適化・圧縮の有効化・ブラウザキャッシュの活用・CSS/JavaScriptの縮小でサイトの読み込み速度を向上させる）
「CentOS7,PHP7,MySQL5.6でWordPressサイトを構築」シリーズでは、セキュリティに配慮しつつ、ミドルウェア（Apache/MySQL）とアプリケーション(PHP/WordPress)をインストールしました。ですがサーバーは構築だけをすれば良いというものではなく、その後の... -
Google Search Consoleから「サイトのインデックス カバレッジの問題の未修正部分について」のお知らせ~ .htaccessにカスタムレスポンス（ErrorDocument）を編集して解決する
先日、GmailをチェックしているとGoogle Search Consoleから冒頭の画像のようなお知らせが来ました。 サイト「https://e-yota.com/」（特に、robots.txt によりブロックされましたが、 インデックスに登録しました の影響を受けるページ）における インデ... -
PageSpeed Insights の最適化提案 「サーバーの応答時間を短縮する」について解決する 〜 その6（WP Super Cacheの活用）
https://e-yota.com/webservice/reduce_server_response_time_pagespeed_insights_3/ 先日、エコテキブログで使っているサーバーを、「さくらのVPS 512MBプラン」を「さくらのVPS 2GBプラン」に変更しました。するとGoogleが提供するPageSpeed Insightが表... -
PageSpeed Insights の最適化提案 「CSSを縮小する」・「JavaScriptを縮小する」について解決する~WordPressのプラグイン Autoptimizeの活用
https://e-yota.com/webservice/browser_cashe_pagespeed_insights PageSpeed Insights の最適化提案 「ブラウザキャッシュを活用する」について解決すると、モバイルの評価が76点に、パソコンが74点になりました。今回の記事では、同じくPageSpeed Insigh... -
PageSpeed Insights の最適化提案 「ブラウザキャッシュを活用する」について解決する
https://e-yota.com/webservice/deflate_enable_pagespeed_insights/ PageSpeed Insightsで表示された提案で「圧縮を有効にする」について解決をすると、モバイルの評価が77点に、パソコンが71点になりました。今回の記事では、同じくPageSpeed Insightsか... -
PageSpeed Insights の最適化提案 「圧縮を有効にする」について解決する
https://e-yota.com/webservice/optimize_images_pagespeed_insights/ PageSpeed Insightsで表示された「画像を最適化する」という提案に対して、WordPressのプラグインであるEWWW Image Optimizerを使うと、パソコンの評価が13ポイントも上がりました（50... -
PageSpeed Insights の最適化提案 「サーバーの応答時間を短縮する」について解決する 〜 その5（slab_casheを解放する）
前回の記事で仮想ディスクの容量を増加させることで、swapとslab_casheを抑えることについて記事を書きました。ところが引き続きMuninでメモリの様子を確認していると、ふたたびslab_casheの容量が増大してきました。 増え続けるslab_cashe どうやら増加し... -
PageSpeed Insights の最適化提案 「サーバーの応答時間を短縮する」について解決する 〜 その4（ディスクの拡張でメモリのswapとslab_casheが減少）
スケールアップした「さくらのVPS 512MB → 2GB」をMuninで引き続き監視すると、Memory usageの"swap（赤）"と"slab_cashe（黄）"が肥大化していることが分かります。これらが肥大化する原因は分かりませんが、ディスクの拡張をすることによって抑えること... -
PageSpeed Insights の最適化提案 「画像を最適化する」について解決する
https://e-yota.com/webservice/reduce_server_response_time_pagespeed_insights_3 サーバーのスケールアップ（「さくらのVPS 512MB」 → 「さくらのVPS 2GB」）をすることで、サンプルページについてPageSpeed Insightsの評価を上げることができました。 ... -
PageSpeed Insights の最適化提案 「サーバーの応答時間を短縮する」について解決する 〜 その3（スケールアップ後のInsights評価確認）
前回の記事では「さくらのVPS 512MBプラン」を「さくらのVPS 2GBプラン」に変更する方法をご説明しました。今回の記事ではスケールアップした後に、各種指標がどのように変わったのかを紹介します。以降で説明する測定値は、7月18日（水）19:30から7月20日... -
PageSpeed Insights の最適化提案 「サーバーの応答時間を短縮する」について解決する 〜 その2（「さくらのVPS」をスケールアップする手順）
前回の記事では、PageSpeed Insightsで指摘された「サーバーの応答時間を短縮する」ために運営しているブログにおける改善点をサーバー監視ツールであるMuninで確認しました。 確認したところおおむねメモリに問題があることが判明しましたので、今回の記...
12