chrome-devtools-frontend 1.0.1510848 → 1.0.1512349
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/front_end/Images/src/ai-explorer-badge.svg +114 -0
- package/front_end/Images/src/code-whisperer-badge.svg +166 -0
- package/front_end/Images/src/devtools-user-badge.svg +129 -0
- package/front_end/Images/src/dom-detective-badge.svg +136 -0
- package/front_end/Images/src/speedster-badge.svg +166 -0
- package/front_end/core/host/AidaClient.ts +2 -0
- package/front_end/core/host/GdpClient.ts +38 -2
- package/front_end/core/i18n/NumberFormatter.ts +7 -0
- package/front_end/models/ai_assistance/agents/PerformanceAgent.ts +3 -19
- package/front_end/models/ai_assistance/ai_assistance.ts +1 -1
- package/front_end/models/ai_assistance/data_formatters/NetworkRequestFormatter.ts +7 -6
- package/front_end/models/ai_assistance/data_formatters/PerformanceInsightFormatter.snapshot.txt +119 -119
- package/front_end/models/ai_assistance/data_formatters/PerformanceInsightFormatter.ts +43 -52
- package/front_end/models/ai_assistance/data_formatters/PerformanceTraceFormatter.snapshot.txt +100 -100
- package/front_end/models/ai_assistance/data_formatters/PerformanceTraceFormatter.ts +12 -18
- package/front_end/models/ai_assistance/data_formatters/UnitFormatters.ts +151 -0
- package/front_end/models/ai_code_completion/AiCodeCompletion.ts +3 -0
- package/front_end/models/badges/Badge.ts +7 -4
- package/front_end/models/badges/DOMDetectiveBadge.ts +20 -0
- package/front_end/models/badges/SpeedsterBadge.ts +4 -1
- package/front_end/models/badges/StarterBadge.ts +5 -1
- package/front_end/models/badges/UserBadges.ts +33 -7
- package/front_end/models/trace/ModelImpl.ts +0 -13
- package/front_end/models/trace/insights/Common.ts +19 -0
- package/front_end/panels/common/AiCodeCompletionDisclaimer.ts +36 -9
- package/front_end/panels/common/AiCodeCompletionSummaryToolbar.ts +32 -0
- package/front_end/panels/common/AiCodeCompletionTeaser.ts +14 -2
- package/front_end/panels/common/BadgeNotification.ts +119 -9
- package/front_end/panels/common/badgeNotification.css +4 -0
- package/front_end/panels/console/ConsolePrompt.ts +26 -0
- package/front_end/panels/elements/ElementsTreeElement.ts +12 -0
- package/front_end/panels/elements/ElementsTreeOutline.ts +3 -0
- package/front_end/panels/elements/StylePropertiesSection.ts +3 -0
- package/front_end/panels/elements/StylePropertyTreeElement.ts +5 -0
- package/front_end/panels/settings/SettingsScreen.ts +3 -9
- package/front_end/panels/settings/components/SyncSection.ts +6 -2
- package/front_end/panels/sources/AiCodeCompletionPlugin.ts +35 -6
- package/front_end/panels/timeline/TimelinePanel.ts +22 -10
- package/front_end/panels/timeline/TimelineUIUtils.ts +4 -3
- package/front_end/panels/timeline/utils/InsightAIContext.ts +0 -19
- package/front_end/ui/legacy/filter.css +1 -1
- package/front_end/ui/legacy/inspectorCommon.css +1 -1
- package/front_end/ui/legacy/softDropDownButton.css +1 -1
- package/package.json +1 -1
- package/front_end/models/ai_assistance/data_formatters/Types.ts +0 -9
package/front_end/models/ai_assistance/data_formatters/PerformanceInsightFormatter.snapshot.txt
CHANGED
@@ -6,18 +6,18 @@ Content:
|
|
6
6
|
This insight is used to analyze the time spent that contributed to the final LCP time and identify which of the 4 phases (or 2 if there was no LCP resource) are contributing most to the delay in rendering the LCP element.
|
7
7
|
|
8
8
|
## Detailed analysis:
|
9
|
-
The Largest Contentful Paint (LCP) time for this navigation was 239.8
|
9
|
+
The Largest Contentful Paint (LCP) time for this navigation was 239.8 ms.
|
10
10
|
The LCP element (IMG) is an image fetched from `https://creativetouchrotherham.co.uk/images/creative-touch-home/creative_touch_rotherham_homehero/creative_touch_rotherham_homehero_700.webp`.
|
11
11
|
## LCP resource network request: https://creativetouchrotherham.co.uk/images/creative-touch-home/creative_touch_rotherham_homehero/creative_touch_rotherham_homehero_700.webp
|
12
12
|
Timings:
|
13
|
-
- Queued at: 54.6
|
14
|
-
- Request sent at: 60.1
|
15
|
-
- Download complete at: 220.2
|
16
|
-
- Main thread processing completed at: 220.5
|
13
|
+
- Queued at: 54.6 ms
|
14
|
+
- Request sent at: 60.1 ms
|
15
|
+
- Download complete at: 220.2 ms
|
16
|
+
- Main thread processing completed at: 220.5 ms
|
17
17
|
Durations:
|
18
|
-
- Download time: 8.6
|
19
|
-
- Main thread processing time: 0.2
|
20
|
-
- Total duration: 165.9
|
18
|
+
- Download time: 8.6 ms
|
19
|
+
- Main thread processing time: 0.2 ms
|
20
|
+
- Total duration: 165.9 ms
|
21
21
|
Initiator: file:///Users/cjamcl/surge/misc/display-dpr/index.html
|
22
22
|
Redirects: no redirects
|
23
23
|
Status code: 200
|
@@ -46,10 +46,10 @@ Response headers
|
|
46
46
|
|
47
47
|
We can break this time down into the 4 phases that combine to make the LCP time:
|
48
48
|
|
49
|
-
- Time to first byte: 1.6
|
50
|
-
- Resource load delay: 53
|
51
|
-
- Resource load duration: 165.7
|
52
|
-
- Element render delay: 19.6
|
49
|
+
- Time to first byte: 1.6 ms (0.7% of total LCP time)
|
50
|
+
- Resource load delay: 53 ms (22.1% of total LCP time)
|
51
|
+
- Resource load duration: 165.7 ms (69.1% of total LCP time)
|
52
|
+
- Element render delay: 19.6 ms (8.2% of total LCP time)
|
53
53
|
|
54
54
|
## Estimated savings: none
|
55
55
|
|
@@ -66,18 +66,18 @@ Content:
|
|
66
66
|
This insight is used to analyze the time spent that contributed to the final LCP time and identify which of the 4 phases (or 2 if there was no LCP resource) are contributing most to the delay in rendering the LCP element.
|
67
67
|
|
68
68
|
## Detailed analysis:
|
69
|
-
The Largest Contentful Paint (LCP) time for this navigation was 129.2
|
69
|
+
The Largest Contentful Paint (LCP) time for this navigation was 129.2 ms.
|
70
70
|
The LCP element is an image fetched from `https://web-dev.imgix.net/image/kheDArv5csY6rvQUJDbWRscckLr1/4i7JstVZvgTFk9dxCe4a.svg`.
|
71
71
|
## LCP resource network request: https://web-dev.imgix.net/image/kheDArv5csY6rvQUJDbWRscckLr1/4i7JstVZvgTFk9dxCe4a.svg
|
72
72
|
Timings:
|
73
|
-
- Queued at: 41.1
|
74
|
-
- Request sent at: 46.6
|
75
|
-
- Download complete at: 55.8
|
76
|
-
- Main thread processing completed at: 58.2
|
73
|
+
- Queued at: 41.1 ms
|
74
|
+
- Request sent at: 46.6 ms
|
75
|
+
- Download complete at: 55.8 ms
|
76
|
+
- Main thread processing completed at: 58.2 ms
|
77
77
|
Durations:
|
78
|
-
- Download time: 0.3
|
79
|
-
- Main thread processing time: 2.3
|
80
|
-
- Total duration: 17.1
|
78
|
+
- Download time: 0.3 ms
|
79
|
+
- Main thread processing time: 2.3 ms
|
80
|
+
- Total duration: 17.1 ms
|
81
81
|
Redirects: no redirects
|
82
82
|
Status code: 200
|
83
83
|
MIME Type: image/svg+xml
|
@@ -90,10 +90,10 @@ Initiators (root request to the request that directly loaded this one): none
|
|
90
90
|
|
91
91
|
We can break this time down into the 4 phases that combine to make the LCP time:
|
92
92
|
|
93
|
-
- Time to first byte: 7.9
|
94
|
-
- Resource load delay: 33.2
|
95
|
-
- Resource load duration: 14.7
|
96
|
-
- Element render delay: 73.4
|
93
|
+
- Time to first byte: 7.9 ms (6.1% of total LCP time)
|
94
|
+
- Resource load delay: 33.2 ms (25.7% of total LCP time)
|
95
|
+
- Resource load duration: 14.7 ms (11.4% of total LCP time)
|
96
|
+
- Element render delay: 73.4 ms (56.8% of total LCP time)
|
97
97
|
|
98
98
|
## Estimated savings: none
|
99
99
|
|
@@ -110,13 +110,13 @@ Content:
|
|
110
110
|
This insight is used to analyze the time spent that contributed to the final LCP time and identify which of the 4 phases (or 2 if there was no LCP resource) are contributing most to the delay in rendering the LCP element.
|
111
111
|
|
112
112
|
## Detailed analysis:
|
113
|
-
The Largest Contentful Paint (LCP) time for this navigation was 106.5
|
113
|
+
The Largest Contentful Paint (LCP) time for this navigation was 106.5 ms.
|
114
114
|
The LCP element is text and was not fetched from the network.
|
115
115
|
|
116
116
|
We can break this time down into the 2 phases that combine to make the LCP time:
|
117
117
|
|
118
|
-
- Time to first byte: 6.1
|
119
|
-
- Element render delay: 100.4
|
118
|
+
- Time to first byte: 6.1 ms (5.7% of total LCP time)
|
119
|
+
- Element render delay: 100.4 ms (94.3% of total LCP time)
|
120
120
|
|
121
121
|
## Estimated savings: none
|
122
122
|
|
@@ -159,9 +159,9 @@ Network requests data:
|
|
159
159
|
|
160
160
|
allUrls = [0: https://code.jquery.com/jquery-3.7.1.js, 1: http://localhost:8000/, 2: http://localhost:8000/render-blocking-stylesheet.css, 3: http://localhost:8000/render-blocking-script.js]
|
161
161
|
|
162
|
-
0;581.4
|
163
|
-
2;581.6
|
164
|
-
3;581.6
|
162
|
+
0;581.4 ms;584.5 ms;1,942.7 ms;1,944.1 ms;1,362.7 ms;775.5 ms;1.3 ms;200;application/javascript;High;High;High;t;h2;f;1;[];[content-encoding: gzip|etag: <redacted>|age: 3975412|x-cache: <redacted>|date: Fri, 07 Mar 2025 15:02:28 GMT|content-type: application/javascript; charset=utf-8|vary: Accept-Encoding|x-cache-hits: <redacted>|last-modified: Fri, 18 Oct 1991 12:00:00 GMT|x-served-by: <redacted>|cache-control: public, max-age=31536000, stale-while-revalidate=604800|x-timer: <redacted>|via: 1.1 varnish, 1.1 varnish|accept-ranges: bytes|access-control-allow-origin: *|content-length: <redacted>|server: nginx]
|
163
|
+
2;581.6 ms;583.1 ms;1,192.9 ms;1,193.2 ms;611.6 ms;0.2 ms;0.2 ms;200;text/css;VeryHigh;VeryHigh;VeryHigh;t;http/1.0;f;1;[];[Content-Length: <redacted>|Date: Fri, 07 Mar 2025 15:02:28 GMT|Content-type: text/css|Last-Modified: Fri, 07 Mar 2025 14:58:07 GMT|Server: SimpleHTTP/0.6 Python/3.9.6]
|
164
|
+
3;581.6 ms;583.3 ms;1,176.6 ms;1,177.9 ms;596.3 ms;0.4 ms;1.3 ms;200;text/javascript;High;High;High;t;http/1.0;f;1;[];[Content-Length: <redacted>|Date: Fri, 07 Mar 2025 15:02:28 GMT|Content-type: text/javascript|Last-Modified: Fri, 07 Mar 2025 15:00:28 GMT|Server: SimpleHTTP/0.6 Python/3.9.6]
|
165
165
|
|
166
166
|
## Estimated savings: FCP 2015 ms, LCP 0 ms
|
167
167
|
|
@@ -183,18 +183,18 @@ This insight analyzes the time taken to discover the LCP resource and request it
|
|
183
183
|
It is important that all of these checks pass to minimize the delay between the initial page load and the LCP resource being loaded.
|
184
184
|
|
185
185
|
## Detailed analysis:
|
186
|
-
The Largest Contentful Paint (LCP) time for this navigation was 1,077.1
|
186
|
+
The Largest Contentful Paint (LCP) time for this navigation was 1,077.1 ms.
|
187
187
|
The LCP element is an image fetched from `http://localhost:8787/lcp-discovery-delay/lcp-image.jpg`.
|
188
188
|
## LCP resource network request: http://localhost:8787/lcp-discovery-delay/lcp-image.jpg
|
189
189
|
Timings:
|
190
|
-
- Queued at: 1,010.1
|
191
|
-
- Request sent at: 1,011.5
|
192
|
-
- Download complete at: 1,013.7
|
193
|
-
- Main thread processing completed at: 1,016.9
|
190
|
+
- Queued at: 1,010.1 ms
|
191
|
+
- Request sent at: 1,011.5 ms
|
192
|
+
- Download complete at: 1,013.7 ms
|
193
|
+
- Main thread processing completed at: 1,016.9 ms
|
194
194
|
Durations:
|
195
|
-
- Download time: 1
|
196
|
-
- Main thread processing time: 3.2
|
197
|
-
- Total duration: 6.8
|
195
|
+
- Download time: 1 ms
|
196
|
+
- Main thread processing time: 3.2 ms
|
197
|
+
- Total duration: 6.8 ms
|
198
198
|
Initiator: http://localhost:8787/lcp-discovery-delay/index.html
|
199
199
|
Redirects: no redirects
|
200
200
|
Status code: 200
|
@@ -239,29 +239,29 @@ This insight checks that the first request is responded to promptly. We use the
|
|
239
239
|
3. Was there compression applied to the response to minimize the transfer size?
|
240
240
|
|
241
241
|
## Detailed analysis:
|
242
|
-
The Largest Contentful Paint (LCP) time for this navigation was 3,604.1
|
242
|
+
The Largest Contentful Paint (LCP) time for this navigation was 3,604.1 ms.
|
243
243
|
The LCP element is text and was not fetched from the network.
|
244
244
|
|
245
245
|
## Document network request: http://localhost:3000/redirect3
|
246
246
|
Timings:
|
247
|
-
- Queued at: 3
|
248
|
-
- Request sent at: 1,529.5
|
249
|
-
- Download complete at: 3,532.6
|
250
|
-
- Main thread processing completed at: 3,537.8
|
247
|
+
- Queued at: 3 ms
|
248
|
+
- Request sent at: 1,529.5 ms
|
249
|
+
- Download complete at: 3,532.6 ms
|
250
|
+
- Main thread processing completed at: 3,537.8 ms
|
251
251
|
Durations:
|
252
|
-
- Download time: 0.1
|
253
|
-
- Main thread processing time: 5.1
|
254
|
-
- Total duration: 3,534.7
|
252
|
+
- Download time: 0.1 ms
|
253
|
+
- Main thread processing time: 5.1 ms
|
254
|
+
- Total duration: 3,534.7 ms
|
255
255
|
Redirects:
|
256
256
|
#### Redirect 1: http://localhost:3000/
|
257
|
-
- Start time: 3
|
258
|
-
- Duration: 512
|
257
|
+
- Start time: 3 ms
|
258
|
+
- Duration: 512 ms
|
259
259
|
#### Redirect 2: http://localhost:3000/redirect1
|
260
|
-
- Start time: 515.1
|
261
|
-
- Duration: 505.7
|
260
|
+
- Start time: 515.1 ms
|
261
|
+
- Duration: 505.7 ms
|
262
262
|
#### Redirect 3: http://localhost:3000/redirect2
|
263
|
-
- Start time: 1,020.7
|
264
|
-
- Duration: 507.1
|
263
|
+
- Start time: 1,020.7 ms
|
264
|
+
- Duration: 507.1 ms
|
265
265
|
Status code: 200
|
266
266
|
MIME Type: text/html
|
267
267
|
Protocol: http/1.1
|
@@ -298,32 +298,32 @@ Cumulative Layout Shifts (CLS) is a measure of the largest burst of layout shift
|
|
298
298
|
- Bad: over 0.25
|
299
299
|
|
300
300
|
## Detailed analysis:
|
301
|
-
The worst layout shift cluster was the cluster that started at 471.8
|
301
|
+
The worst layout shift cluster was the cluster that started at 471.8 ms and ended at 3,342.8 ms, with a duration of 2,871.1 ms.
|
302
302
|
The score for this cluster is 0.7656.
|
303
303
|
|
304
304
|
Layout shifts in this cluster:
|
305
305
|
### Layout shift 1:
|
306
|
-
- Start time: 471.8
|
306
|
+
- Start time: 471.8 ms
|
307
307
|
- Score: 0.0003
|
308
308
|
- Potential root causes:
|
309
309
|
- A font that was loaded over the network (https://fonts.gstatic.com/s/specialgothicexpandedone/v2/IurO6Zxk74-YaYk1r3HOet4g75ENmBxUmOK61tA0Iu5QmJF_.woff2).
|
310
310
|
### Layout shift 2:
|
311
|
-
- Start time: 857.3
|
311
|
+
- Start time: 857.3 ms
|
312
312
|
- Score: 0.0844
|
313
313
|
- Potential root causes:
|
314
314
|
- An iframe (id: 8AF3A9ADB81CA7B35302D07E0B591104, url: https://www.google.com/ was injected into the page)
|
315
315
|
### Layout shift 3:
|
316
|
-
- Start time: 1,352.5
|
316
|
+
- Start time: 1,352.5 ms
|
317
317
|
- Score: 0.0068
|
318
318
|
- Potential root causes:
|
319
319
|
- An unsized image (IMG) (url: http://localhost:8000/unsized-image.png).
|
320
320
|
### Layout shift 4:
|
321
|
-
- Start time: 1,537.5
|
321
|
+
- Start time: 1,537.5 ms
|
322
322
|
- Score: 0.3344
|
323
323
|
- Potential root causes:
|
324
324
|
- An unsized image (IMG) (url: http://localhost:8000/unsized-image.png).
|
325
325
|
### Layout shift 5:
|
326
|
-
- Start time: 2,342.8
|
326
|
+
- Start time: 2,342.8 ms
|
327
327
|
- Score: 0.3396
|
328
328
|
- No potential root causes identified
|
329
329
|
|
@@ -352,11 +352,11 @@ For a given slow interaction, we can break it down into 3 phases:
|
|
352
352
|
The sum of these three phases is the total latency. It is important to optimize each of these phases to ensure interactions take as little time as possible. Focusing on the phase that has the largest score is a good way to start optimizing.
|
353
353
|
|
354
354
|
## Detailed analysis:
|
355
|
-
The longest interaction on the page was a `click` which had a total duration of `980
|
355
|
+
The longest interaction on the page was a `click` which had a total duration of `980 ms`. The timings of each of the three phases were:
|
356
356
|
|
357
|
-
1. Input delay: 1
|
358
|
-
2. Processing duration: 977
|
359
|
-
3. Presentation delay: 2
|
357
|
+
1. Input delay: 1 ms
|
358
|
+
2. Processing duration: 977 ms
|
359
|
+
3. Presentation delay: 2 ms.
|
360
360
|
|
361
361
|
## Estimated savings: none
|
362
362
|
|
@@ -413,13 +413,13 @@ Network requests data:
|
|
413
413
|
|
414
414
|
allUrls = [0: https://ads.jetpackdigital.com/sites/_uploads/1742278386bg_opt_640x350-avif.avif, 1: http://localhost/old-http.html, 2: https://ads.jetpackdigital.com/sites/_uploads/1583540859Play.png, 3: https://ads.jetpackdigital.com/sites/_uploads/1583540859Muted.png, 4: https://ads.jetpackdigital.com/h5media/sites/_uploads/1742363510mm_allthefeels_20_mob.mp4, 5: https://ads.jetpackdigital.com/sites/_uploads/1583540860Pause.png, 6: https://ads.jetpackdigital.com/tracking_pixel.gif?8852762616, 7: https://ads.jetpackdigital.com/tracking_pixel.gif?7753243273]
|
415
415
|
|
416
|
-
0;8.1
|
417
|
-
2;8.2
|
418
|
-
3;8.3
|
419
|
-
4;8.4
|
420
|
-
5;8.4
|
421
|
-
6;8.4
|
422
|
-
7;8.4
|
416
|
+
0;8.1 ms;12.4 ms;25.7 ms;25.8 ms;17.7 ms;1.6 ms;93 μs;200;image/avif;Low;Low;Low;f;http/1.1;f;1;[];[x-amz-id-2: <redacted>|ETag: <redacted>|Connection: keep-alive|Access-Control-Allow-Methods: GET,HEAD,POST|x-amz-request-id: <redacted>|Accept-Ranges: bytes|Access-Control-Allow-Origin: *|Content-Length: <redacted>|Date: Thu, 20 Mar 2025 19:45:22 GMT|Last-Modified: Tue, 18 Mar 2025 06:13:07 GMT|Content-Type: image/avif|Server: AmazonS3|x-amz-server-side-encryption: <redacted>]
|
417
|
+
2;8.2 ms;12.5 ms;24 ms;24.3 ms;16.1 ms;0.6 ms;0.3 ms;200;image/png;Low;Low;Low;f;http/1.1;f;1;[];[x-amz-id-2: <redacted>|ETag: <redacted>|Connection: keep-alive|Access-Control-Allow-Methods: GET,HEAD,POST|x-amz-request-id: <redacted>|Accept-Ranges: bytes|Access-Control-Allow-Origin: *|Content-Length: <redacted>|Date: Thu, 20 Mar 2025 19:45:22 GMT|Last-Modified: Tue, 24 Jan 2023 19:05:17 GMT|Content-Type: image/png|Server: AmazonS3|x-amz-server-side-encryption: <redacted>]
|
418
|
+
3;8.3 ms;12.6 ms;24.6 ms;25 ms;16.7 ms;1.2 ms;0.3 ms;200;image/png;Low;Low;Low;f;http/1.1;f;1;[];[x-amz-id-2: <redacted>|ETag: <redacted>|Connection: keep-alive|Access-Control-Allow-Methods: GET,HEAD,POST|x-amz-request-id: <redacted>|Accept-Ranges: bytes|Access-Control-Allow-Origin: *|Content-Length: <redacted>|Date: Thu, 20 Mar 2025 19:45:22 GMT|Last-Modified: Tue, 24 Jan 2023 19:05:17 GMT|Content-Type: image/png|Server: AmazonS3|x-amz-server-side-encryption: <redacted>]
|
419
|
+
4;8.4 ms;12.8 ms;24.5 ms;24.5 ms;16.1 ms;0.4 ms;11 μs;200;video/mp4;Low;Low;Low;f;http/1.1;f;1;[];[x-amz-id-2: <redacted>|ETag: <redacted>|Connection: keep-alive|Access-Control-Allow-Methods: GET,HEAD,POST|x-amz-request-id: <redacted>|Accept-Ranges: bytes|Access-Control-Allow-Origin: *|Content-Length: <redacted>|Date: Thu, 20 Mar 2025 19:45:22 GMT|Last-Modified: Wed, 19 Mar 2025 05:51:52 GMT|Content-Type: video/mp4|Server: AmazonS3|x-amz-server-side-encryption: <redacted>]
|
420
|
+
5;8.4 ms;12.9 ms;24.7 ms;25 ms;16.6 ms;1.3 ms;0.3 ms;200;image/png;Low;Low;Low;f;http/1.1;f;1;[];[x-amz-id-2: <redacted>|ETag: <redacted>|Connection: keep-alive|Access-Control-Allow-Methods: GET,HEAD,POST|x-amz-request-id: <redacted>|Accept-Ranges: bytes|Access-Control-Allow-Origin: *|Content-Length: <redacted>|Date: Thu, 20 Mar 2025 19:45:22 GMT|Last-Modified: Tue, 24 Jan 2023 19:05:18 GMT|Content-Type: image/png|Server: AmazonS3|x-amz-server-side-encryption: <redacted>]
|
421
|
+
6;8.4 ms;24.4 ms;38.5 ms;38.7 ms;30.3 ms;0.1 ms;0.2 ms;200;image/gif;Low;Low;Low;f;http/1.1;f;1;[];[x-amz-id-2: <redacted>|x-amz-meta-jets3t-original-file-date-iso8601: <redacted>|ETag: <redacted>|x-amz-meta-md5-hash: <redacted>|Connection: keep-alive|Access-Control-Allow-Methods: GET,HEAD,POST|x-amz-request-id: <redacted>|Accept-Ranges: bytes|Access-Control-Allow-Origin: *|Content-Length: <redacted>|Date: Thu, 20 Mar 2025 19:45:22 GMT|Last-Modified: Tue, 24 Jan 2023 19:54:47 GMT|Content-Type: image/gif|Server: AmazonS3|x-amz-server-side-encryption: <redacted>]
|
422
|
+
7;8.4 ms;24.9 ms;37.8 ms;38 ms;29.6 ms;0.2 ms;0.2 ms;200;image/gif;Low;Low;Low;f;http/1.1;f;1;[];[x-amz-id-2: <redacted>|x-amz-meta-jets3t-original-file-date-iso8601: <redacted>|ETag: <redacted>|x-amz-meta-md5-hash: <redacted>|Connection: keep-alive|Access-Control-Allow-Methods: GET,HEAD,POST|x-amz-request-id: <redacted>|Accept-Ranges: bytes|Access-Control-Allow-Origin: *|Content-Length: <redacted>|Date: Thu, 20 Mar 2025 19:45:22 GMT|Last-Modified: Tue, 24 Jan 2023 19:54:47 GMT|Content-Type: image/gif|Server: AmazonS3|x-amz-server-side-encryption: <redacted>]
|
423
423
|
|
424
424
|
## Estimated savings: FCP 0 ms, LCP 0 ms
|
425
425
|
|
@@ -431,14 +431,14 @@ Title: PerformanceInsightFormatter Formatting TraceEvents formats network reques
|
|
431
431
|
Content:
|
432
432
|
## Network request: https://fonts.googleapis.com/css2?family=Poppins:ital,wght@1,800
|
433
433
|
Timings:
|
434
|
-
- Queued at: 37.6
|
435
|
-
- Request sent at: 41.7
|
436
|
-
- Download complete at: 48
|
437
|
-
- Main thread processing completed at: 51.5
|
434
|
+
- Queued at: 37.6 ms
|
435
|
+
- Request sent at: 41.7 ms
|
436
|
+
- Download complete at: 48 ms
|
437
|
+
- Main thread processing completed at: 51.5 ms
|
438
438
|
Durations:
|
439
|
-
- Download time: 4.8
|
440
|
-
- Main thread processing time: 3.5
|
441
|
-
- Total duration: 13.9
|
439
|
+
- Download time: 4.8 ms
|
440
|
+
- Main thread processing time: 3.5 ms
|
441
|
+
- Total duration: 13.9 ms
|
442
442
|
Initiator: https://chromedevtools.github.io/performance-stories/lcp-large-image/index.html
|
443
443
|
Redirects: no redirects
|
444
444
|
Status code: 200
|
@@ -470,14 +470,14 @@ Title: PerformanceInsightFormatter Formatting TraceEvents defaults to verbose mo
|
|
470
470
|
Content:
|
471
471
|
## Network request: https://fonts.googleapis.com/css2?family=Poppins:ital,wght@1,800
|
472
472
|
Timings:
|
473
|
-
- Queued at: 37.6
|
474
|
-
- Request sent at: 41.7
|
475
|
-
- Download complete at: 48
|
476
|
-
- Main thread processing completed at: 51.5
|
473
|
+
- Queued at: 37.6 ms
|
474
|
+
- Request sent at: 41.7 ms
|
475
|
+
- Download complete at: 48 ms
|
476
|
+
- Main thread processing completed at: 51.5 ms
|
477
477
|
Durations:
|
478
|
-
- Download time: 4.8
|
479
|
-
- Main thread processing time: 3.5
|
480
|
-
- Total duration: 13.9
|
478
|
+
- Download time: 4.8 ms
|
479
|
+
- Main thread processing time: 3.5 ms
|
480
|
+
- Total duration: 13.9 ms
|
481
481
|
Initiator: https://chromedevtools.github.io/performance-stories/lcp-large-image/index.html
|
482
482
|
Redirects: no redirects
|
483
483
|
Status code: 200
|
@@ -692,12 +692,12 @@ This insight identifies font issues when a webpage uses custom fonts, for exampl
|
|
692
692
|
## Detailed analysis:
|
693
693
|
The following font display issues were found:
|
694
694
|
|
695
|
-
- Font name: jizaRExUiTo99u79D0KExcOPIDU.woff2, URL: https://fonts.gstatic.com/s/ptsans/v17/jizaRExUiTo99u79D0KExcOPIDU.woff2, Property 'font-display' set to: 'auto', Wasted time: 20
|
696
|
-
- Font name: SlGVmQWMvZQIdix7AFxXkHNSbRYXags.woff2, URL: https://fonts.gstatic.com/s/droidsans/v18/SlGVmQWMvZQIdix7AFxXkHNSbRYXags.woff2, Property 'font-display' set to: 'auto', Wasted time: 15
|
697
|
-
- Font name: jizfRExUiTo99u79B_mh0O6tLR8a8zI.woff2, URL: https://fonts.gstatic.com/s/ptsans/v17/jizfRExUiTo99u79B_mh0O6tLR8a8zI.woff2, Property 'font-display' set to: 'auto', Wasted time: 15
|
698
|
-
- Font name: SlGWmQWMvZQIdix7AFxXmMh3eDs1ZyHKpWg.woff2, URL: https://fonts.gstatic.com/s/droidsans/v18/SlGWmQWMvZQIdix7AFxXmMh3eDs1ZyHKpWg.woff2, Property 'font-display' set to: 'auto', Wasted time: 15
|
699
|
-
- Font name: EJRVQgYoZZY2vCFuvAFWzr-_dSb_.woff2, URL: https://fonts.gstatic.com/s/ptserif/v18/EJRVQgYoZZY2vCFuvAFWzr-_dSb_.woff2, Property 'font-display' set to: 'auto', Wasted time: 15
|
700
|
-
- Font name: S6u9w4BMUTPHh6UVSwiPGQ3q5d0.woff2, URL: https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh6UVSwiPGQ3q5d0.woff2, Property 'font-display' set to: 'auto', Wasted time: 10
|
695
|
+
- Font name: jizaRExUiTo99u79D0KExcOPIDU.woff2, URL: https://fonts.gstatic.com/s/ptsans/v17/jizaRExUiTo99u79D0KExcOPIDU.woff2, Property 'font-display' set to: 'auto', Wasted time: 20 ms.
|
696
|
+
- Font name: SlGVmQWMvZQIdix7AFxXkHNSbRYXags.woff2, URL: https://fonts.gstatic.com/s/droidsans/v18/SlGVmQWMvZQIdix7AFxXkHNSbRYXags.woff2, Property 'font-display' set to: 'auto', Wasted time: 15 ms.
|
697
|
+
- Font name: jizfRExUiTo99u79B_mh0O6tLR8a8zI.woff2, URL: https://fonts.gstatic.com/s/ptsans/v17/jizfRExUiTo99u79B_mh0O6tLR8a8zI.woff2, Property 'font-display' set to: 'auto', Wasted time: 15 ms.
|
698
|
+
- Font name: SlGWmQWMvZQIdix7AFxXmMh3eDs1ZyHKpWg.woff2, URL: https://fonts.gstatic.com/s/droidsans/v18/SlGWmQWMvZQIdix7AFxXmMh3eDs1ZyHKpWg.woff2, Property 'font-display' set to: 'auto', Wasted time: 15 ms.
|
699
|
+
- Font name: EJRVQgYoZZY2vCFuvAFWzr-_dSb_.woff2, URL: https://fonts.gstatic.com/s/ptserif/v18/EJRVQgYoZZY2vCFuvAFWzr-_dSb_.woff2, Property 'font-display' set to: 'auto', Wasted time: 15 ms.
|
700
|
+
- Font name: S6u9w4BMUTPHh6UVSwiPGQ3q5d0.woff2, URL: https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh6UVSwiPGQ3q5d0.woff2, Property 'font-display' set to: 'auto', Wasted time: 10 ms.
|
701
701
|
|
702
702
|
Consider setting [`font-display`](https://developer.chrome.com/blog/font-display) to `swap` or `optional` to ensure text is consistently visible. `swap` can be further optimized to mitigate layout shifts with [font metric overrides](https://developer.chrome.com/blog/font-fallbacks).
|
703
703
|
|
@@ -733,7 +733,7 @@ Content:
|
|
733
733
|
This insight identifies unoptimized images that are downloaded at a much higher resolution than they are displayed. Properly sizing and compressing these assets will decrease their download time, directly improving the perceived page load time and LCP
|
734
734
|
|
735
735
|
## Detailed analysis:
|
736
|
-
Total potential savings: 2
|
736
|
+
Total potential savings: 2 MB
|
737
737
|
|
738
738
|
The following images could be optimized:
|
739
739
|
|
@@ -750,8 +750,8 @@ Using video formats instead of GIFs can improve the download size of animated co
|
|
750
750
|
### https://onlinepngtools.com/images/examples-onlinepngtools/elephant-hd-quality.png
|
751
751
|
- Potential savings: 176 kB
|
752
752
|
- Optimizations:
|
753
|
-
Using a modern image format (WebP, AVIF) or increasing the image compression could improve this image's download size. (Est 134 kB)
|
754
|
-
This image file is larger than it needs to be (640x436) for its displayed dimensions (200x136). Use responsive images to reduce the image download size. (Est
|
753
|
+
Using a modern image format (WebP, AVIF) or increasing the image compression could improve this image's download size. (Est 134.1 kB)
|
754
|
+
This image file is larger than it needs to be (640x436) for its displayed dimensions (200x136). Use responsive images to reduce the image download size. (Est 162.9 kB)
|
755
755
|
|
756
756
|
### https://images.ctfassets.net/u275ja1nivmq/6T6z40ay5GFCUtwV7DONgh/0e23606ed1692d9721ab0f39a8d8a99e/yeti_cover.jpg?fm=webp
|
757
757
|
- Potential savings: 49.8 kB
|
@@ -803,25 +803,25 @@ The following is the top function call that caused forced reflow(s):
|
|
803
803
|
|
804
804
|
- (anonymous) @ https://player.aniview.com/script/6.1/player.js:6:25217
|
805
805
|
|
806
|
-
Total reflow time: 26.1
|
806
|
+
Total reflow time: 26.1 ms
|
807
807
|
|
808
808
|
Stack trace (including total time):
|
809
809
|
|
810
|
-
- 56.2
|
811
|
-
- 4.6
|
812
|
-
- 14.5
|
813
|
-
- 0.1
|
814
|
-
- 0.7
|
815
|
-
- 2.3
|
816
|
-
- 0.3
|
817
|
-
- 0.2
|
818
|
-
- 0.4
|
819
|
-
- 24.3
|
820
|
-
- 1.8
|
821
|
-
- 0.5
|
822
|
-
- 0
|
823
|
-
- 0.3
|
824
|
-
- 0.1
|
810
|
+
- 56.2 ms in sidemenuitemintoview @ https://www.w3schools.com/lib/w3schools_footer.js?update=20240910:383:11
|
811
|
+
- 4.6 ms in ko @ https://securepubads.g.doubleclick.net/pagead/managed/js/gpt/m202411070102/pubads_impl.js?cb=31088843:32:197203
|
812
|
+
- 14.5 ms in e @ unknown location
|
813
|
+
- 0.1 ms in position @ https://tg1.aniview.com/api/adserver/spt?AV_TAGID=5fc0cff7da5879436d110535&AV_PUBLISHERID=5f280c598c04cd5e910ff0a1:453:30
|
814
|
+
- 0.7 ms in o @ https://adengine.snigelweb.com/w3schools.com/12609-1731501024324/adngin.js:0:6042
|
815
|
+
- 2.3 ms in [unattributed]
|
816
|
+
- 0.3 ms in Aq @ https://pagead2.googlesyndication.com/pagead/managed/js/activeview/current/ufs_web_display.js:273:705
|
817
|
+
- 0.2 ms in E @ https://player.aniview.com/script/6.1/player.js:6:21336
|
818
|
+
- 0.4 ms in getPlaceholderWidth @ https://player.aniview.com/script/6.1/player.js:6:38512
|
819
|
+
- 24.3 ms in (anonymous) @ https://player.aniview.com/script/6.1/AVmanager.js?v=1.0&type=s&pid=5f280c598c04cd5e910ff0a1:7:364165
|
820
|
+
- 1.8 ms in e.getAdPosition @ https://player.aniview.com/script/6.1/AVmanager.js?v=1.0&type=s&pid=5f280c598c04cd5e910ff0a1:6:104270
|
821
|
+
- 0.5 ms in detect_visibility_inview_1s @ unknown location
|
822
|
+
- 0 ms in (anonymous) @ https://player.aniview.com/script/6.1/AVmanager.js?v=1.0&type=s&pid=5f280c598c04cd5e910ff0a1:6:101588
|
823
|
+
- 0.3 ms in Wr @ https://securepubads.g.doubleclick.net/pagead/managed/js/gpt/m202411070102/pubads_impl.js?cb=31088843:32:94243
|
824
|
+
- 0.1 ms in (anonymous) @ https://player.aniview.com/script/webm/ads.js:5:156566
|
825
825
|
|
826
826
|
## Estimated savings: none
|
827
827
|
|
@@ -872,12 +872,12 @@ This insight analyzes the network dependency tree to identify:
|
|
872
872
|
## Detailed analysis:
|
873
873
|
The network dependency tree checks found one or more problems.
|
874
874
|
|
875
|
-
Max critical path latency is 5,014.9
|
875
|
+
Max critical path latency is 5,014.9 ms
|
876
876
|
|
877
877
|
The following is the critical request chain:
|
878
|
-
- http://localhost:8787/lcp-iframes/index.html (5,005.6
|
879
|
-
- http://localhost:8787/lcp-iframes/app.js (5,014.9
|
880
|
-
- http://localhost:8787/lcp-iframes/app.css (5,010.1
|
878
|
+
- http://localhost:8787/lcp-iframes/index.html (5,005.6 ms) (longest chain)
|
879
|
+
- http://localhost:8787/lcp-iframes/app.js (5,014.9 ms) (longest chain)
|
880
|
+
- http://localhost:8787/lcp-iframes/app.css (5,010.1 ms)
|
881
881
|
|
882
882
|
no origins were preconnected.
|
883
883
|
|
@@ -918,7 +918,7 @@ Top selector match attempt:
|
|
918
918
|
169 attempts for selector: '.gb_Bd > :only-child'
|
919
919
|
|
920
920
|
Total:
|
921
|
-
Elapsed time: 0
|
921
|
+
Elapsed time: 0 ms
|
922
922
|
Match attempts: 2444
|
923
923
|
Match count: 465
|
924
924
|
|
@@ -956,17 +956,17 @@ This insight analyzes the performance impact of resources loaded from third-part
|
|
956
956
|
## Detailed analysis:
|
957
957
|
The following list contains the largest transfer sizes by a 3rd party script:
|
958
958
|
|
959
|
-
- imgix:
|
960
|
-
- Google Tag Manager: 163 kB
|
959
|
+
- imgix: 171.6 kB
|
960
|
+
- Google Tag Manager: 163.1 kB
|
961
961
|
- Google Analytics: 20.5 kB
|
962
962
|
- web.app: 823 B
|
963
963
|
|
964
964
|
The following list contains the largest amount spent by a 3rd party script on the main thread:
|
965
965
|
|
966
|
-
- Google Tag Manager: 28.1
|
967
|
-
- Google Analytics: 5.8
|
968
|
-
- noondiphcddnnabmjcihcjfbhfklnnep: 1.7
|
969
|
-
- web.app: 0.2
|
966
|
+
- Google Tag Manager: 28.1 ms
|
967
|
+
- Google Analytics: 5.8 ms
|
968
|
+
- noondiphcddnnabmjcihcjfbhfklnnep: 1.7 ms
|
969
|
+
- web.app: 0.2 ms
|
970
970
|
|
971
971
|
3rd party code can significantly impact load performance. [Reduce and defer loading of 3rd party code](https://web.dev/articles/optimizing-content-efficiency-loading-third-party-javascript/) to prioritize your page's content.
|
972
972
|
|