問題タブ [webpagetest]
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.
javascript - 解析せずに JavaScript ファイルをダウンロードするには?
パフォーマンスを向上させるために、ログイン ページで 1.2 MB のレガシー JavaScript ライブラリをプリフェッチしたいと考えています。このライブラリは、ユーザーがログインした後にのみ必要です。WebPageTest は、Chrome がダウンロード後にファイルを処理するのに約 700 ミリ秒の CPU を必要とすることを示しています。ユーザーのブラウザにファイルをキャッシュすることはできますが、JavaScript を実行/解析することはできませんか?
私の理想の流れ：
- ログインページを読み込む
- script タグ
の
asyncおよび属性を使用して js ライブラリを非同期ロードするdefer- 解析しません。ユーザーがログインするまで、ライブラリは実際には使用されません。
- ユーザーのログイン
- ユーザーのホームページを読み込み、キャッシュから js ライブラリを読み込み (存在する場合、そうでない場合はサーバーから取得 - 非同期ではありません)、解析します
- ここでは 700 ミリ秒の解析時間のみを支払いたい
スクリプト属性の「タイプ」をに変更する可能性を調べましたtext/plainが、これは不可能のようです。これがうまくいったとしても、私にはある種のeval悪に直面するように思えます.
なぜ私はこのようにしたいのですか？ユーザーが資格情報を入力している間、ブラウザーが基本的にアイドル状態になる小さな時間枠があります。その時間を使ってこの大きなライブラリをダウンロードし、次のページの読み込みを有利に進めたいと考えています。バックグラウンドでファイルをダウンロードすることでブラウザのキャッシュを潤すことができますが、ブラウザがライブラリを受信してファイルを解析/実行した後、CPU で 700 ミリ秒のスパイクが発生します。ログイン ページでのこの CPU スパイクを回避したいと考えています。
この WPT スクリーン キャップの右下に CPU スパイクが見られます。
performance - webpagetest でエラーが発生し続けるのはなぜですか?
ファイルに手順を記述して、webpagetest を使用して Web ページのパフォーマンスを測定したいと考えています。
しかし、私が実行するwebpagetest test <url>/<script>と、以下のエラーが発生します:
API キーをリクエストして受け取りましたが、それでもエラーが発生します。私は何を間違っていますか？
Webページのページ/アクションごとのパフォーマンスを表示するために使用できるものは他にありますか?
javascript - webpagetest で domContentLoaded 時間は何を意味しますか?
私はjQuery.ready()あなたのページが遅くなるということについてたくさん読んできました。jQuery.ready()私の Web サイトには、多くの Web サイトと同様に内部で実行されているコードがたくさんあります。
このスクリプトをタグの最後に配置しますが、安全のため<body>にコードを内側にラップしました。DOM ready
http://www.webpagetest.org/で自分のページをテストしたところ、domContentLoaded時間が次のようになっていることに気付きました。
今、私jQuery.ready(function() {});はただになるように削除して実験しました
そして、ページをもう一度テストします。これが結果です。
実行はわずか 0.1 秒にまで下がり~187msます。コードが内部jQuery.readyで実行されないため、実行時間が短縮されると想定するのは正しいでしょうか。これは、パフォーマンスの向上、たとえば知覚されるパフォーマンスの観点から何を意味するのでしょうか。ページの読み込みが速くなったとユーザーは感じますか?
wordpress - 最初のバイト時間を減らす方法は?
私はstackoverflowで答えを検索しましたが、ここにリストされている答えには納得できません。
私のウェブサイトへのリンク: http://www.betowe.com
Webpagetest.org の結果:最初のバイト時間を除いてすべての値が良好です
GTmetrix の結果 : https://gtmetrix.com/reports/betowe.com/D9I61AYK (Yslow とページ速度の両方が 90% を超えています)
Google ページ速度テスト: モバイルとデスクトップの両方で約 70%
私のサイトはワードプレスのウェブサイトで、共有 VPS でホストされていますが、DNS を Cloudflare の無料サービスに変更したことで、サイトのパフォーマンスが大幅に向上しました。
- 最初のバイト時間を短縮するには?
- Googleページの速度のパフォーマンスを上げる方法は?
よろしく、ジョン
google-app-engine - キャッシュを有効にしているにもかかわらず、WebPageTest が静的リソースをキャッシュしないと不平を言う
webpagetest.orgで自分のウェブサイトをテストしています。それは私に
次に、このリストを示します:
静的アセットのブラウザ キャッシングを利用する: 63/100
警告 - (2.0 時間) - http://stats.g.doubleclick.net/dc.js
警告 - (5.5 日) - http: //www.bookmine.net/css/images/ui-bg_highlight-soft_100_eeeeee_1x100.png
警告 - (5.5 日) - http://www.bookmine.net/favicon.ico
警告 - (5.5 日) - http:// www.bookmine.net/js/index.min.js
警告 - (5.5 日) - http://www.bookmine.net/js/jquery-ui-1.8.13.custom.min.js
警告 - (5.5 日) ) - http://www.bookmine.net/css/index.css
警告 - (5.5 日) - http://www.bookmine.net/js/jquery.form.min.js
警告 - (5.5 日) -http://www.bookmine.net/css/jquery-ui-1.8.13.custom.css
面白いのは、キャッシュが有効になっていることを認識していることです (上記で報告されているように 5.5 日に設定されています)。私はまた、このリンクからdefault_expiration: "5d 12h"私のセットを持っていることを確認しました:app.yaml
default_expiration
オプション。ハンドラーが独自の有効期限を指定しない場合、静的ファイル ハンドラーによって提供される静的ファイルが Web プロキシおよびブラウザーによってキャッシュされる時間の長さ。値は、スペースで区切られた数字と単位の文字列です。単位は
d、日、h時間、m分、およびs秒です。たとえば、「4d 5h」は、ファイルが最初に要求されてから 4 日と 5 時間後にキャッシュの有効期限を設定します。省略した場合、運用サーバーは有効期限を 10 分に設定します。例えば：
アプリケーション: myapp バージョン: alpha-001 ランタイム: python27 api_version: 1 スレッドセーフ: true
default_expiration: "4d 5h"
handlers: 重要:有効期限は Cache-Control および Expires HTTP 応答ヘッダーで送信されるため、ファイルはユーザーのブラウザーや、インターネット サービス プロバイダーなどの中間キャッシュ プロキシ サーバーによってキャッシュされる可能性があります。ファイルが所定の有効期限で送信されると、通常、ユーザーが自分のブラウザー キャッシュをクリアしたとしても、中間キャッシュからそのファイルをクリアする方法はありません。アプリの新しいバージョンを再デプロイしても、キャッシュはリセットされません。したがって、静的ファイルを変更する場合は、有効期限を短く (1 時間未満) する必要があります。ほとんどの場合、デフォルトの 10 分の有効期限が適切です。
私のウェブサイトがフィドラーで返す応答も確認しました：
Expires、Pragma、または Cache-Control ヘッダーが存在し、キャッシュが禁止されていない限り、HTTP/200 応答はデフォルトでキャッシュ可能です。HTTP/1.0 Expires ヘッダーが存在する: Sat, 26 Sep 2015 08:14:56 GMT
HTTP/1.1 Cache-Control ヘッダーが存在します: public, max-age=475200 public: この応答は、任意のキャッシュによってキャッシュされる場合があります。max-age: このリソースは 132 時間で期限切れになります。[475200秒]
HTTP/1.1 ETAG ヘッダーが存在する: "74YGeg"
では、なぜ D を取得しているのでしょうか。
いくつかの便利なリンクを追加します
:
- http://www.learningtechnicalstuff.com/2011/01/static-resources-and-cache-busting-on.html JS-CSS-versioning-to-update-browser-cach
- https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/http-caching#invalidating-and-updating-cached-responses
- https://developers.google.com/speed/docs/insights/LeverageBrowserCaching
- https://stackoverflow.com/a/7671705/147530
- http://www.particletree.com/notebook/automatically-version-your- css-and-javascript-files/
node.js - http/https 応答を解析して csv ファイルにエクスポートする方法
http/https 応答からカンマ区切りのデータがあります。それを解析して csv にエクスポートし、この csv データを dygraph.js に渡してグラフを作成できるようにします。
これが私が書いたnode.jsコードです。URLにヒットし、文字列形式でデータを取得します。node.jsリクエストライブラリを使用してURLにヒットします。
これは、URLにアクセスした後に得られる応答です。応答のタイプは文字列で、カンマで区切られています。
java - WebPagetest の Java テスト クライアント
継続的インテグレーション プロセスの一部としてWebPagetestテストを含めようとしています。言い換えれば、重要なパフォーマンス指標が範囲外になるたびに、ビルドを壊したいと思っています。
WebPagetest は、それを駆動するための安らかな APIを提供します。
私のテストのほとんどはFitNesseベースなので、パフォーマンス要件を FitNesse 言語で表現したいと思います。
WebPagetest を駆動し、結果が必要な範囲内にあるかどうかを確認し、何らかの形式 (JUnit など) で生成できる Java クライアントはありますか。理想的には、WebPagetest を呼び出すための一連の FitNesse フィクスチャが必要です。
google-chrome - Ubuntu でのヘッドレス クロームの実行
Ubuntu で次のコマンドを使用して、ヘッドレス Chrome を実行しようとしています。
sudo -u test xvfb-run --server-args='-screen 0, 1024x768x16' google-chrome -start-maximized --disable-fre --enable-benchmarking --metrics-recording-only --remote-debugging-port=1234 > /dev/null &
やると、ps -ef | grep Chrome私は得る
しかし、私はエラーが発生し続けます
この状況で Devtools が起動しないのはなぜですか。