問題タブ [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.
compression - GoogleのPageSpeedロスレス画像圧縮はどのように機能しますか?
ウェブサイトでFirebug/Firefox用のGoogleのPageSpeedプラグインを実行すると、画像を可逆圧縮できる場合が提案され、この小さい画像をダウンロードするためのリンクが提供されます。
例えば:
- http://farm3.static.flickr.com/2667/4096993475_80359a672b_s.jpgを可逆圧縮すると、33.5KiB(85%削減)節約できます。
- http://farm2.static.flickr.com/1149/5137875594_28d0e287fb_s.jpgを可逆圧縮すると、18.5KiB(77%削減)節約できます。
- http://cdn.uservoice.com/images/widgets/en/feedback_tab_white.pngを可逆圧縮すると、262B(11%削減)を節約できます。
- http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/images/ui-bg_flat_75_ffffff_40x100.pngを可逆圧縮すると、91Bを節約できます(51%削減)。
- http://www.gravatar.com/avatar/0b1bccebcd4c3c38cb5be805df5e4d42?s=45&d=mmをロスレス圧縮すると、61Bを節約できます(5%削減)。
これは、JPGとPNGの両方のファイルタイプに適用されます(GIFなどはテストしていません)。
Flickrのサムネイルにも注意してください(これらの画像はすべて75x75ピクセルです)。かなり大きな節約になります。これが本当に素晴らしいのなら、なぜYahooはこのサーバー側をライブラリ全体に適用し、ストレージと帯域幅の負荷を減らしないのでしょうか。
Stackoverflow.comでさえ、ごくわずかな節約を意味します。
- http://sstatic.net/stackoverflow/img/sprites.png?v=3を可逆圧縮すると、1.7KiBを節約できます(10%削減)。
- http://sstatic.net/stackoverflow/img/tag-chrome.pngを可逆圧縮すると、11Bを節約できます(1%削減)。
PageSpeedが、Photoshopの「Web用に保存」機能を使用して作成したPNGファイルをかなり節約できることを示唆しているのを見てきました。
だから私の質問は、画像を大幅に減らすために、画像にどのような変更を加えているのかということです。ファイルの種類によって答えは違うと思います。これはJPGにとって本当にロスレスですか?そして、どのように彼らはPhotoshopを打ち負かすことができますか?私はこれを少し疑うべきですか?
c# - C# から Google page-speed SDK を使用するにはどうすればよいですか
マネージド コード ( C# ) 内からGoogle ページ速度 SDK ( http://code.google.com/p/page-speed/ )を使用できるようにしたいと考えています。誰でも私が何をする必要があるかを説明できます。
http://www.swig.orgに出くわしましたが、これは私が必要としているもののように見えますが、ドキュメントが多すぎて、木を通して木を見るのが難しいと感じています!
乾杯、
クリス
jquery - JQueryライブラリで不要なリフローを排除するにはどうすればよいですか?
それで、私はちょうど私のウェブサイトでグーグルのページスピードを走らせて、次の通知を受け取りました:
誰かがそれが何を意味するのか教えてもらえますか?そして、それらの不要なリフローを「排除」する方法は?
私もhttp://code.jquery.com/jquery-1.6.2.min.js
代わりに使ってみましたが、同じことがわかります。
さらに、httpよりもhttpsを使用したいので、GoogleのCDNを使い続けたいと思います。
これが時期尚早の最適化の場合ではないことを願っていますか?ちょっと興味があるんだけど。
javascript - スクリプトが本当に短い場合、外部インクルードよりもインライン JavaScript を使用することをお勧めしますか?
私は常に JavaScript を下部と外部に維持しようとするため、Web サイトで外部 JavaScript を使用します。
しかし、Googleのページ速度はこの提案をしています
次の外部リソースには、小さなレスポンス ボディがあります。HTML で応答をインライン化すると、ページ レンダリングのブロックを減らすことができます。
http://websiteurl/は、次の小さなリソースをインライン化する必要があります: http://websiteurl/script.js
この外部 js ファイルには、このコンテンツのみが含まれています
しかし、Yslowでは、この提案を受け取ります
JavaScript と CSS を外部化する上で等級なし
プロパティが一般的なユーザーのホームページである場合にのみ、これを考慮してください。
HTML ドキュメントにインライン化された JavaScript と CSS は、HTML ドキュメントが要求されるたびにダウンロードされます。これにより、HTTP 要求の数が減りますが、HTML ドキュメントのサイズが大きくなります。一方、JavaScript と CSS がブラウザーによってキャッシュされた外部ファイルにある場合、HTTP 要求の数を増やすことなく、HTML ドキュメントのサイズが縮小されます。
グーグルとヤフー、どっちが正しい?
javascript - JavaScript の遅延解析 - Google Page Speed
すべての JavaScript ファイルは既に一番下にありますが、Google Page Speed は速度を改善するために次の提案をしています。
JavaScript の遅延解析
最初のページ読み込み時に 88.6KiB の JavaScript が解析されます。JavaScript の解析を延期して、ページ レンダリングのブロックを減らします。 http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js (76.8KiB) http://websiteurl/js/plugins.js (11.7KiB) http://websiteurl/ (インライン JavaScript の 109B)
これは私のhtmlです(例)
defer を使用してパフォーマンスを向上させるにはどうすればよいですか?
それはGoogle chrome専用ですか、それともすべてですか?
javascript - JQueryインスタンスメソッドをGoogleAPIコールバックとして送信するにはどうすればよいですか?
(JQueryプラグイン)オブジェクトスコープのメソッドをGoogle APIコールバックとして送信する方法を以前に理解した人はいますか?たとえば、PageSpeedAPIの場合。
すべてのサンプルは、グローバル関数の名前を送信することを示していますが、特定のインスタンスメソッド(またはJQueryオブジェクトを再検索する方法)を何らかの方法で送信したいと思います。
これは彼らのサンプルに基づいています:
だから私が達成したいのはこの呼び出しのようなものです:
プラグインのinitメソッド内からGoogleへの呼び出しを設定しています。
たとえば、これを試しましたが、これにより、GoogleAPIから400の不正なリクエストが生成されます。
私が本当にしたくないのは、各プラグインインスタンスの応答をキャッチするためだけに、名前が変更されたグローバルを作成することですが、これが唯一の方法だと思いますか?(これはところで動作します。)
洞察を事前に感謝します!解決策はGoogleAPI固有ではないかもしれませんが、グローバル関数名以外のものを拒否する理由の周りにある可能性があります。
asp.net - /default.aspxが見つかりません
Google Page Speed Onlineを使用して発生した問題がありますが、これには全体像があるのではないかと心配しています。オンラインツールを使用してサイトを実行しました。結果は次のとおりです:https ://developers.google.com/pagespeed/#url=www.exclaimer.com&mobile=false 。http://www.exclaimer.com/oops.aspx?aspxerrorpath=/default.aspxに発生したリダイレクトを要求していることに注意してください
これで、 http://www.exclaimer.comとhttp://www.exclaimer.com/default.aspxの両方を接続した元のURLがブラウザで見つかりました。見つからないページのログを保持しており、実際に/default.aspxは1000回以上そこにあります(変更は24時間前にのみ発生しました)。これは私がPageSpeedオンラインツールを1000回試したのではないので、これが失敗している別のGoogleサービス(または他の自動システム)である可能性があるのではないかと心配しています。サイトにアクセスできないという訪問者からの苦情はなく、通常のユーザーにとっては問題はなく、問題は自動ボットなどにのみ起因していると私は信じています。
私の質問は、問題の原因を特定する方法を知っている人はいますか?アクセスされていたページをキャプチャするように404ログコードを変更しようとしました/default.aspx
が、URLリファラーはかなり特定の条件下でしか機能しないため、ここではあまりうまくいきませんでした。
アップデート
エラーの詳細をログに記録するようにコードを変更しましたが、/default.aspxに何も渡されていません。
gzip - Google CDNがjQueryを非圧縮で提供するのはなぜ(そしていつ)ですか?
Googleのホストされたをロードするとjquery.min.js
、gzip圧縮されたものが返されません。
リクエストヘッダー
応答ヘッダー
興味深いことに、します:jquery-ui.min.js
リクエストヘッダー
応答ヘッダー
どうしたんだ?
Googleが無視し、圧縮するかどうかを決定することを検討しているAccept-Encoding
とUser-Agent
主張する記事を見つけました。これは、Mac OS X上の最新のSafariとChromeが非圧縮のjQuery(および圧縮されたjQuery UI)を取得する理由を説明していません。
pagespeed - Googleページのスピードグレードを表示する最良の方法は何ですか?
Google のページ速度テストでは、結果が json 形式で表示されます。私の質問は、結果を視覚化するための優れたオープン ソース ビューアー プログラムはありますか?
ありがとう
facebook - 一貫したURLからリソースを提供する:FacebookとGoogle Pagespeed
ボタンやボックスのようなFacebookの使用、Googleによるpagespeedオンラインサービスの使用には一般的な問題があり ます。これは次のとおりです。一貫したURLからリソースを提供する 次のリソースは同じ内容ですが、異なるURLから提供されます。一貫性のあるURLからこれらのリソースを提供して、1つのリクエストと25.3KiBを節約します。-http://static.ak.facebook.com/connect/xd_arbiter.php?version =7- https ://s-static.ak.facebook.com/connect/xd_arbiter.php?version=7
1つはセキュリティで保護されたSSL接続用で、もう1つはセキュリティで保護されていない接続用であることは明らかです。Facebookに1つだけをロードさせる方法はありますか?