「PageSpeed Insights」の検索結果
-
Font Awesome 4系から5系に変えるメリット（PageSpeed Insights対策）と変更方法（擬似要素から派生するsvgタグにスタイルを当てる方法）
最近、エコテキブログでFont Awesome 4系のフォントアイコンをFont Awesome 5系のSVGアイコンに変えました。4系はWebフォントを使いますが、5系はSVGとJavaScriptと組み合わせて使うことができるようになっています。 Font Awesome 5 がリリースされた — ... -
PageSpeed InsightsのLighthouseで「オフスクリーン画像での遅延読み込み」が指摘される〜a3 Lazy Loadでスコアの改善
PageSpeed Insightsの速度スコアにLighthouseが導入されましたね。自分は2018年11月中旬ぐらいに画面が変更されて祈ることに気がつきました。LighthouseはChromeのプラグイン（拡張ツール）として公開されていましたが、PageSpeed Insightsにも導入された... -
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が表... -
MySQLのチューニング〜PageSpeed Insightsが表示する「サーバーの応答時間を短縮する」の対応準備〜 MySQLTunerとSHOWクエリの活用
Googleが提供するPageSpeed Insightsの「最適化提案」の1つとして、「サーバーの応答時間を短縮する」という項目があります。「サーバーの応答時間を短縮する」を指摘されると、実際の応答速度とともに、サーバーの応答時間を改善するための「Googleの推奨... -
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で確認しました。 確認したところおおむねメモリに問題があることが判明しましたので、今回の記... -
PageSpeed Insights の最適化提案 「サーバーの応答時間を短縮する」について解決する 〜 その1（サーバー監視ツール Muninによる改善点の確認）
Google developerが提供しているPageSpeed Insightsで自分が書いたブログページの評価を診断してもらいました。 GoogleのFirebaseで学習するECMAScript6のPromiseオブジェクト・thenメソッド・catchメソッド 診断の対象としたページは上記のページです。残... -
GoogleのPageSpeed Insightsを見ながらWordPressの高速化。W3 Total CacheとWP Deferred Javascriptsの活用
最近、自分が運営しているエコテキブログが、やたらと重く感じるようになってきました。 PageSpeed Insightsによる採点結果 そこでGoogle developersのPageSpeed Insightsで調べてみると、Google先生から付けられた採点が「赤点」に（汗 モバイル モバイル... -
Chromeに高速サイトと低速サイトを識別するバッジを追加する計画が発表〜Google Developers Japan 「さらに高速なウェブへの移行に向けて」より
2019年12月10日火曜日にGoogle Developers Japanのブログサイトにおいて、「さらに高速なウェブへの移行に向けて」というタイトルの記事が公開されました。内容を簡単にまとめると、「高速サイトと低速サイトを識別するためのバッジを追加するから、Webサ...
12