chrome-devtools-frontend 1.0.1512147 → 1.0.1513662
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/docs/cookbook/release_management.md +15 -13
- package/docs/get_the_code.md +114 -35
- 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/common/Color.ts +40 -44
- package/front_end/core/common/Console.ts +4 -4
- package/front_end/core/common/ParsedURL.ts +14 -14
- package/front_end/core/common/ResourceType.ts +20 -20
- package/front_end/core/common/SegmentedRange.ts +13 -14
- package/front_end/core/common/Settings.ts +4 -4
- package/front_end/core/common/StringOutputStream.ts +4 -4
- package/front_end/core/host/GdpClient.ts +76 -2
- package/front_end/core/host/InspectorFrontendHost.ts +4 -1
- package/front_end/core/host/InspectorFrontendHostAPI.ts +2 -0
- package/front_end/core/host/ResourceLoader.ts +2 -2
- package/front_end/core/host/UserMetrics.ts +0 -2
- package/front_end/core/i18n/NumberFormatter.ts +7 -0
- package/front_end/core/protocol_client/InspectorBackend.ts +9 -9
- package/front_end/core/root/Runtime.ts +5 -2
- package/front_end/core/sdk/AccessibilityModel.ts +48 -48
- package/front_end/core/sdk/AnimationModel.ts +78 -79
- package/front_end/core/sdk/CPUProfilerModel.ts +5 -5
- package/front_end/core/sdk/CPUThrottlingManager.ts +17 -17
- package/front_end/core/sdk/CSSMatchedStyles.ts +44 -44
- package/front_end/core/sdk/CSSMedia.ts +22 -22
- package/front_end/core/sdk/CSSModel.ts +4 -4
- package/front_end/core/sdk/CSSProperty.ts +9 -9
- package/front_end/core/sdk/CSSPropertyParser.ts +1 -2
- package/front_end/core/sdk/CSSRule.ts +3 -3
- package/front_end/core/sdk/CSSStyleDeclaration.ts +27 -28
- package/front_end/core/sdk/CSSStyleSheetHeader.ts +13 -13
- package/front_end/core/sdk/CategorizedBreakpoint.ts +4 -4
- package/front_end/core/sdk/ChildTargetManager.ts +6 -6
- package/front_end/core/sdk/CompilerSourceMappingContentProvider.ts +4 -4
- package/front_end/core/sdk/ConsoleModel.ts +24 -24
- package/front_end/core/sdk/Cookie.ts +16 -16
- package/front_end/core/sdk/CookieParser.ts +6 -6
- package/front_end/core/sdk/DOMDebuggerModel.ts +88 -89
- package/front_end/core/sdk/DOMModel.ts +113 -113
- package/front_end/core/sdk/DebuggerModel.ts +102 -103
- package/front_end/core/sdk/EmulationModel.ts +6 -6
- package/front_end/core/sdk/EventBreakpointsModel.ts +5 -5
- package/front_end/core/sdk/HeapProfilerModel.ts +5 -5
- package/front_end/core/sdk/IsolateManager.ts +26 -26
- package/front_end/core/sdk/LayerTreeBase.ts +29 -30
- package/front_end/core/sdk/OverlayModel.ts +6 -6
- package/front_end/core/sdk/Resource.ts +43 -43
- package/front_end/core/sdk/ResourceTreeModel.ts +58 -61
- package/front_end/core/sdk/RuntimeModel.ts +12 -13
- package/front_end/core/sdk/SDKModel.ts +3 -3
- package/front_end/core/sdk/Script.ts +17 -17
- package/front_end/core/sdk/SecurityOriginManager.ts +14 -14
- package/front_end/core/sdk/ServerTiming.ts +2 -2
- package/front_end/core/sdk/ServiceWorkerCacheModel.ts +15 -15
- package/front_end/core/sdk/ServiceWorkerManager.ts +19 -24
- package/front_end/core/sdk/SourceMap.ts +10 -10
- package/front_end/core/sdk/StorageKeyManager.ts +12 -12
- package/front_end/core/sdk/Target.ts +33 -34
- package/front_end/core/sdk/TargetManager.ts +20 -20
- package/front_end/entrypoints/formatter_worker/AcornTokenizer.ts +8 -8
- package/front_end/entrypoints/formatter_worker/HTMLFormatter.ts +7 -7
- package/front_end/entrypoints/heap_snapshot_worker/AllocationProfile.ts +7 -7
- package/front_end/entrypoints/heap_snapshot_worker/HeapSnapshot.ts +24 -24
- package/front_end/entrypoints/main/GlobalAiButton.ts +3 -3
- package/front_end/entrypoints/main/MainImpl.ts +16 -14
- package/front_end/entrypoints/main/main-meta.ts +1 -2
- package/front_end/generated/InspectorBackendCommands.js +3 -2
- package/front_end/generated/SupportedCSSProperties.js +20 -0
- package/front_end/generated/protocol-mapping.d.ts +4 -0
- package/front_end/generated/protocol-proxy-api.d.ts +5 -0
- package/front_end/generated/protocol.ts +20 -0
- package/front_end/models/ai_assistance/agents/PerformanceAgent.ts +18 -35
- 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 +246 -119
- package/front_end/models/ai_assistance/data_formatters/PerformanceInsightFormatter.ts +187 -73
- package/front_end/models/ai_assistance/data_formatters/PerformanceTraceFormatter.snapshot.txt +106 -100
- package/front_end/models/ai_assistance/data_formatters/PerformanceTraceFormatter.ts +20 -27
- package/front_end/models/ai_assistance/data_formatters/UnitFormatters.ts +151 -0
- package/front_end/models/badges/AiExplorerBadge.ts +21 -0
- package/front_end/models/badges/Badge.ts +10 -9
- package/front_end/models/badges/CodeWhispererBadge.ts +21 -0
- package/front_end/models/badges/DOMDetectiveBadge.ts +21 -0
- package/front_end/models/badges/SpeedsterBadge.ts +7 -2
- package/front_end/models/badges/StarterBadge.ts +6 -1
- package/front_end/models/badges/UserBadges.ts +61 -9
- package/front_end/models/bindings/CSSWorkspaceBinding.ts +6 -6
- package/front_end/models/bindings/DebuggerLanguagePlugins.ts +18 -18
- package/front_end/models/bindings/FileUtils.ts +15 -15
- package/front_end/models/bindings/ResourceScriptMapping.ts +14 -14
- package/front_end/models/elements/ElementUpdateRecord.ts +11 -11
- package/front_end/models/emulation/DeviceModeModel.ts +123 -131
- package/front_end/models/emulation/EmulatedDevices.ts +22 -22
- package/front_end/models/extensions/ExtensionPanel.ts +24 -24
- package/front_end/models/extensions/ExtensionServer.ts +4 -4
- package/front_end/models/javascript_metadata/NativeFunctions.js +14 -2
- package/front_end/models/persistence/IsolatedFileSystem.ts +18 -19
- package/front_end/models/persistence/IsolatedFileSystemManager.ts +13 -13
- package/front_end/models/trace/EventsSerializer.ts +5 -5
- package/front_end/models/trace/LanternComputationData.ts +10 -10
- package/front_end/models/trace/ModelImpl.ts +32 -54
- package/front_end/models/trace/Processor.ts +28 -30
- package/front_end/models/trace/extras/FilmStrip.ts +6 -6
- package/front_end/models/trace/extras/StackTraceForEvent.ts +22 -25
- package/front_end/models/trace/extras/ThirdParties.ts +16 -17
- package/front_end/models/trace/extras/TraceFilter.ts +1 -1
- package/front_end/models/trace/handlers/Threads.ts +10 -10
- package/front_end/models/trace/handlers/helpers.ts +9 -9
- package/front_end/models/trace/handlers/types.ts +3 -3
- package/front_end/models/trace/insights/CLSCulprits.ts +12 -14
- package/front_end/models/trace/insights/Cache.ts +8 -4
- package/front_end/models/trace/insights/DOMSize.ts +8 -5
- package/front_end/models/trace/insights/DocumentLatency.ts +2 -2
- package/front_end/models/trace/insights/DuplicatedJavaScript.ts +3 -3
- package/front_end/models/trace/insights/FontDisplay.ts +3 -4
- package/front_end/models/trace/insights/ForcedReflow.ts +3 -3
- package/front_end/models/trace/insights/INPBreakdown.ts +2 -2
- package/front_end/models/trace/insights/ImageDelivery.ts +11 -11
- package/front_end/models/trace/insights/LCPBreakdown.ts +4 -4
- package/front_end/models/trace/insights/LCPDiscovery.ts +4 -4
- package/front_end/models/trace/insights/LegacyJavaScript.ts +2 -2
- package/front_end/models/trace/insights/ModernHTTP.ts +4 -5
- package/front_end/models/trace/insights/NetworkDependencyTree.ts +12 -12
- package/front_end/models/trace/insights/RenderBlocking.ts +9 -10
- package/front_end/models/trace/insights/SlowCSSSelector.ts +2 -2
- package/front_end/models/trace/insights/ThirdParties.ts +4 -5
- package/front_end/models/trace/insights/Viewport.ts +8 -5
- package/front_end/models/trace/insights/types.ts +1 -0
- package/front_end/models/trace/lantern/testing/MetricTestUtils.ts +10 -10
- package/front_end/panels/accessibility/AXBreadcrumbsPane.ts +52 -52
- package/front_end/panels/accessibility/AccessibilitySidebarView.ts +8 -8
- package/front_end/panels/animation/AnimationTimeline.ts +5 -5
- package/front_end/panels/animation/AnimationUI.ts +22 -23
- package/front_end/panels/application/ApplicationPanelSidebar.ts +12 -12
- package/front_end/panels/application/DOMStorageModel.ts +23 -23
- package/front_end/panels/application/ExtensionStorageModel.ts +31 -31
- package/front_end/panels/application/IndexedDBModel.ts +1 -0
- package/front_end/panels/application/PreloadingTreeElement.ts +8 -8
- package/front_end/panels/application/ServiceWorkersView.ts +0 -53
- package/front_end/panels/application/preloading/components/PreloadingDisabledInfobar.ts +2 -2
- package/front_end/panels/application/preloading/components/UsedPreloadingView.ts +2 -2
- package/front_end/panels/common/BadgeNotification.ts +140 -10
- package/front_end/panels/common/GdpSignUpDialog.ts +5 -0
- package/front_end/panels/common/badgeNotification.css +30 -9
- package/front_end/panels/console/ConsoleContextSelector.ts +9 -9
- package/front_end/panels/console/ConsolePrompt.ts +8 -5
- package/front_end/panels/console/ConsoleView.ts +13 -13
- package/front_end/panels/console/ConsoleViewport.ts +29 -29
- package/front_end/panels/coverage/CoverageModel.ts +22 -22
- package/front_end/panels/elements/ClassesPaneWidget.ts +1 -1
- package/front_end/panels/elements/ComputedStyleModel.ts +17 -18
- package/front_end/panels/elements/DOMPath.ts +2 -2
- package/front_end/panels/elements/ElementsPanel.ts +13 -13
- package/front_end/panels/elements/ElementsTreeElement.ts +30 -18
- package/front_end/panels/elements/ElementsTreeOutline.ts +44 -48
- package/front_end/panels/elements/ShortcutTreeElement.ts +4 -4
- package/front_end/panels/elements/StylePropertiesSection.ts +7 -4
- package/front_end/panels/elements/StylePropertyTreeElement.ts +54 -50
- package/front_end/panels/elements/StylesSidebarPane.ts +19 -19
- package/front_end/panels/emulation/DeviceModeToolbar.ts +7 -7
- package/front_end/panels/emulation/DeviceModeView.ts +6 -6
- package/front_end/panels/emulation/MediaQueryInspector.ts +18 -18
- package/front_end/panels/event_listeners/EventListenersView.ts +13 -14
- package/front_end/panels/layer_viewer/LayerTreeOutline.ts +3 -3
- package/front_end/panels/layer_viewer/LayerViewHost.ts +13 -13
- package/front_end/panels/layer_viewer/PaintProfilerView.ts +9 -10
- package/front_end/panels/layer_viewer/TransformController.ts +34 -36
- package/front_end/panels/layers/LayerTreeModel.ts +41 -40
- package/front_end/panels/lighthouse/LighthouseReportSelector.ts +13 -13
- package/front_end/panels/lighthouse/LighthouseStartView.ts +7 -7
- package/front_end/panels/media/PlayerMessagesView.ts +5 -5
- package/front_end/panels/media/TickingFlameChart.ts +24 -24
- package/front_end/panels/media/TickingFlameChartHelpers.ts +32 -32
- package/front_end/panels/network/NetworkItemView.ts +4 -4
- package/front_end/panels/network/NetworkLogViewColumns.ts +29 -29
- package/front_end/panels/network/NetworkPanel.ts +8 -5
- package/front_end/panels/network/ResourceWebSocketFrameView.ts +10 -10
- package/front_end/panels/profiler/HeapDetachedElementsView.ts +3 -3
- package/front_end/panels/profiler/HeapProfileView.ts +1 -1
- package/front_end/panels/profiler/ProfileFlameChartDataProvider.ts +3 -4
- package/front_end/panels/profiler/ProfileHeader.ts +25 -25
- package/front_end/panels/profiler/ProfileLauncherView.ts +5 -6
- package/front_end/panels/recorder/components/ReplaySection.ts +3 -1
- package/front_end/panels/security/OriginTreeElement.ts +8 -8
- package/front_end/panels/security/SecurityPanel.ts +5 -5
- package/front_end/panels/settings/SettingsScreen.ts +18 -18
- package/front_end/panels/settings/components/SyncSection.ts +26 -8
- package/front_end/panels/sources/AiCodeCompletionPlugin.ts +3 -0
- package/front_end/panels/sources/DebuggerPausedMessage.ts +8 -9
- package/front_end/panels/sources/NavigatorView.ts +43 -46
- package/front_end/panels/sources/SourcesPanel.ts +35 -35
- package/front_end/panels/sources/SourcesView.ts +13 -13
- package/front_end/panels/sources/TabbedEditorContainer.ts +19 -22
- package/front_end/panels/sources/UISourceCodeFrame.ts +4 -4
- package/front_end/panels/sources/WatchExpressionsSidebarPane.ts +34 -36
- package/front_end/panels/timeline/AnimationsTrackAppender.ts +3 -3
- package/front_end/panels/timeline/CompatibilityTracksAppender.ts +8 -8
- package/front_end/panels/timeline/CountersGraph.ts +16 -16
- package/front_end/panels/timeline/EntriesFilter.ts +4 -3
- package/front_end/panels/timeline/EventsTimelineTreeView.ts +3 -3
- package/front_end/panels/timeline/GPUTrackAppender.ts +3 -3
- package/front_end/panels/timeline/Initiators.ts +10 -10
- package/front_end/panels/timeline/InteractionsTrackAppender.ts +5 -5
- package/front_end/panels/timeline/LayoutShiftsTrackAppender.ts +7 -7
- package/front_end/panels/timeline/ModificationsManager.ts +8 -15
- package/front_end/panels/timeline/TargetForEvent.ts +2 -2
- package/front_end/panels/timeline/ThirdPartyTreeView.ts +1 -1
- package/front_end/panels/timeline/ThreadAppender.ts +13 -13
- package/front_end/panels/timeline/TimelineDetailsView.ts +6 -14
- package/front_end/panels/timeline/TimelineEventOverview.ts +27 -26
- package/front_end/panels/timeline/TimelineFilters.ts +5 -5
- package/front_end/panels/timeline/TimelineFlameChartDataProvider.ts +54 -53
- package/front_end/panels/timeline/TimelineFlameChartNetworkDataProvider.ts +34 -34
- package/front_end/panels/timeline/TimelineFlameChartView.ts +18 -31
- package/front_end/panels/timeline/TimelineHistoryManager.ts +17 -18
- package/front_end/panels/timeline/TimelineMiniMap.ts +6 -6
- package/front_end/panels/timeline/TimelinePaintProfilerView.ts +6 -6
- package/front_end/panels/timeline/TimelinePanel.ts +73 -68
- package/front_end/panels/timeline/TimelineSelectorStatsView.ts +7 -5
- package/front_end/panels/timeline/TimelineTreeView.ts +10 -10
- package/front_end/panels/timeline/TimelineUIUtils.ts +47 -46
- package/front_end/panels/timeline/TimingsTrackAppender.ts +12 -12
- package/front_end/panels/timeline/TracingLayerTree.ts +43 -43
- package/front_end/panels/timeline/TrackConfigBanner.ts +6 -6
- package/front_end/panels/timeline/TrackConfiguration.ts +1 -1
- package/front_end/panels/timeline/components/DetailsView.ts +4 -4
- package/front_end/panels/timeline/components/LayoutShiftDetails.ts +12 -21
- package/front_end/panels/timeline/components/LiveMetricsView.ts +2 -1
- package/front_end/panels/timeline/components/NetworkRequestDetails.ts +5 -5
- package/front_end/panels/timeline/components/Sidebar.ts +4 -14
- package/front_end/panels/timeline/components/SidebarInsightsTab.ts +13 -36
- package/front_end/panels/timeline/components/SidebarSingleInsightSet.ts +21 -19
- package/front_end/panels/timeline/components/insights/BaseInsightComponent.ts +1 -1
- package/front_end/panels/timeline/components/insights/Cache.ts +4 -0
- package/front_end/panels/timeline/components/insights/DOMSize.ts +5 -1
- package/front_end/panels/timeline/components/insights/Helpers.ts +19 -0
- package/front_end/panels/timeline/components/insights/NetworkDependencyTree.ts +1 -1
- package/front_end/panels/timeline/components/insights/Viewport.ts +4 -0
- package/front_end/panels/timeline/overlays/OverlaysImpl.ts +1 -1
- package/front_end/panels/timeline/utils/AICallTree.ts +11 -11
- package/front_end/panels/timeline/utils/AIContext.ts +17 -19
- package/front_end/panels/timeline/utils/EntityMapper.ts +6 -5
- package/front_end/panels/timeline/utils/EntryName.ts +2 -2
- package/front_end/panels/timeline/utils/EntryNodes.ts +5 -5
- package/front_end/panels/timeline/utils/EntryStyles.ts +4 -4
- package/front_end/panels/timeline/utils/FreshRecording.ts +3 -3
- package/front_end/panels/timeline/utils/Helpers.ts +0 -18
- package/front_end/panels/timeline/utils/InsightAIContext.ts +6 -6
- package/front_end/panels/timeline/utils/SourceMapsResolver.ts +7 -7
- package/front_end/panels/webauthn/WebauthnPane.ts +1 -0
- package/front_end/third_party/chromium/README.chromium +1 -1
- package/front_end/third_party/codemirror.next/chunk/angular.js +1 -1
- package/front_end/third_party/codemirror.next/chunk/angular.js.map +1 -1
- package/front_end/third_party/codemirror.next/chunk/codemirror.js +1 -1
- package/front_end/third_party/codemirror.next/chunk/codemirror.js.map +1 -1
- package/front_end/third_party/codemirror.next/chunk/cpp.js +1 -1
- package/front_end/third_party/codemirror.next/chunk/cpp.js.map +1 -1
- package/front_end/third_party/codemirror.next/chunk/java.js +1 -1
- package/front_end/third_party/codemirror.next/chunk/java.js.map +1 -1
- package/front_end/third_party/codemirror.next/chunk/legacy.js +1 -1
- package/front_end/third_party/codemirror.next/chunk/legacy.js.map +1 -1
- package/front_end/third_party/codemirror.next/chunk/less.js +1 -1
- package/front_end/third_party/codemirror.next/chunk/less.js.map +1 -1
- package/front_end/third_party/codemirror.next/chunk/markdown.js +1 -1
- package/front_end/third_party/codemirror.next/chunk/markdown.js.map +1 -1
- package/front_end/third_party/codemirror.next/chunk/php.js +1 -1
- package/front_end/third_party/codemirror.next/chunk/php.js.map +1 -1
- package/front_end/third_party/codemirror.next/chunk/python.js +1 -1
- package/front_end/third_party/codemirror.next/chunk/python.js.map +1 -1
- package/front_end/third_party/codemirror.next/chunk/sass.js +1 -1
- package/front_end/third_party/codemirror.next/chunk/sass.js.map +1 -1
- package/front_end/third_party/codemirror.next/chunk/svelte.js +1 -1
- package/front_end/third_party/codemirror.next/chunk/svelte.js.map +1 -1
- package/front_end/third_party/codemirror.next/chunk/vue.js +1 -1
- package/front_end/third_party/codemirror.next/chunk/vue.js.map +1 -1
- package/front_end/third_party/codemirror.next/chunk/wast.js +1 -1
- package/front_end/third_party/codemirror.next/chunk/wast.js.map +1 -1
- package/front_end/third_party/codemirror.next/chunk/xml.js +1 -1
- package/front_end/third_party/codemirror.next/chunk/xml.js.map +1 -1
- package/front_end/third_party/codemirror.next/codemirror.next.js +1 -1
- package/front_end/third_party/codemirror.next/package.json +1 -1
- package/front_end/third_party/codemirror.next/rebuild.sh +1 -1
- package/front_end/third_party/json5/rebuild.sh +1 -1
- package/front_end/third_party/legacy-javascript/{update.sh → rebuild.sh} +1 -1
- package/front_end/third_party/lit/lib/decorators.d.ts +26 -9
- package/front_end/third_party/lit/lib/decorators.js +5 -5
- package/front_end/third_party/lit/lib/decorators.js.map +1 -1
- package/front_end/third_party/lit/lib/directive.js.map +1 -1
- package/front_end/third_party/lit/lib/directives.js +8 -13
- package/front_end/third_party/lit/lib/directives.js.map +1 -1
- package/front_end/third_party/lit/lib/lit.d.ts +26 -9
- package/front_end/third_party/lit/lib/lit.js +5 -5
- package/front_end/third_party/lit/lib/lit.js.map +1 -1
- package/front_end/third_party/lit/lib/static-html.js +2 -2
- package/front_end/third_party/lit/lib/static-html.js.map +1 -1
- package/front_end/third_party/lit/rebuild.sh +1 -1
- package/front_end/third_party/third-party-web/rebuild.sh +1 -1
- package/front_end/ui/components/dialogs/Dialog.ts +6 -7
- package/front_end/ui/legacy/ActionRegistration.ts +9 -9
- package/front_end/ui/legacy/DockController.ts +18 -18
- package/front_end/ui/legacy/FilterBar.ts +7 -7
- package/front_end/ui/legacy/Fragment.ts +4 -4
- package/front_end/ui/legacy/GlassPane.ts +12 -12
- package/front_end/ui/legacy/InspectorView.ts +5 -15
- package/front_end/ui/legacy/ListControl.ts +27 -27
- package/front_end/ui/legacy/ListWidget.ts +4 -4
- package/front_end/ui/legacy/PopoverHelper.ts +4 -4
- package/front_end/ui/legacy/ShortcutRegistry.ts +17 -17
- package/front_end/ui/legacy/TabbedPane.ts +74 -75
- package/front_end/ui/legacy/TextPrompt.ts +31 -31
- package/front_end/ui/legacy/Toolbar.ts +13 -14
- package/front_end/ui/legacy/ViewManager.ts +30 -31
- package/front_end/ui/legacy/Widget.ts +6 -6
- package/front_end/ui/legacy/XLink.ts +9 -9
- package/front_end/ui/legacy/ZoomManager.ts +9 -9
- package/front_end/ui/legacy/components/color_picker/ContrastDetails.ts +27 -27
- package/front_end/ui/legacy/components/color_picker/ContrastInfo.ts +30 -32
- package/front_end/ui/legacy/components/color_picker/Spectrum.ts +15 -15
- package/front_end/ui/legacy/components/data_grid/DataGrid.ts +64 -64
- package/front_end/ui/legacy/components/data_grid/ShowMoreDataGridNode.ts +2 -2
- package/front_end/ui/legacy/components/object_ui/ObjectPropertiesSection.ts +10 -11
- package/front_end/ui/legacy/components/perf_ui/ChartViewport.ts +12 -12
- package/front_end/ui/legacy/components/perf_ui/FlameChart.ts +3 -3
- package/front_end/ui/legacy/components/perf_ui/TimelineGrid.ts +14 -14
- package/front_end/ui/legacy/components/perf_ui/TimelineOverviewPane.ts +8 -8
- package/front_end/ui/legacy/components/quick_open/CommandMenu.ts +5 -5
- package/front_end/ui/legacy/components/source_frame/ResourceSourceFrame.ts +4 -4
- 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/front_end/ui/legacy/theme_support/ThemeSupport.ts +4 -4
- package/front_end/ui/visual_logging/KnownContextValues.ts +2 -2
- 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
|
@@ -505,6 +505,57 @@ Response headers
|
|
505
505
|
- expires: Thu, 07 Mar 2024 21:17:02 GMT
|
506
506
|
=== end content
|
507
507
|
|
508
|
+
Title: PerformanceInsightFormatter DomSize serializes correctly when there are no results
|
509
|
+
Content:
|
510
|
+
## Insight Title: Optimize DOM size
|
511
|
+
|
512
|
+
## Insight Summary:
|
513
|
+
This insight evaluates some key metrics about the Document Object Model (DOM) and identifies excess in the DOM tree, for example:
|
514
|
+
- The maximum number of elements within the DOM.
|
515
|
+
- The maximum number of children for any given element.
|
516
|
+
- Excessive depth of the DOM structure.
|
517
|
+
- The largest layout and style recalculation events.
|
518
|
+
|
519
|
+
## Detailed analysis:
|
520
|
+
No DOM size issues were detected.
|
521
|
+
|
522
|
+
## Estimated savings: none
|
523
|
+
|
524
|
+
## External resources:
|
525
|
+
- https://developer.chrome.com/docs/lighthouse/performance/dom-size/
|
526
|
+
=== end content
|
527
|
+
|
528
|
+
Title: PerformanceInsightFormatter DomSize serializes the correct details showing DOM issues
|
529
|
+
Content:
|
530
|
+
## Insight Title: Optimize DOM size
|
531
|
+
|
532
|
+
## Insight Summary:
|
533
|
+
This insight evaluates some key metrics about the Document Object Model (DOM) and identifies excess in the DOM tree, for example:
|
534
|
+
- The maximum number of elements within the DOM.
|
535
|
+
- The maximum number of children for any given element.
|
536
|
+
- Excessive depth of the DOM structure.
|
537
|
+
- The largest layout and style recalculation events.
|
538
|
+
|
539
|
+
## Detailed analysis:
|
540
|
+
A large DOM can increase the duration of style calculations and layout reflows, impacting page responsiveness. A large DOM will also increase memory usage. [Learn how to avoid an excessive DOM size](https://developer.chrome.com/docs/lighthouse/performance/dom-size/).
|
541
|
+
|
542
|
+
Statistic:
|
543
|
+
|
544
|
+
Total elements: 1006.
|
545
|
+
DOM depth: 1001 nodes, starting with element 'SPAN' (node id: 27).
|
546
|
+
Most children: 5, for parent 'BODY' (node id: 19).
|
547
|
+
|
548
|
+
Large layout updates/style calculations:
|
549
|
+
|
550
|
+
- Layout update: Duration: 58.9 ms, with 2004 of 2012 nodes needing layout.
|
551
|
+
- Style recalculation: Duration: 150.5 ms, with 1001 elements affected.
|
552
|
+
|
553
|
+
## Estimated savings: none
|
554
|
+
|
555
|
+
## External resources:
|
556
|
+
- https://developer.chrome.com/docs/lighthouse/performance/dom-size/
|
557
|
+
=== end content
|
558
|
+
|
508
559
|
Title: PerformanceInsightFormatter Duplicated javascript serializes the correct details
|
509
560
|
Content:
|
510
561
|
## Insight Title: Duplicated JavaScript
|
@@ -692,12 +743,12 @@ This insight identifies font issues when a webpage uses custom fonts, for exampl
|
|
692
743
|
## Detailed analysis:
|
693
744
|
The following font display issues were found:
|
694
745
|
|
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
|
746
|
+
- Font name: jizaRExUiTo99u79D0KExcOPIDU.woff2, URL: https://fonts.gstatic.com/s/ptsans/v17/jizaRExUiTo99u79D0KExcOPIDU.woff2, Property 'font-display' set to: 'auto', Wasted time: 20 ms.
|
747
|
+
- Font name: SlGVmQWMvZQIdix7AFxXkHNSbRYXags.woff2, URL: https://fonts.gstatic.com/s/droidsans/v18/SlGVmQWMvZQIdix7AFxXkHNSbRYXags.woff2, Property 'font-display' set to: 'auto', Wasted time: 15 ms.
|
748
|
+
- 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.
|
749
|
+
- Font name: SlGWmQWMvZQIdix7AFxXmMh3eDs1ZyHKpWg.woff2, URL: https://fonts.gstatic.com/s/droidsans/v18/SlGWmQWMvZQIdix7AFxXmMh3eDs1ZyHKpWg.woff2, Property 'font-display' set to: 'auto', Wasted time: 15 ms.
|
750
|
+
- 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.
|
751
|
+
- 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
752
|
|
702
753
|
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
754
|
|
@@ -733,7 +784,7 @@ Content:
|
|
733
784
|
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
785
|
|
735
786
|
## Detailed analysis:
|
736
|
-
Total potential savings: 2
|
787
|
+
Total potential savings: 2 MB
|
737
788
|
|
738
789
|
The following images could be optimized:
|
739
790
|
|
@@ -750,8 +801,8 @@ Using video formats instead of GIFs can improve the download size of animated co
|
|
750
801
|
### https://onlinepngtools.com/images/examples-onlinepngtools/elephant-hd-quality.png
|
751
802
|
- Potential savings: 176 kB
|
752
803
|
- 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
|
804
|
+
Using a modern image format (WebP, AVIF) or increasing the image compression could improve this image's download size. (Est 134.1 kB)
|
805
|
+
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
806
|
|
756
807
|
### https://images.ctfassets.net/u275ja1nivmq/6T6z40ay5GFCUtwV7DONgh/0e23606ed1692d9721ab0f39a8d8a99e/yeti_cover.jpg?fm=webp
|
757
808
|
- Potential savings: 49.8 kB
|
@@ -803,25 +854,25 @@ The following is the top function call that caused forced reflow(s):
|
|
803
854
|
|
804
855
|
- (anonymous) @ https://player.aniview.com/script/6.1/player.js:6:25217
|
805
856
|
|
806
|
-
Total reflow time: 26.1
|
857
|
+
Total reflow time: 26.1 ms
|
807
858
|
|
808
859
|
Stack trace (including total time):
|
809
860
|
|
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
|
861
|
+
- 56.2 ms in sidemenuitemintoview @ https://www.w3schools.com/lib/w3schools_footer.js?update=20240910:383:11
|
862
|
+
- 4.6 ms in ko @ https://securepubads.g.doubleclick.net/pagead/managed/js/gpt/m202411070102/pubads_impl.js?cb=31088843:32:197203
|
863
|
+
- 14.5 ms in e @ unknown location
|
864
|
+
- 0.1 ms in position @ https://tg1.aniview.com/api/adserver/spt?AV_TAGID=5fc0cff7da5879436d110535&AV_PUBLISHERID=5f280c598c04cd5e910ff0a1:453:30
|
865
|
+
- 0.7 ms in o @ https://adengine.snigelweb.com/w3schools.com/12609-1731501024324/adngin.js:0:6042
|
866
|
+
- 2.3 ms in [unattributed]
|
867
|
+
- 0.3 ms in Aq @ https://pagead2.googlesyndication.com/pagead/managed/js/activeview/current/ufs_web_display.js:273:705
|
868
|
+
- 0.2 ms in E @ https://player.aniview.com/script/6.1/player.js:6:21336
|
869
|
+
- 0.4 ms in getPlaceholderWidth @ https://player.aniview.com/script/6.1/player.js:6:38512
|
870
|
+
- 24.3 ms in (anonymous) @ https://player.aniview.com/script/6.1/AVmanager.js?v=1.0&type=s&pid=5f280c598c04cd5e910ff0a1:7:364165
|
871
|
+
- 1.8 ms in e.getAdPosition @ https://player.aniview.com/script/6.1/AVmanager.js?v=1.0&type=s&pid=5f280c598c04cd5e910ff0a1:6:104270
|
872
|
+
- 0.5 ms in detect_visibility_inview_1s @ unknown location
|
873
|
+
- 0 ms in (anonymous) @ https://player.aniview.com/script/6.1/AVmanager.js?v=1.0&type=s&pid=5f280c598c04cd5e910ff0a1:6:101588
|
874
|
+
- 0.3 ms in Wr @ https://securepubads.g.doubleclick.net/pagead/managed/js/gpt/m202411070102/pubads_impl.js?cb=31088843:32:94243
|
875
|
+
- 0.1 ms in (anonymous) @ https://player.aniview.com/script/webm/ads.js:5:156566
|
825
876
|
|
826
877
|
## Estimated savings: none
|
827
878
|
|
@@ -872,12 +923,12 @@ This insight analyzes the network dependency tree to identify:
|
|
872
923
|
## Detailed analysis:
|
873
924
|
The network dependency tree checks found one or more problems.
|
874
925
|
|
875
|
-
Max critical path latency is 5,014.9
|
926
|
+
Max critical path latency is 5,014.9 ms
|
876
927
|
|
877
928
|
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
|
929
|
+
- http://localhost:8787/lcp-iframes/index.html (5,005.6 ms) (longest chain)
|
930
|
+
- http://localhost:8787/lcp-iframes/app.js (5,014.9 ms) (longest chain)
|
931
|
+
- http://localhost:8787/lcp-iframes/app.css (5,010.1 ms)
|
881
932
|
|
882
933
|
no origins were preconnected.
|
883
934
|
|
@@ -918,7 +969,7 @@ Top selector match attempt:
|
|
918
969
|
169 attempts for selector: '.gb_Bd > :only-child'
|
919
970
|
|
920
971
|
Total:
|
921
|
-
Elapsed time: 0
|
972
|
+
Elapsed time: 0 ms
|
922
973
|
Match attempts: 2444
|
923
974
|
Match count: 465
|
924
975
|
|
@@ -956,17 +1007,17 @@ This insight analyzes the performance impact of resources loaded from third-part
|
|
956
1007
|
## Detailed analysis:
|
957
1008
|
The following list contains the largest transfer sizes by a 3rd party script:
|
958
1009
|
|
959
|
-
- imgix:
|
960
|
-
- Google Tag Manager: 163 kB
|
1010
|
+
- imgix: 171.6 kB
|
1011
|
+
- Google Tag Manager: 163.1 kB
|
961
1012
|
- Google Analytics: 20.5 kB
|
962
1013
|
- web.app: 823 B
|
963
1014
|
|
964
1015
|
The following list contains the largest amount spent by a 3rd party script on the main thread:
|
965
1016
|
|
966
|
-
- Google Tag Manager: 28.1
|
967
|
-
- Google Analytics: 5.8
|
968
|
-
- noondiphcddnnabmjcihcjfbhfklnnep: 1.7
|
969
|
-
- web.app: 0.2
|
1017
|
+
- Google Tag Manager: 28.1 ms
|
1018
|
+
- Google Analytics: 5.8 ms
|
1019
|
+
- noondiphcddnnabmjcihcjfbhfklnnep: 1.7 ms
|
1020
|
+
- web.app: 0.2 ms
|
970
1021
|
|
971
1022
|
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
1023
|
|
@@ -975,3 +1026,79 @@ The following list contains the largest amount spent by a 3rd party script on th
|
|
975
1026
|
## External resources:
|
976
1027
|
- https://web.dev/articles/optimizing-content-efficiency-loading-third-party-javascript/
|
977
1028
|
=== end content
|
1029
|
+
|
1030
|
+
Title: PerformanceInsightFormatter Cache serializes correctly when there are no results
|
1031
|
+
Content:
|
1032
|
+
## Insight Title: Use efficient cache lifetimes
|
1033
|
+
|
1034
|
+
## Insight Summary:
|
1035
|
+
This insight identifies static resources that are not cached effectively by the browser.
|
1036
|
+
|
1037
|
+
## Detailed analysis:
|
1038
|
+
No requests with inefficient cache policies.
|
1039
|
+
|
1040
|
+
## Estimated savings: none
|
1041
|
+
|
1042
|
+
## External resources:
|
1043
|
+
- https://web.dev/uses-long-cache-ttl/
|
1044
|
+
=== end content
|
1045
|
+
|
1046
|
+
Title: PerformanceInsightFormatter Cache serializes the correct details showing cache problems
|
1047
|
+
Content:
|
1048
|
+
## Insight Title: Use efficient cache lifetimes
|
1049
|
+
|
1050
|
+
## Insight Summary:
|
1051
|
+
This insight identifies static resources that are not cached effectively by the browser.
|
1052
|
+
|
1053
|
+
## Detailed analysis:
|
1054
|
+
The following resources were associated with ineffficient cache policies:
|
1055
|
+
|
1056
|
+
- https://chromedevtools.github.io/performance-stories/lcp-large-image/app.css
|
1057
|
+
- Cache Time to Live (TTL): 600 seconds
|
1058
|
+
- Wasted bytes: 0 B
|
1059
|
+
|
1060
|
+
A long cache lifetime can speed up repeat visits to your page. [Learn more](https://web.dev/uses-long-cache-ttl/).
|
1061
|
+
|
1062
|
+
## Estimated savings: none
|
1063
|
+
|
1064
|
+
## External resources:
|
1065
|
+
- https://web.dev/uses-long-cache-ttl/
|
1066
|
+
=== end content
|
1067
|
+
|
1068
|
+
Title: PerformanceInsightFormatter Viewport serializes correctly when there are no results
|
1069
|
+
Content:
|
1070
|
+
## Insight Title: Optimize viewport for mobile
|
1071
|
+
|
1072
|
+
## Insight Summary:
|
1073
|
+
The insight identifies web pages that are not specifying the viewport meta tag for mobile devies, which avoids the artificial 300-350ms delay designed to help differentiate between tap and double-click.
|
1074
|
+
|
1075
|
+
## Detailed analysis:
|
1076
|
+
The webpage is not optimized for mobile viewing.
|
1077
|
+
|
1078
|
+
The viewport meta tag was found: `width=device-width, initial-scale=0.25`.
|
1079
|
+
|
1080
|
+
## Estimated savings: INP 0 ms
|
1081
|
+
|
1082
|
+
## External resources:
|
1083
|
+
- https://developer.chrome.com/blog/300ms-tap-delay-gone-away/
|
1084
|
+
=== end content
|
1085
|
+
|
1086
|
+
Title: PerformanceInsightFormatter Viewport serializes the correct details showing viewport problems on mobile
|
1087
|
+
Content:
|
1088
|
+
## Insight Title: Optimize viewport for mobile
|
1089
|
+
|
1090
|
+
## Insight Summary:
|
1091
|
+
The insight identifies web pages that are not specifying the viewport meta tag for mobile devies, which avoids the artificial 300-350ms delay designed to help differentiate between tap and double-click.
|
1092
|
+
|
1093
|
+
## Detailed analysis:
|
1094
|
+
The webpage is not optimized for mobile viewing.
|
1095
|
+
|
1096
|
+
The viewport meta tag is missing.
|
1097
|
+
|
1098
|
+
Tap interactions may be [delayed by up to 300 ms](https://developer.chrome.com/blog/300ms-tap-delay-gone-away/) if the viewport is not optimized for mobile.
|
1099
|
+
|
1100
|
+
## Estimated savings: none
|
1101
|
+
|
1102
|
+
## External resources:
|
1103
|
+
- https://developer.chrome.com/blog/300ms-tap-delay-gone-away/
|
1104
|
+
=== end content
|