問題タブ [google-pagespeed]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
html - スクロールせずに見える CSS の最適化
PageSpeed Insightsスコアを向上させるために、「スクロールせずに見えるコンテンツでレンダリングをブロックする JavaScript と CSS を削除する」という要件を修正したいと考えていますが、この問題に対する最善のアプローチが何であるかはよくわかりません。
- 新規訪問者と再訪問者のページ負荷のバランスを最適に保つにはどうすればよいですか?
- CSS を非同期的にロードする必要があるのはいつですか?
- 小さな画面にはインライン CSS のみを使用する必要がありますか?
関連プレゼンテーション:クリティカル レンダリング パスの最適化
例
大量の CSS をインライン化すると、その後の訪問でページの読み込みが遅くなるため、Cookie に基づいて、定期的な訪問者にさまざまなバージョンを提供できます。スクロールせずに見える CSS を検出するには、次の記事のブックマークレットを使用できます: paul.kinlan.me/detecting-critical-above-the-fold-css/
新規訪問者の場合:
リピーターの方へ：
このアプローチに問題はありますか？
google-app-engine - AppEngine Page Speed 使用時の CDN リンク
アプリに PageSpeed を使用しています。css ファイルが 1 つに結合されていることがわかりますが、Google の静的コンテンツhttps://1-ps.googleusercontent.com/sx/sを使用しています....
この最終ファイルを cdn (同じオリジンへのアクティブなマッピングを持つ Cloudfront) からロードする必要があります。nginx の通常のページ速度のインストールで動作します。
Google 静的サーバーからロードされているページ速度最適化ファイルのドメインを書き換えるにはどうすればよいですか?
ありがとう。
performance - サーバーの応答時間 - Bluehost 上の Drupal
過去に、Googleページの速度や多くの同様のツールでサイトの速度をチェックしたとき、サイトは非常に高いスコアを獲得しました（cssとjsの最適化が良好です）。高度な CSS/JS アグリゲーション モジュールとブースト モジュールをインストールして、高得点を獲得しました。
その後、突然、Google ページの速度 (およびその他のツール) で、サーバーの応答時間が約 3 秒遅いというメッセージが表示されるようになりました。
私のサイトは Drupal 7 で構築され、Bluehost 共有ホスティングでホストされています。
Bluehostテクニカルサポートは、問題は彼らの側にあるとは言いません
サーバーが遅くなる原因は何だと思いますか?
どうすれば修正できますか？
または、少なくとも何を確認する必要がありますか (画像、キャッシュ、その他)?
nginx - Varnishを使用したGoogle Nginx PagespeedはTTFBを増加させます
fpc の Varnish プロキシの前に Pagespeed をインストールしました。#pagespeed on; および #pagespeed FileCachePath /dev/shm; (どちらも無効) ウォーム キャッシュの ttfb は ~90ms です。FileCachePath のコメントを外す (#pagespeed on のままにしておく) と、ウォーム キャッシュで ttfb が 350 ミリ秒になります。ページ速度がオンになっている場合と同じように、ページ速度が200〜300ミリ秒を方程式に追加しているように見えますが、実際にはそれほど効率的ではありません.
apache - nginx と apacher を使用した google pagespeed は推奨されますか? どこにインストールしますか?
nginx フロントエンド サーバーとバックエンド サーバーとして apache を使用してセットアップを実行しています。
ページ速度はどこで設定しますか? この設定で mod_pagespeed を apache にインストールすることはまだ可能ですか? ウェブサーバーに直接アクセスできません!
このような設定で、Googleのページ速度がどれだけパフォーマンスを向上させるか経験はありますか? それはまったくお勧めですか？
performance - mod_pagespeed Google Pagespeed Insight を有効にした後でも、最適化された画像が表示されます。なんで？
Apache サーバーに mod_pagespeed をインストールして有効にしました。
pagespeed.conf ファイルのデフォルト設定に次のコード行を追加しました。
画像を最適化するフィルターを有効にしたことに注意してくださいrewrite_images（ドキュメントに従って）。
サイト ( http://kisan.co.in ) で Google Pagespeed Insights をテストすると、まだOptimize Imagesが表示されます
これがスクリーンショットです
その理由は何ですか？画像は自動的に最適化されるべきではありませんか?
前もって感謝します。
google-tag-manager - PageSpeed のレビューと最適化
Google pagespeed Insight を使用してページの速度を分析したところ、提案を下回りました。どのように実装できるか教えてください。
javascript - ローカル プラグイン JavaScript でブラウザ キャッシュが機能しない
次のコードを .htaccess ファイルに追加しました。
しかし、PageSpeed Insights では、次の目的でブラウザー キャッシュを活用する必要があるとまだ言われています。
これらはすべて plugins フォルダー内のローカル ファイルであるため、Cache-Control が機能するはずです。私が間違っていることは何か分かりますか？助けてくれてありがとう。
angularjs - PageSpeed Service/Library はシングル ページ アプリケーション (SPA) にどのように役立ちますか?
私はPageSpeed Insightsを使用しており、その結果に基づいた手動のトリッキー/アドホックな最適化に苦労しました。新しい PageSpeed 最適化ライブラリ/サービスを使用できることを楽しみにしています。
AngularJS を使用したシングル ページ アプリケーション ( SPA ) があります。これは、サービス指向アーキテクチャ ( SOA ) を使用して構築されています。いくつか質問があります、
- PageSpeed Service は SPA に対してどのような最適化を行うことができますか?
- どの pagespeed フィルターを使用する必要がありますか?
- [ PageSpeed Serviceの場合] (Web サービスへの) AJAX リクエストは同一生成元ポリシーでどのように機能しますか?
- [ PageSpeed Serviceの場合] Web サービスも同じ Google の pageSpeed サーバーで実行する必要がありますか?