プロジェクトを開く
アプリを起動し、チャットでウェブサイトフォルダを開きます。
ワークフロー
Decade Webでサイト速度を測定
03
ご自身のウェブサイトをテスト
ご自身のページでサイト速度を測定し、ウェブサイトのパフォーマンスを向上させたいとお考えではありませんか。このワークフローは、遅い要素を特定し、完全な制御を維持しながら修正を適用するのに役立ちます。また、「コアウェブバイタルの簡単な改善策」について、改善前後の数字を記録することで、どの変更が効果的かを確認できるようにします。
ページを取得
エージェントにホームページを取得し、ヘッダーを読み込むよう指示します。
ファイルを検索
ファイルツールを使用して、フォルダ内の重い画像やスクリプトを一覧表示します。
結果を確認
差分を確認し、ファイルの圧縮や遅延読み込みの変更を受け入れます。
速度ログの例
ホームページのサイト速度を測定し、結果を保存します。
- http_get
https://example.com/200 OK - read_file
speed-log.txt10 lines - write_file
speed-log.txtsaved - Shell
ping -n 1 127.0.0.1time=1ms
次のステップに進む前に、承認を待機中拒否承認
speed-log.txt
# Speed test log
page: home, mobile, run 1, LCP 3.1 s
page: home, desktop, run 1, LCP 1.8 s
change: compressed hero image
page: home, mobile, run 1, LCP 2.2 s
page: home, desktop, run 1, LCP 1.5 s
change: defer render-blocking script
page: home, mobile, run 1, LCP 1.9 s
page: home, desktop, run 1, LCP 1.2 sこのプレーンテキストログは、ホームページのモバイルおよびデスクトップテストの前後の数字を示しています。
ウォークスルー：モバイルウェブサイトの速度テスト
サイト速度を測定
エージェントはhttp_getを使用してページを取得し、ステータスコードとレスポンスヘッダーを読み取ってパフォーマンスを評価しながらサイト速度を測定します。テストを開始します。次に、grepを使用してフォルダ内の重い画像を探します。list_dirにより、作業フォルダにあるスクリプトがわかります。画像を圧縮することで、サイトのページ速度を向上させることができます。エージェントはスクリプトの遅延読み込みと読み込みの改善を提案します。変更を受け入れる前に、Ask firstモードで差分を確認してください。変更を受け入れ、追跡用にログファイルに結果を保存します。
結果を分析
エージェントはread_fileを使用して以前の結果を読み込み、新しいデータと比較します。これにより、チャットウィンドウで正確な差分を確認できます。次に、エージェントに問いかけてください。LCP、INP、CLSスコアの変更点が強調表示されます。異なるページでモバイルウェブサイトのテストを実行できます。サーバーから遠くにある遅いttfbは、CDNによって改善される場合があります。エージェントは、数値がまだ高い場合にさらなる最適化を提案します。最終レポートを確認し、変更が十分かどうかを判断します。数値はご自身のテストからのもので、実際のパフォーマンスを示しています。
