@paulirish/trace_engine 0.0.38 → 0.0.40

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.
Files changed (276) hide show
  1. package/.tmp/tsbuildinfo/tsconfig.tsbuildinfo +1 -1
  2. package/core/platform/DevToolsPath.d.ts +30 -9
  3. package/core/platform/DevToolsPath.js +21 -0
  4. package/core/platform/DevToolsPath.js.map +1 -1
  5. package/core/platform/MapUtilities.js +1 -1
  6. package/core/platform/MapUtilities.js.map +1 -1
  7. package/core/platform/ServerTiming.d.ts +2 -2
  8. package/core/platform/ServerTiming.js.map +1 -1
  9. package/core/platform/StringUtilities.js +1 -1
  10. package/core/platform/StringUtilities.js.map +1 -1
  11. package/core/platform/devtools_entrypoint-bundle-typescript-tsconfig.json +2 -1
  12. package/core/platform/platform-tsconfig.json +2 -1
  13. package/generated/protocol.d.ts +203 -73
  14. package/locales/af.json +86 -0
  15. package/locales/am.json +86 -0
  16. package/locales/ar.json +86 -0
  17. package/locales/as.json +86 -0
  18. package/locales/az.json +86 -0
  19. package/locales/be.json +86 -0
  20. package/locales/bg.json +86 -0
  21. package/locales/bn.json +86 -0
  22. package/locales/bs.json +86 -0
  23. package/locales/ca.json +86 -0
  24. package/locales/cs.json +86 -0
  25. package/locales/cy.json +86 -0
  26. package/locales/da.json +86 -0
  27. package/locales/de.json +86 -0
  28. package/locales/el.json +86 -0
  29. package/locales/en-GB.json +86 -0
  30. package/locales/en-US.json +86 -0
  31. package/locales/en-XL.json +86 -0
  32. package/locales/es-419.json +86 -0
  33. package/locales/es.json +86 -0
  34. package/locales/et.json +86 -0
  35. package/locales/eu.json +86 -0
  36. package/locales/fa.json +86 -0
  37. package/locales/fi.json +86 -0
  38. package/locales/fil.json +86 -0
  39. package/locales/fr-CA.json +86 -0
  40. package/locales/fr.json +86 -0
  41. package/locales/gl.json +86 -0
  42. package/locales/gu.json +86 -0
  43. package/locales/he.json +86 -0
  44. package/locales/hi.json +86 -0
  45. package/locales/hr.json +86 -0
  46. package/locales/hu.json +86 -0
  47. package/locales/hy.json +86 -0
  48. package/locales/id.json +86 -0
  49. package/locales/is.json +86 -0
  50. package/locales/it.json +86 -0
  51. package/locales/ja.json +86 -0
  52. package/locales/ka.json +86 -0
  53. package/locales/kk.json +86 -0
  54. package/locales/km.json +86 -0
  55. package/locales/kn.json +86 -0
  56. package/locales/ko.json +86 -0
  57. package/locales/ky.json +86 -0
  58. package/locales/lo.json +86 -0
  59. package/locales/lt.json +86 -0
  60. package/locales/lv.json +86 -0
  61. package/locales/mk.json +86 -0
  62. package/locales/ml.json +86 -0
  63. package/locales/mn.json +86 -0
  64. package/locales/mr.json +86 -0
  65. package/locales/ms.json +86 -0
  66. package/locales/my.json +86 -0
  67. package/locales/ne.json +86 -0
  68. package/locales/nl.json +86 -0
  69. package/locales/no.json +86 -0
  70. package/locales/or.json +86 -0
  71. package/locales/pa.json +86 -0
  72. package/locales/pl.json +86 -0
  73. package/locales/pt-PT.json +86 -0
  74. package/locales/pt.json +86 -0
  75. package/locales/ro.json +86 -0
  76. package/locales/ru.json +86 -0
  77. package/locales/si.json +86 -0
  78. package/locales/sk.json +86 -0
  79. package/locales/sl.json +86 -0
  80. package/locales/sq.json +86 -0
  81. package/locales/sr-Latn.json +86 -0
  82. package/locales/sr.json +86 -0
  83. package/locales/sv.json +86 -0
  84. package/locales/sw.json +86 -0
  85. package/locales/ta.json +86 -0
  86. package/locales/te.json +86 -0
  87. package/locales/th.json +86 -0
  88. package/locales/tr.json +86 -0
  89. package/locales/uk.json +86 -0
  90. package/locales/ur.json +86 -0
  91. package/locales/uz.json +86 -0
  92. package/locales/vi.json +86 -0
  93. package/locales/zh-HK.json +86 -0
  94. package/locales/zh-TW.json +86 -0
  95. package/locales/zh.json +86 -0
  96. package/locales/zu.json +86 -0
  97. package/models/cpu_profile/ProfileTreeModel.js +0 -2
  98. package/models/cpu_profile/ProfileTreeModel.js.map +1 -1
  99. package/models/cpu_profile/cpu_profile-tsconfig.json +2 -1
  100. package/models/cpu_profile/devtools_entrypoint-bundle-typescript-tsconfig.json +2 -1
  101. package/models/trace/LanternComputationData.js +1 -1
  102. package/models/trace/LanternComputationData.js.map +1 -1
  103. package/models/trace/ModelImpl.d.ts +6 -6
  104. package/models/trace/ModelImpl.js +1 -0
  105. package/models/trace/ModelImpl.js.map +1 -1
  106. package/models/trace/Processor.d.ts +6 -0
  107. package/models/trace/Processor.js +90 -9
  108. package/models/trace/Processor.js.map +1 -1
  109. package/models/trace/devtools_entrypoint-bundle-typescript-tsconfig.json +2 -1
  110. package/models/trace/extras/StackTraceForEvent.d.ts +12 -0
  111. package/models/trace/extras/StackTraceForEvent.js +163 -0
  112. package/models/trace/extras/StackTraceForEvent.js.map +1 -0
  113. package/models/trace/extras/ThirdParties.d.ts +7 -4
  114. package/models/trace/extras/ThirdParties.js +56 -65
  115. package/models/trace/extras/ThirdParties.js.map +1 -1
  116. package/models/trace/extras/TraceTree.js +8 -8
  117. package/models/trace/extras/TraceTree.js.map +1 -1
  118. package/models/trace/extras/devtools_entrypoint-bundle-typescript-tsconfig.json +2 -1
  119. package/models/trace/extras/extras-tsconfig.json +3 -2
  120. package/models/trace/extras/extras.js.map +1 -1
  121. package/models/trace/handlers/AnimationFramesHandler.d.ts +11 -0
  122. package/models/trace/handlers/AnimationFramesHandler.js +102 -0
  123. package/models/trace/handlers/AnimationFramesHandler.js.map +1 -0
  124. package/models/trace/handlers/AsyncJSCallsHandler.d.ts +15 -0
  125. package/models/trace/handlers/AsyncJSCallsHandler.js +153 -0
  126. package/models/trace/handlers/AsyncJSCallsHandler.js.map +1 -0
  127. package/models/trace/handlers/DOMStatsHandler.d.ts +8 -0
  128. package/models/trace/handlers/DOMStatsHandler.js +22 -0
  129. package/models/trace/handlers/DOMStatsHandler.js.map +1 -0
  130. package/models/trace/handlers/ExtensionTraceDataHandler.d.ts +80 -2
  131. package/models/trace/handlers/ExtensionTraceDataHandler.js +163 -13
  132. package/models/trace/handlers/ExtensionTraceDataHandler.js.map +1 -1
  133. package/models/trace/handlers/FlowsHandler.js +47 -55
  134. package/models/trace/handlers/FlowsHandler.js.map +1 -1
  135. package/models/trace/handlers/InitiatorsHandler.d.ts +11 -0
  136. package/models/trace/handlers/InitiatorsHandler.js +33 -25
  137. package/models/trace/handlers/InitiatorsHandler.js.map +1 -1
  138. package/models/trace/handlers/LargestImagePaintHandler.d.ts +0 -2
  139. package/models/trace/handlers/LargestImagePaintHandler.js +27 -24
  140. package/models/trace/handlers/LargestImagePaintHandler.js.map +1 -1
  141. package/models/trace/handlers/LayoutShiftsHandler.d.ts +2 -2
  142. package/models/trace/handlers/LayoutShiftsHandler.js +3 -2
  143. package/models/trace/handlers/LayoutShiftsHandler.js.map +1 -1
  144. package/models/trace/handlers/MetaHandler.d.ts +2 -2
  145. package/models/trace/handlers/MetaHandler.js +1 -1
  146. package/models/trace/handlers/MetaHandler.js.map +1 -1
  147. package/models/trace/handlers/ModelHandlers.d.ts +4 -1
  148. package/models/trace/handlers/ModelHandlers.js +4 -1
  149. package/models/trace/handlers/ModelHandlers.js.map +1 -1
  150. package/models/trace/handlers/NetworkRequestsHandler.d.ts +2 -0
  151. package/models/trace/handlers/NetworkRequestsHandler.js +21 -0
  152. package/models/trace/handlers/NetworkRequestsHandler.js.map +1 -1
  153. package/models/trace/handlers/PageLoadMetricsHandler.d.ts +2 -2
  154. package/models/trace/handlers/PageLoadMetricsHandler.js +9 -9
  155. package/models/trace/handlers/PageLoadMetricsHandler.js.map +1 -1
  156. package/models/trace/handlers/RendererHandler.d.ts +4 -0
  157. package/models/trace/handlers/RendererHandler.js +33 -2
  158. package/models/trace/handlers/RendererHandler.js.map +1 -1
  159. package/models/trace/handlers/SamplesHandler.d.ts +2 -2
  160. package/models/trace/handlers/SamplesHandler.js +3 -3
  161. package/models/trace/handlers/SamplesHandler.js.map +1 -1
  162. package/models/trace/handlers/ServerTimingsHandler.js +2 -2
  163. package/models/trace/handlers/ServerTimingsHandler.js.map +1 -1
  164. package/models/trace/handlers/Threads.d.ts +1 -0
  165. package/models/trace/handlers/Threads.js +8 -0
  166. package/models/trace/handlers/Threads.js.map +1 -1
  167. package/models/trace/handlers/UserInteractionsHandler.js +5 -6
  168. package/models/trace/handlers/UserInteractionsHandler.js.map +1 -1
  169. package/models/trace/handlers/UserTimingsHandler.d.ts +1 -1
  170. package/models/trace/handlers/UserTimingsHandler.js +1 -1
  171. package/models/trace/handlers/UserTimingsHandler.js.map +1 -1
  172. package/models/trace/handlers/WarningsHandler.js +2 -2
  173. package/models/trace/handlers/WarningsHandler.js.map +1 -1
  174. package/models/trace/handlers/devtools_entrypoint-bundle-typescript-tsconfig.json +2 -1
  175. package/models/trace/handlers/handlers-tsconfig.json +9 -1
  176. package/models/trace/handlers/handlers.d.ts +1 -0
  177. package/models/trace/handlers/handlers.js +1 -0
  178. package/models/trace/handlers/handlers.js.map +1 -1
  179. package/models/trace/handlers/helpers.d.ts +19 -0
  180. package/models/trace/handlers/helpers.js +123 -0
  181. package/models/trace/handlers/helpers.js.map +1 -0
  182. package/models/trace/helpers/SamplesIntegrator.js +2 -2
  183. package/models/trace/helpers/SamplesIntegrator.js.map +1 -1
  184. package/models/trace/helpers/SyntheticEvents.js +1 -1
  185. package/models/trace/helpers/SyntheticEvents.js.map +1 -1
  186. package/models/trace/helpers/Timing.d.ts +5 -6
  187. package/models/trace/helpers/Timing.js +22 -31
  188. package/models/trace/helpers/Timing.js.map +1 -1
  189. package/models/trace/helpers/Trace.d.ts +24 -10
  190. package/models/trace/helpers/Trace.js +53 -6
  191. package/models/trace/helpers/Trace.js.map +1 -1
  192. package/models/trace/helpers/TreeHelpers.d.ts +0 -31
  193. package/models/trace/helpers/TreeHelpers.js +1 -142
  194. package/models/trace/helpers/TreeHelpers.js.map +1 -1
  195. package/models/trace/helpers/devtools_entrypoint-bundle-typescript-tsconfig.json +2 -1
  196. package/models/trace/helpers/helpers-tsconfig.json +2 -1
  197. package/models/trace/insights/CLSCulprits.js +1 -2
  198. package/models/trace/insights/CLSCulprits.js.map +1 -1
  199. package/models/trace/insights/Common.d.ts +38 -1
  200. package/models/trace/insights/Common.js +123 -0
  201. package/models/trace/insights/Common.js.map +1 -1
  202. package/models/trace/insights/DOMSize.d.ts +9 -0
  203. package/models/trace/insights/DOMSize.js +102 -0
  204. package/models/trace/insights/DOMSize.js.map +1 -0
  205. package/models/trace/insights/DocumentLatency.js +1 -1
  206. package/models/trace/insights/DocumentLatency.js.map +1 -1
  207. package/models/trace/insights/FontDisplay.js +1 -1
  208. package/models/trace/insights/FontDisplay.js.map +1 -1
  209. package/models/trace/insights/ImageDelivery.d.ts +22 -4
  210. package/models/trace/insights/ImageDelivery.js +76 -6
  211. package/models/trace/insights/ImageDelivery.js.map +1 -1
  212. package/models/trace/insights/LCPDiscovery.js +2 -2
  213. package/models/trace/insights/LCPDiscovery.js.map +1 -1
  214. package/models/trace/insights/LCPPhases.js +7 -7
  215. package/models/trace/insights/LCPPhases.js.map +1 -1
  216. package/models/trace/insights/Models.d.ts +1 -0
  217. package/models/trace/insights/Models.js +1 -0
  218. package/models/trace/insights/Models.js.map +1 -1
  219. package/models/trace/insights/Statistics.d.ts +14 -0
  220. package/models/trace/insights/Statistics.js +86 -0
  221. package/models/trace/insights/Statistics.js.map +1 -0
  222. package/models/trace/insights/ThirdParties.d.ts +2 -2
  223. package/models/trace/insights/ThirdParties.js +5 -4
  224. package/models/trace/insights/ThirdParties.js.map +1 -1
  225. package/models/trace/insights/Viewport.js +2 -2
  226. package/models/trace/insights/Viewport.js.map +1 -1
  227. package/models/trace/insights/devtools_entrypoint-bundle-typescript-tsconfig.json +2 -1
  228. package/models/trace/insights/insights-tsconfig.json +4 -1
  229. package/models/trace/insights/insights.d.ts +1 -0
  230. package/models/trace/insights/insights.js +1 -0
  231. package/models/trace/insights/insights.js.map +1 -1
  232. package/models/trace/insights/types.d.ts +4 -3
  233. package/models/trace/insights/types.js.map +1 -1
  234. package/models/trace/lantern/core/NetworkAnalyzer.d.ts +2 -2
  235. package/models/trace/lantern/core/NetworkAnalyzer.js +2 -3
  236. package/models/trace/lantern/core/NetworkAnalyzer.js.map +1 -1
  237. package/models/trace/lantern/core/core-tsconfig.json +2 -1
  238. package/models/trace/lantern/core/devtools_entrypoint-bundle-typescript-tsconfig.json +2 -1
  239. package/models/trace/lantern/devtools_entrypoint-bundle-typescript-tsconfig.json +2 -1
  240. package/models/trace/lantern/graph/PageDependencyGraph.js +0 -1
  241. package/models/trace/lantern/graph/PageDependencyGraph.js.map +1 -1
  242. package/models/trace/lantern/graph/devtools_entrypoint-bundle-typescript-tsconfig.json +2 -1
  243. package/models/trace/lantern/graph/graph-tsconfig.json +2 -1
  244. package/models/trace/lantern/lantern-tsconfig.json +2 -1
  245. package/models/trace/lantern/metrics/devtools_entrypoint-bundle-typescript-tsconfig.json +2 -1
  246. package/models/trace/lantern/metrics/metrics-tsconfig.json +2 -1
  247. package/models/trace/lantern/simulation/DNSCache.d.ts +2 -2
  248. package/models/trace/lantern/simulation/DNSCache.js.map +1 -1
  249. package/models/trace/lantern/simulation/devtools_entrypoint-bundle-typescript-tsconfig.json +2 -1
  250. package/models/trace/lantern/simulation/simulation-tsconfig.json +2 -1
  251. package/models/trace/lantern/types/Lantern.d.ts +10 -10
  252. package/models/trace/lantern/types/Lantern.js.map +1 -1
  253. package/models/trace/lantern/types/devtools_entrypoint-bundle-typescript-tsconfig.json +2 -1
  254. package/models/trace/lantern/types/types-tsconfig.json +2 -1
  255. package/models/trace/root-causes/LayoutShift.d.ts +6 -6
  256. package/models/trace/root-causes/LayoutShift.js +1 -1
  257. package/models/trace/root-causes/LayoutShift.js.map +1 -1
  258. package/models/trace/root-causes/RootCauses.d.ts +2 -2
  259. package/models/trace/root-causes/RootCauses.js.map +1 -1
  260. package/models/trace/root-causes/devtools_entrypoint-bundle-typescript-tsconfig.json +2 -1
  261. package/models/trace/root-causes/root-causes-tsconfig.json +2 -1
  262. package/models/trace/trace-tsconfig.json +2 -1
  263. package/models/trace/types/Configuration.d.ts +2 -2
  264. package/models/trace/types/Configuration.js.map +1 -1
  265. package/models/trace/types/Extensions.d.ts +3 -3
  266. package/models/trace/types/Extensions.js.map +1 -1
  267. package/models/trace/types/File.d.ts +11 -11
  268. package/models/trace/types/File.js.map +1 -1
  269. package/models/trace/types/Timing.js.map +1 -1
  270. package/models/trace/types/TraceEvents.d.ts +107 -31
  271. package/models/trace/types/TraceEvents.js +34 -14
  272. package/models/trace/types/TraceEvents.js.map +1 -1
  273. package/models/trace/types/devtools_entrypoint-bundle-typescript-tsconfig.json +2 -1
  274. package/models/trace/types/types-tsconfig.json +2 -1
  275. package/package.json +1 -1
  276. package/test/test-trace-engine.mjs +8 -7
@@ -0,0 +1,86 @@
1
+ {
2
+ "models/trace/insights/CLSCulprits.ts | description": {
3
+ "message": "Layout Shifts treten auf, wenn sich Elemente ohne Nutzerinteraktion bewegen. [Untersuche die Ursachen von Layout Shifts](https://web.dev/articles/optimize-cls), beispielsweise Elemente, die hinzugef\u00fcgt oder entfernt werden oder deren Schriftart sich beim Laden der Seite \u00e4ndert."
4
+ },
5
+ "models/trace/insights/CLSCulprits.ts | title": {
6
+ "message": "Verursacher von Layout Shifts"
7
+ },
8
+ "models/trace/insights/DOMSize.ts | description": {
9
+ "message": "Ein gro\u00dfes DOM f\u00fchrt zu hoher Arbeitsspeichernutzung, langwierigen Stilberechnungen und kostspieligen dynamischen Umbr\u00fcchen im Layout, was sich auf die Reaktionsf\u00e4higkeit der Seite auswirkt. [Informationen zum Vermeiden eines zu gro\u00dfen DOMs](https://developer.chrome.com/docs/lighthouse/performance/dom-size/)"
10
+ },
11
+ "models/trace/insights/DOMSize.ts | title": {
12
+ "message": "DOM-Gr\u00f6\u00dfe optimieren"
13
+ },
14
+ "models/trace/insights/DocumentLatency.ts | description": {
15
+ "message": "Deine erste Netzwerkanfrage ist die wichtigste. Verringere die Latenz, indem du Weiterleitungen vermeidest, eine schnelle Serverantwort sicherstellst und die Textkomprimierung aktivierst."
16
+ },
17
+ "models/trace/insights/DocumentLatency.ts | title": {
18
+ "message": "Latenz der Dokumentanfrage"
19
+ },
20
+ "models/trace/insights/FontDisplay.ts | description": {
21
+ "message": "Du kannst [font-display](https://developer.chrome.com/blog/font-display) auf \u201eswap\u201c oder \u201eoptional\u201c setzen, damit der Text immer sichtbar ist. \u201eswap\u201c kann weiter optimiert werden, um Layout Shifts durch [\u00dcberschreibungen von Messwerten zur Schriftart](https://developer.chrome.com/blog/font-fallbacks) zu reduzieren."
22
+ },
23
+ "models/trace/insights/FontDisplay.ts | title": {
24
+ "message": "Schriftart-Anzeige"
25
+ },
26
+ "models/trace/insights/ImageDelivery.ts | description": {
27
+ "message": "Wenn du die Downloadzeit von Bildern reduzierst, kannst du die wahrgenommene Ladezeit der Seite und den LCP verbessern. [Weitere Informationen zur Optimierung der Bildgr\u00f6\u00dfe](https://developer.chrome.com/docs/lighthouse/performance/uses-optimized-images/)"
28
+ },
29
+ "models/trace/insights/ImageDelivery.ts | title": {
30
+ "message": "Bild\u00fcbermittlung verbessern"
31
+ },
32
+ "models/trace/insights/ImageDelivery.ts | useCompression": {
33
+ "message": "Durch eine h\u00f6here Bildkomprimierung k\u00f6nnte die Downloadgr\u00f6\u00dfe dieses Bilds verbessert werden. (Gesch\u00e4tzt: {PH1})"
34
+ },
35
+ "models/trace/insights/ImageDelivery.ts | useModernFormat": {
36
+ "message": "Wenn du ein modernes Bildformat (WebP, AVIF) verwendest oder die Bildkomprimierung erh\u00f6hst, k\u00f6nnte sich die Downloadgr\u00f6\u00dfe dieses Bilds verbessern. (Gesch\u00e4tzt: {PH1})"
37
+ },
38
+ "models/trace/insights/ImageDelivery.ts | useResponsiveSize": {
39
+ "message": "Diese Bilddatei ist f\u00fcr die angezeigten Abmessungen ({PH3}) gr\u00f6\u00dfer als n\u00f6tig ({PH2}). Verwende responsive Bilder, um die Bilddownloadgr\u00f6\u00dfe zu reduzieren. (Gesch\u00e4tzt: {PH1})"
40
+ },
41
+ "models/trace/insights/ImageDelivery.ts | useVideoFormat": {
42
+ "message": "Wenn du Videoformate statt GIFs verwendest, kannst du die Downloadgr\u00f6\u00dfe von animierten Inhalten verringern. (Gesch\u00e4tzt: {PH1})"
43
+ },
44
+ "models/trace/insights/InteractionToNextPaint.ts | description": {
45
+ "message": "Sieh dir zuerst die l\u00e4ngste Phase an. [Verz\u00f6gerungen k\u00f6nnen minimiert werden.](https://web.dev/articles/optimize-inp#optimize_interactions) Damit sich die Verarbeitungsdauer verringert, [musst du die Kosten des Hauptthreads](https://web.dev/articles/optimize-long-tasks), meist JS, optimieren."
46
+ },
47
+ "models/trace/insights/InteractionToNextPaint.ts | title": {
48
+ "message": "INP nach Phase"
49
+ },
50
+ "models/trace/insights/LCPDiscovery.ts | description": {
51
+ "message": "Optimiere den LCP, indem du das LCP-Bild im HTML-Code direkt [sichtbar](https://web.dev/articles/optimize-lcp#1_eliminate_resource_load_delay) machst und [Lazy Loading vermeidest](https://web.dev/articles/lcp-lazy-loading)"
52
+ },
53
+ "models/trace/insights/LCPDiscovery.ts | title": {
54
+ "message": "LCP-Anfrageerkennung"
55
+ },
56
+ "models/trace/insights/LCPPhases.ts | description": {
57
+ "message": "F\u00fcr jede [Phase gibt es spezifische Verbesserungsstrategien](https://web.dev/articles/optimize-lcp#lcp-breakdown). Idealerweise sollte der Gro\u00dfteil der LCP-Zeit f\u00fcr das Laden der Ressourcen und nicht f\u00fcr Verz\u00f6gerungen aufgewendet werden."
58
+ },
59
+ "models/trace/insights/LCPPhases.ts | title": {
60
+ "message": "LCP nach Phase"
61
+ },
62
+ "models/trace/insights/RenderBlocking.ts | description": {
63
+ "message": "Anfragen blockieren das erste Rendering der Seite, was den LCP verz\u00f6gern kann. [Durch das Verschieben oder Einf\u00fcgen](https://web.dev/learn/performance/understanding-the-critical-path#render-blocking_resources/) k\u00f6nnen diese Netzwerkanfragen aus dem kritischen Pfad entfernt werden."
64
+ },
65
+ "models/trace/insights/RenderBlocking.ts | title": {
66
+ "message": "Anfragen zum Blockieren des Renderings"
67
+ },
68
+ "models/trace/insights/SlowCSSSelector.ts | description": {
69
+ "message": "Wenn die Kosten f\u00fcr die Stilneuberechnung hoch bleiben, kann eine Selector-Optimierung diese senken. [Optimiere die Selectors](https://developer.chrome.com/docs/devtools/performance/selector-stats), bei denen sowohl die verstrichene Zeit als auch der Prozentsatz der langsamen Pfade hoch ist. Einfachere Selectors, weniger Selectors, ein kleineres DOM sowie ein flacheres DOM reduzieren die Kosten f\u00fcr den Abgleich."
70
+ },
71
+ "models/trace/insights/SlowCSSSelector.ts | title": {
72
+ "message": "Kosten f\u00fcr CSS-Selektor"
73
+ },
74
+ "models/trace/insights/ThirdParties.ts | description": {
75
+ "message": "Code von Drittanbietern kann die Ladegeschwindigkeit erheblich beeintr\u00e4chtigen. [Reduziere Drittanbietercode und stelle den Ladevorgang zur\u00fcck](https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/loading-third-party-javascript/), um die Inhalte deiner Seite zu priorisieren."
76
+ },
77
+ "models/trace/insights/ThirdParties.ts | title": {
78
+ "message": "Drittanbieter"
79
+ },
80
+ "models/trace/insights/Viewport.ts | description": {
81
+ "message": "Bei Interaktionen durch Tippen kann es zu einer [Verz\u00f6gerung von bis zu 300\u00a0ms](https://developer.chrome.com/blog/300ms-tap-delay-gone-away/) kommen, wenn der Darstellungsbereich nicht f\u00fcr Mobilger\u00e4te optimiert ist."
82
+ },
83
+ "models/trace/insights/Viewport.ts | title": {
84
+ "message": "Darstellungsbereich f\u00fcr Mobilger\u00e4te optimieren"
85
+ }
86
+ }
@@ -0,0 +1,86 @@
1
+ {
2
+ "models/trace/insights/CLSCulprits.ts | description": {
3
+ "message": "\u039f\u03b9 \u03bc\u03b5\u03c4\u03b1\u03c4\u03bf\u03c0\u03af\u03c3\u03b5\u03b9\u03c2 \u03b4\u03b9\u03ac\u03c4\u03b1\u03be\u03b7\u03c2 \u03c0\u03c1\u03bf\u03ba\u03cd\u03c0\u03c4\u03bf\u03c5\u03bd, \u03cc\u03c4\u03b1\u03bd \u03c4\u03b1 \u03c3\u03c4\u03bf\u03b9\u03c7\u03b5\u03af\u03b1 \u03bc\u03b5\u03c4\u03b1\u03ba\u03b9\u03bd\u03bf\u03cd\u03bd\u03c4\u03b1\u03b9 \u03c7\u03c9\u03c1\u03af\u03c2 \u03b1\u03bb\u03bb\u03b7\u03bb\u03b5\u03c0\u03af\u03b4\u03c1\u03b1\u03c3\u03b7 \u03bc\u03b5 \u03c4\u03bf\u03bd \u03c7\u03c1\u03ae\u03c3\u03c4\u03b7. [\u0394\u03b9\u03b5\u03c1\u03b5\u03c5\u03bd\u03ae\u03c3\u03c4\u03b5 \u03c4\u03b9\u03c2 \u03b1\u03b9\u03c4\u03af\u03b5\u03c2 \u03c4\u03c9\u03bd \u03bc\u03b5\u03c4\u03b1\u03c4\u03bf\u03c0\u03af\u03c3\u03b5\u03c9\u03bd \u03b4\u03b9\u03ac\u03c4\u03b1\u03be\u03b7\u03c2](https://web.dev/articles/optimize-cls), \u03cc\u03c0\u03c9\u03c2 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b7 \u03c0\u03c1\u03bf\u03c3\u03b8\u03ae\u03ba\u03b7 \u03ba\u03b1\u03b9 \u03b7 \u03ba\u03b1\u03c4\u03ac\u03c1\u03b3\u03b7\u03c3\u03b7 \u03c3\u03c4\u03bf\u03b9\u03c7\u03b5\u03af\u03c9\u03bd \u03ae \u03b7 \u03b1\u03bb\u03bb\u03b1\u03b3\u03ae \u03c4\u03c9\u03bd \u03b3\u03c1\u03b1\u03bc\u03bc\u03b1\u03c4\u03bf\u03c3\u03b5\u03b9\u03c1\u03ce\u03bd \u03c4\u03bf\u03c5\u03c2 \u03ba\u03b1\u03c4\u03ac \u03c4\u03b7 \u03c6\u03cc\u03c1\u03c4\u03c9\u03c3\u03b7 \u03c4\u03b7\u03c2 \u03c3\u03b5\u03bb\u03af\u03b4\u03b1\u03c2."
4
+ },
5
+ "models/trace/insights/CLSCulprits.ts | title": {
6
+ "message": "\u0391\u03b9\u03c4\u03af\u03b5\u03c2 \u03b3\u03b9\u03b1 \u03c4\u03b7 \u03bc\u03b5\u03c4\u03b1\u03c4\u03cc\u03c0\u03b9\u03c3\u03b7 \u03b4\u03b9\u03ac\u03c4\u03b1\u03be\u03b7\u03c2"
7
+ },
8
+ "models/trace/insights/DOMSize.ts | description": {
9
+ "message": "\u0388\u03bd\u03b1 \u03bc\u03b5\u03b3\u03ac\u03bb\u03bf DOM \u03bc\u03c0\u03bf\u03c1\u03b5\u03af \u03bd\u03b1 \u03b1\u03c5\u03be\u03ae\u03c3\u03b5\u03b9 \u03c4\u03b7 \u03c7\u03c1\u03ae\u03c3\u03b7 \u03c4\u03b7\u03c2 \u03bc\u03bd\u03ae\u03bc\u03b7\u03c2, \u03bd\u03b1 \u03c0\u03c1\u03bf\u03ba\u03b1\u03bb\u03ad\u03c3\u03b5\u03b9 \u03c5\u03c0\u03bf\u03bb\u03bf\u03b3\u03b9\u03c3\u03bc\u03bf\u03cd\u03c2 \u03c3\u03c4\u03b9\u03bb \u03bc\u03b5\u03b3\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03b7\u03c2 \u03b4\u03b9\u03ac\u03c1\u03ba\u03b5\u03b9\u03b1\u03c2 \u03ba\u03b1\u03b9 \u03bd\u03b1 \u03b4\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03ae\u03c3\u03b5\u03b9 \u03b5\u03c0\u03b1\u03bd\u03b1\u03bb\u03ae\u03c8\u03b5\u03b9\u03c2 \u03c1\u03bf\u03ce\u03bd \u03b4\u03b9\u03ac\u03c4\u03b1\u03be\u03b7\u03c2 \u03c5\u03c8\u03b7\u03bb\u03bf\u03cd \u03ba\u03cc\u03c3\u03c4\u03bf\u03c5\u03c2 \u03c0\u03bf\u03c5 \u03b5\u03c0\u03b7\u03c1\u03b5\u03ac\u03b6\u03bf\u03c5\u03bd \u03c4\u03b7\u03bd \u03b1\u03c0\u03cc\u03ba\u03c1\u03b9\u03c3\u03b7 \u03c4\u03b7\u03c2 \u03c3\u03b5\u03bb\u03af\u03b4\u03b1\u03c2. [\u039c\u03ac\u03b8\u03b5\u03c4\u03b5 \u03c0\u03ce\u03c2 \u03bc\u03c0\u03bf\u03c1\u03b5\u03af\u03c4\u03b5 \u03bd\u03b1 \u03b1\u03c0\u03bf\u03c6\u03cd\u03b3\u03b5\u03c4\u03b5 \u03c4\u03bf \u03c5\u03c0\u03b5\u03c1\u03b2\u03bf\u03bb\u03b9\u03ba\u03cc \u03bc\u03ad\u03b3\u03b5\u03b8\u03bf\u03c2 DOM](https://developer.chrome.com/docs/lighthouse/performance/dom-size/)."
10
+ },
11
+ "models/trace/insights/DOMSize.ts | title": {
12
+ "message": "\u0392\u03b5\u03bb\u03c4\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u03bc\u03b5\u03b3\u03ad\u03b8\u03bf\u03c5\u03c2 DOM"
13
+ },
14
+ "models/trace/insights/DocumentLatency.ts | description": {
15
+ "message": "\u03a4\u03bf \u03c0\u03c1\u03ce\u03c4\u03bf \u03b1\u03af\u03c4\u03b7\u03bc\u03b1 \u03b4\u03b9\u03ba\u03c4\u03cd\u03bf\u03c5 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c4\u03bf \u03c0\u03b9\u03bf \u03c3\u03b7\u03bc\u03b1\u03bd\u03c4\u03b9\u03ba\u03cc. \u039c\u03b5\u03b9\u03ce\u03c3\u03c4\u03b5 \u03c4\u03bf\u03bd \u03bb\u03b1\u03bd\u03b8\u03ac\u03bd\u03bf\u03bd\u03c4\u03b1 \u03c7\u03c1\u03cc\u03bd\u03bf \u03b1\u03c0\u03bf\u03c6\u03b5\u03cd\u03b3\u03bf\u03bd\u03c4\u03b1\u03c2 \u03c4\u03b9\u03c2 \u03b1\u03bd\u03b1\u03ba\u03b1\u03c4\u03b5\u03c5\u03b8\u03cd\u03bd\u03c3\u03b5\u03b9\u03c2, \u03c0\u03c1\u03bf\u03ba\u03b5\u03b9\u03bc\u03ad\u03bd\u03bf\u03c5 \u03bd\u03b1 \u03b4\u03b9\u03b1\u03c3\u03c6\u03b1\u03bb\u03af\u03c3\u03b5\u03c4\u03b5 \u03bc\u03b9\u03b1 \u03b3\u03c1\u03ae\u03b3\u03bf\u03c1\u03b7 \u03b1\u03c0\u03cc\u03ba\u03c1\u03b9\u03c3\u03b7 \u03b4\u03b9\u03b1\u03ba\u03bf\u03bc\u03b9\u03c3\u03c4\u03ae, \u03ba\u03b1\u03b9 \u03b5\u03bd\u03b5\u03c1\u03b3\u03bf\u03c0\u03bf\u03b9\u03ce\u03bd\u03c4\u03b1\u03c2 \u03c4\u03b7 \u03c3\u03c5\u03bc\u03c0\u03af\u03b5\u03c3\u03b7 \u03ba\u03b5\u03b9\u03bc\u03ad\u03bd\u03bf\u03c5."
16
+ },
17
+ "models/trace/insights/DocumentLatency.ts | title": {
18
+ "message": "\u039b\u03b1\u03bd\u03b8\u03ac\u03bd\u03c9\u03bd \u03c7\u03c1\u03cc\u03bd\u03bf\u03c2 \u03b1\u03b9\u03c4\u03ae\u03bc\u03b1\u03c4\u03bf\u03c2 \u03b5\u03b3\u03b3\u03c1\u03ac\u03c6\u03bf\u03c5"
19
+ },
20
+ "models/trace/insights/FontDisplay.ts | description": {
21
+ "message": "\u039c\u03c0\u03bf\u03c1\u03b5\u03af\u03c4\u03b5 \u03bd\u03b1 \u03bf\u03c1\u03af\u03c3\u03b5\u03c4\u03b5 \u03c4\u03bf [font-display](https://developer.chrome.com/blog/font-display) \u03c3\u03b5 swap \u03ae optional, \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b4\u03b9\u03b1\u03c3\u03c6\u03b1\u03bb\u03af\u03c3\u03b5\u03c4\u03b5 \u03cc\u03c4\u03b9 \u03c4\u03bf \u03ba\u03b5\u03af\u03bc\u03b5\u03bd\u03bf \u03b8\u03b1 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c0\u03ac\u03bd\u03c4\u03b1 \u03bf\u03c1\u03b1\u03c4\u03cc. \u03a4\u03bf swap \u03bc\u03c0\u03bf\u03c1\u03b5\u03af \u03bd\u03b1 \u03b2\u03b5\u03bb\u03c4\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03b9\u03b7\u03b8\u03b5\u03af \u03c0\u03b5\u03c1\u03b1\u03b9\u03c4\u03ad\u03c1\u03c9, \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03c0\u03b5\u03c1\u03b9\u03bf\u03c1\u03b9\u03c3\u03c4\u03bf\u03cd\u03bd \u03bf\u03b9 \u03bc\u03b5\u03c4\u03b1\u03c4\u03bf\u03c0\u03af\u03c3\u03b5\u03b9\u03c2 \u03b4\u03b9\u03ac\u03c4\u03b1\u03be\u03b7\u03c2 \u03bc\u03b5 [\u03c0\u03b1\u03c1\u03b1\u03ba\u03ac\u03bc\u03c8\u03b5\u03b9\u03c2 \u03bc\u03b5\u03c4\u03c1\u03ae\u03c3\u03b5\u03c9\u03bd \u03b3\u03c1\u03b1\u03bc\u03bc\u03b1\u03c4\u03bf\u03c3\u03b5\u03b9\u03c1\u03ac\u03c2](https://developer.chrome.com/blog/font-fallbacks)."
22
+ },
23
+ "models/trace/insights/FontDisplay.ts | title": {
24
+ "message": "\u03a0\u03c1\u03bf\u03b2\u03bf\u03bb\u03ae \u03b3\u03c1\u03b1\u03bc\u03bc\u03b1\u03c4\u03bf\u03c3\u03b5\u03b9\u03c1\u03ac\u03c2"
25
+ },
26
+ "models/trace/insights/ImageDelivery.ts | description": {
27
+ "message": "\u0397 \u03bc\u03b5\u03af\u03c9\u03c3\u03b7 \u03c4\u03bf\u03c5 \u03c7\u03c1\u03cc\u03bd\u03bf\u03c5 \u03bb\u03ae\u03c8\u03b7\u03c2 \u03c4\u03c9\u03bd \u03b5\u03b9\u03ba\u03cc\u03bd\u03c9\u03bd \u03bc\u03c0\u03bf\u03c1\u03b5\u03af \u03bd\u03b1 \u03b2\u03b5\u03bb\u03c4\u03b9\u03ce\u03c3\u03b5\u03b9 \u03c4\u03bf\u03bd \u03b1\u03bd\u03c4\u03b9\u03bb\u03b7\u03c0\u03c4\u03cc \u03c7\u03c1\u03cc\u03bd\u03bf \u03c6\u03cc\u03c1\u03c4\u03c9\u03c3\u03b7\u03c2 \u03c4\u03b7\u03c2 \u03c3\u03b5\u03bb\u03af\u03b4\u03b1\u03c2 \u03ba\u03b1\u03b9 \u03c4\u03bf\u03c5 LCP. [\u039c\u03ac\u03b8\u03b5\u03c4\u03b5 \u03c0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1 \u03c3\u03c7\u03b5\u03c4\u03b9\u03ba\u03ac \u03bc\u03b5 \u03c4\u03b7 \u03b2\u03b5\u03bb\u03c4\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u03c4\u03bf\u03c5 \u03bc\u03b5\u03b3\u03ad\u03b8\u03bf\u03c5\u03c2 \u03b5\u03b9\u03ba\u03cc\u03bd\u03b1\u03c2](https://developer.chrome.com/docs/lighthouse/performance/uses-optimized-images/)"
28
+ },
29
+ "models/trace/insights/ImageDelivery.ts | title": {
30
+ "message": "\u0392\u03b5\u03bb\u03c4\u03af\u03c9\u03c3\u03b7 \u03c0\u03c1\u03bf\u03b2\u03bf\u03bb\u03ae\u03c2 \u03b5\u03b9\u03ba\u03cc\u03bd\u03c9\u03bd"
31
+ },
32
+ "models/trace/insights/ImageDelivery.ts | useCompression": {
33
+ "message": "\u0397 \u03b1\u03cd\u03be\u03b7\u03c3\u03b7 \u03c4\u03bf\u03c5 \u03c3\u03c5\u03bd\u03c4\u03b5\u03bb\u03b5\u03c3\u03c4\u03ae \u03c3\u03c5\u03bc\u03c0\u03af\u03b5\u03c3\u03b7\u03c2 \u03c4\u03b7\u03c2 \u03b5\u03b9\u03ba\u03cc\u03bd\u03b1\u03c2 \u03b8\u03b1 \u03bc\u03c0\u03bf\u03c1\u03bf\u03cd\u03c3\u03b5 \u03bd\u03b1 \u03b2\u03b5\u03bb\u03c4\u03b9\u03ce\u03c3\u03b5\u03b9 \u03c4\u03bf \u03bc\u03ad\u03b3\u03b5\u03b8\u03bf\u03c2 \u03bb\u03ae\u03c8\u03b7\u03c2 \u03b1\u03c5\u03c4\u03ae\u03c2 \u03c4\u03b7\u03c2 \u03b5\u03b9\u03ba\u03cc\u03bd\u03b1\u03c2. (\u0395\u03ba\u03c4. {PH1})"
34
+ },
35
+ "models/trace/insights/ImageDelivery.ts | useModernFormat": {
36
+ "message": "\u0397 \u03c7\u03c1\u03ae\u03c3\u03b7 \u03bc\u03b9\u03b1\u03c2 \u03c3\u03cd\u03b3\u03c7\u03c1\u03bf\u03bd\u03b7\u03c2 \u03bc\u03bf\u03c1\u03c6\u03ae\u03c2 \u03b5\u03b9\u03ba\u03cc\u03bd\u03b1\u03c2 (WebP, AVIF) \u03ae \u03b7 \u03b1\u03cd\u03be\u03b7\u03c3\u03b7 \u03c4\u03b7\u03c2 \u03c3\u03c5\u03bc\u03c0\u03af\u03b5\u03c3\u03b7\u03c2 \u03b5\u03b9\u03ba\u03cc\u03bd\u03b1\u03c2 \u03b8\u03b1 \u03bc\u03c0\u03bf\u03c1\u03bf\u03cd\u03c3\u03b5 \u03bd\u03b1 \u03b2\u03b5\u03bb\u03c4\u03b9\u03ce\u03c3\u03b5\u03b9 \u03c4\u03bf \u03bc\u03ad\u03b3\u03b5\u03b8\u03bf\u03c2 \u03bb\u03ae\u03c8\u03b7\u03c2 \u03b1\u03c5\u03c4\u03ae\u03c2 \u03c4\u03b7\u03c2 \u03b5\u03b9\u03ba\u03cc\u03bd\u03b1\u03c2. (\u0395\u03ba\u03c4. {PH1})"
37
+ },
38
+ "models/trace/insights/ImageDelivery.ts | useResponsiveSize": {
39
+ "message": "\u03a4\u03bf \u03c3\u03c5\u03b3\u03ba\u03b5\u03ba\u03c1\u03b9\u03bc\u03ad\u03bd\u03bf \u03b1\u03c1\u03c7\u03b5\u03af\u03bf \u03b5\u03b9\u03ba\u03cc\u03bd\u03b1\u03c2 \u03b5\u03af\u03bd\u03b1\u03b9 \u03bc\u03b5\u03b3\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03bf \u03b1\u03c0\u03cc \u03cc\u03c3\u03bf \u03c7\u03c1\u03b5\u03b9\u03ac\u03b6\u03b5\u03c4\u03b1\u03b9 ({PH2}) \u03b3\u03b9\u03b1 \u03c4\u03b9\u03c2 \u03b4\u03b9\u03b1\u03c3\u03c4\u03ac\u03c3\u03b5\u03b9\u03c2 \u03c0\u03c1\u03bf\u03b2\u03bf\u03bb\u03ae\u03c2 \u03c4\u03bf\u03c5 ({PH3}). \u03a7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03ae\u03c3\u03c4\u03b5 \u03b1\u03c0\u03bf\u03ba\u03c1\u03b9\u03c4\u03b9\u03ba\u03ad\u03c2 \u03b5\u03b9\u03ba\u03cc\u03bd\u03b5\u03c2, \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03bc\u03b5\u03b9\u03ce\u03c3\u03b5\u03c4\u03b5 \u03c4\u03bf \u03bc\u03ad\u03b3\u03b5\u03b8\u03bf\u03c2 \u03bb\u03ae\u03c8\u03b7\u03c2 \u03c4\u03b7\u03c2 \u03b5\u03b9\u03ba\u03cc\u03bd\u03b1\u03c2. (\u0395\u03ba\u03c4. {PH1})"
40
+ },
41
+ "models/trace/insights/ImageDelivery.ts | useVideoFormat": {
42
+ "message": "\u0397 \u03c7\u03c1\u03ae\u03c3\u03b7 \u03bc\u03bf\u03c1\u03c6\u03ce\u03bd \u03b2\u03af\u03bd\u03c4\u03b5\u03bf \u03b1\u03bd\u03c4\u03af \u03b3\u03b9\u03b1 GIF \u03bc\u03c0\u03bf\u03c1\u03b5\u03af \u03bd\u03b1 \u03b2\u03b5\u03bb\u03c4\u03b9\u03ce\u03c3\u03b5\u03b9 \u03c4\u03bf \u03bc\u03ad\u03b3\u03b5\u03b8\u03bf\u03c2 \u03bb\u03ae\u03c8\u03b7\u03c2 \u03c4\u03bf\u03c5 \u03c0\u03b5\u03c1\u03b9\u03b5\u03c7\u03bf\u03bc\u03ad\u03bd\u03bf\u03c5 \u03ba\u03b9\u03bd\u03bf\u03cd\u03bc\u03b5\u03bd\u03c9\u03bd \u03b5\u03b9\u03ba\u03cc\u03bd\u03c9\u03bd. (\u0395\u03ba\u03c4. {PH1})"
43
+ },
44
+ "models/trace/insights/InteractionToNextPaint.ts | description": {
45
+ "message": "\u039e\u03b5\u03ba\u03b9\u03bd\u03ae\u03c3\u03c4\u03b5 \u03c4\u03b7\u03bd \u03ad\u03c1\u03b5\u03c5\u03bd\u03b1 \u03bc\u03b5 \u03c4\u03b7 \u03bc\u03b5\u03b3\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03b7 \u03c6\u03ac\u03c3\u03b7. [\u039f\u03b9 \u03ba\u03b1\u03b8\u03c5\u03c3\u03c4\u03b5\u03c1\u03ae\u03c3\u03b5\u03b9\u03c2 \u03bc\u03c0\u03bf\u03c1\u03bf\u03cd\u03bd \u03bd\u03b1 \u03b5\u03bb\u03b1\u03c7\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03b9\u03b7\u03b8\u03bf\u03cd\u03bd](https://web.dev/articles/optimize-inp#optimize_interactions). \u0393\u03b9\u03b1 \u03bd\u03b1 \u03bc\u03b5\u03b9\u03ce\u03c3\u03b5\u03c4\u03b5 \u03c4\u03b7 \u03b4\u03b9\u03ac\u03c1\u03ba\u03b5\u03b9\u03b1 \u03b5\u03c0\u03b5\u03be\u03b5\u03c1\u03b3\u03b1\u03c3\u03af\u03b1\u03c2, [\u03b2\u03b5\u03bb\u03c4\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03b9\u03ae\u03c3\u03c4\u03b5 \u03c4\u03b1 \u03ba\u03cc\u03c3\u03c4\u03b7 \u03ba\u03cd\u03c1\u03b9\u03bf\u03c5 \u03bd\u03ae\u03bc\u03b1\u03c4\u03bf\u03c2](https://web.dev/articles/optimize-long-tasks), \u03c3\u03c5\u03c7\u03bd\u03ac \u03c3\u03b5 JS."
46
+ },
47
+ "models/trace/insights/InteractionToNextPaint.ts | title": {
48
+ "message": "INP \u03ba\u03b1\u03c4\u03ac \u03c6\u03ac\u03c3\u03b7"
49
+ },
50
+ "models/trace/insights/LCPDiscovery.ts | description": {
51
+ "message": "\u0392\u03b5\u03bb\u03c4\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03b9\u03ae\u03c3\u03c4\u03b5 \u03c4\u03bf LCP \u03ba\u03ac\u03bd\u03bf\u03bd\u03c4\u03b1\u03c2 \u03c4\u03b7\u03bd \u03b5\u03b9\u03ba\u03cc\u03bd\u03b1 LCP [\u03b1\u03bd\u03b1\u03ba\u03b1\u03bb\u03cd\u03c8\u03b9\u03bc\u03b7](https://web.dev/articles/optimize-lcp#1_eliminate_resource_load_delay) \u03b1\u03c0\u03b5\u03c5\u03b8\u03b5\u03af\u03b1\u03c2 \u03b1\u03c0\u03cc \u03c4\u03bf HTML \u03ba\u03b1\u03b9 [\u03b1\u03c0\u03bf\u03c6\u03b5\u03cd\u03b3\u03bf\u03bd\u03c4\u03b1\u03c2 \u03c4\u03b7\u03bd \u03b1\u03c1\u03b3\u03ae \u03c6\u03cc\u03c1\u03c4\u03c9\u03c3\u03b7](https://web.dev/articles/lcp-lazy-loading)"
52
+ },
53
+ "models/trace/insights/LCPDiscovery.ts | title": {
54
+ "message": "\u0391\u03bd\u03b1\u03ba\u03ac\u03bb\u03c5\u03c8\u03b7 \u03b1\u03b9\u03c4\u03ae\u03bc\u03b1\u03c4\u03bf\u03c2 LCP"
55
+ },
56
+ "models/trace/insights/LCPPhases.ts | description": {
57
+ "message": "\u039a\u03ac\u03b8\u03b5 [\u03c6\u03ac\u03c3\u03b7 \u03ad\u03c7\u03b5\u03b9 \u03c3\u03c5\u03b3\u03ba\u03b5\u03ba\u03c1\u03b9\u03bc\u03ad\u03bd\u03b5\u03c2 \u03c3\u03c4\u03c1\u03b1\u03c4\u03b7\u03b3\u03b9\u03ba\u03ad\u03c2 \u03b2\u03b5\u03bb\u03c4\u03af\u03c9\u03c3\u03b7\u03c2](https://web.dev/articles/optimize-lcp#lcp-breakdown). \u0399\u03b4\u03b1\u03bd\u03b9\u03ba\u03ac, \u03c4\u03bf \u03bc\u03b5\u03b3\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03bf \u03bc\u03ad\u03c1\u03bf\u03c2 \u03c4\u03bf\u03c5 \u03c7\u03c1\u03cc\u03bd\u03bf\u03c5 LCP \u03b8\u03b1 \u03c0\u03c1\u03ad\u03c0\u03b5\u03b9 \u03bd\u03b1 \u03b4\u03b1\u03c0\u03b1\u03bd\u03ac\u03c4\u03b1\u03b9 \u03b3\u03b9\u03b1 \u03c4\u03b7 \u03c6\u03cc\u03c1\u03c4\u03c9\u03c3\u03b7 \u03c4\u03c9\u03bd \u03c0\u03cc\u03c1\u03c9\u03bd, \u03cc\u03c7\u03b9 \u03c3\u03b5 \u03ba\u03b1\u03b8\u03c5\u03c3\u03c4\u03b5\u03c1\u03ae\u03c3\u03b5\u03b9\u03c2."
58
+ },
59
+ "models/trace/insights/LCPPhases.ts | title": {
60
+ "message": "LCP \u03ba\u03b1\u03c4\u03ac \u03c6\u03ac\u03c3\u03b7"
61
+ },
62
+ "models/trace/insights/RenderBlocking.ts | description": {
63
+ "message": "\u03a4\u03b1 \u03b1\u03b9\u03c4\u03ae\u03bc\u03b1\u03c4\u03b1 \u03b1\u03c0\u03bf\u03ba\u03bb\u03b5\u03af\u03bf\u03c5\u03bd \u03c4\u03b7\u03bd \u03b1\u03c1\u03c7\u03b9\u03ba\u03ae \u03b1\u03c0\u03cc\u03b4\u03bf\u03c3\u03b7 \u03c4\u03b7\u03c2 \u03c3\u03b5\u03bb\u03af\u03b4\u03b1\u03c2, \u03ba\u03ac\u03c4\u03b9 \u03c0\u03bf\u03c5 \u03bc\u03c0\u03bf\u03c1\u03b5\u03af \u03bd\u03b1 \u03bf\u03b4\u03b7\u03b3\u03ae\u03c3\u03b5\u03b9 \u03c3\u03b5 \u03ba\u03b1\u03b8\u03c5\u03c3\u03c4\u03ad\u03c1\u03b7\u03c3\u03b7 \u03c4\u03b7\u03c2 \u03bc\u03ad\u03c4\u03c1\u03b7\u03c3\u03b7\u03c2 LCP. \u0397 [\u03b1\u03bd\u03b1\u03b2\u03bf\u03bb\u03ae \u03ae \u03b7 \u03b5\u03bd\u03c3\u03c9\u03bc\u03ac\u03c4\u03c9\u03c3\u03b7](https://web.dev/learn/performance/understanding-the-critical-path#render-blocking_resources/) \u03bc\u03c0\u03bf\u03c1\u03b5\u03af \u03bd\u03b1 \u03bc\u03b5\u03c4\u03b1\u03ba\u03b9\u03bd\u03ae\u03c3\u03b5\u03b9 \u03b1\u03c5\u03c4\u03ac \u03c4\u03b1 \u03b1\u03b9\u03c4\u03ae\u03bc\u03b1\u03c4\u03b1 \u03b4\u03b9\u03ba\u03c4\u03cd\u03bf\u03c5 \u03b5\u03ba\u03c4\u03cc\u03c2 \u03c4\u03b7\u03c2 \u03ba\u03c1\u03af\u03c3\u03b9\u03bc\u03b7\u03c2 \u03b4\u03b9\u03b1\u03b4\u03c1\u03bf\u03bc\u03ae\u03c2."
64
+ },
65
+ "models/trace/insights/RenderBlocking.ts | title": {
66
+ "message": "\u0391\u03b9\u03c4\u03ae\u03bc\u03b1\u03c4\u03b1 \u03b1\u03c0\u03bf\u03ba\u03bb\u03b5\u03b9\u03c3\u03bc\u03bf\u03cd \u03b1\u03c0\u03cc\u03b4\u03bf\u03c3\u03b7\u03c2"
67
+ },
68
+ "models/trace/insights/SlowCSSSelector.ts | description": {
69
+ "message": "\u0391\u03bd \u03c4\u03b1 \u03ba\u03cc\u03c3\u03c4\u03b7 \u03c4\u03bf\u03c5 \u03b5\u03ba \u03bd\u03ad\u03bf\u03c5 \u03c5\u03c0\u03bf\u03bb\u03bf\u03b3\u03b9\u03c3\u03bc\u03bf\u03cd \u03c3\u03c4\u03b9\u03bb \u03c0\u03b1\u03c1\u03b1\u03bc\u03ad\u03bd\u03bf\u03c5\u03bd \u03c5\u03c8\u03b7\u03bb\u03ac, \u03b7 \u03b2\u03b5\u03bb\u03c4\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u03b5\u03c0\u03b9\u03bb\u03bf\u03b3\u03ad\u03b1 \u03bc\u03c0\u03bf\u03c1\u03b5\u03af \u03bd\u03b1 \u03c4\u03b1 \u03bc\u03b5\u03b9\u03ce\u03c3\u03b5\u03b9. [\u0392\u03b5\u03bb\u03c4\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03b9\u03ae\u03c3\u03c4\u03b5 \u03c4\u03bf\u03c5\u03c2 \u03b5\u03c0\u03b9\u03bb\u03bf\u03b3\u03b5\u03af\u03c2](https://developer.chrome.com/docs/devtools/performance/selector-stats) \u03bc\u03b5 \u03c5\u03c8\u03b7\u03bb\u03cc \u03c7\u03c1\u03cc\u03bd\u03bf \u03c0\u03bf\u03c5 \u03ad\u03c7\u03b5\u03b9 \u03c0\u03b1\u03c1\u03ad\u03bb\u03b8\u03b5\u03b9 \u03ba\u03b1\u03b9 \u03c5\u03c8\u03b7\u03bb\u03cc \u03c0\u03bf\u03c3\u03bf\u03c3\u03c4\u03cc slow-path. \u03a4\u03bf \u03ba\u03cc\u03c3\u03c4\u03bf\u03c2 \u03b1\u03bd\u03c4\u03b9\u03c3\u03c4\u03bf\u03af\u03c7\u03b9\u03c3\u03b7\u03c2 \u03bc\u03c0\u03bf\u03c1\u03b5\u03af \u03bd\u03b1 \u03bc\u03b5\u03b9\u03c9\u03b8\u03b5\u03af \u03bc\u03b5 \u03c4\u03b7 \u03c7\u03c1\u03ae\u03c3\u03b7 \u03bb\u03b9\u03b3\u03cc\u03c4\u03b5\u03c1\u03c9\u03bd \u03ba\u03b1\u03b9 \u03b1\u03c0\u03bb\u03bf\u03cd\u03c3\u03c4\u03b5\u03c1\u03c9\u03bd \u03b5\u03c0\u03b9\u03bb\u03bf\u03b3\u03ad\u03c9\u03bd \u03ba\u03b1\u03b9 DOM \u03bc\u03b9\u03ba\u03c1\u03cc\u03c4\u03b5\u03c1\u03bf\u03c5 \u03bc\u03b5\u03b3\u03ad\u03b8\u03bf\u03c5\u03c2 \u03ba\u03b1\u03b9 \u03b2\u03ac\u03b8\u03bf\u03c5\u03c2."
70
+ },
71
+ "models/trace/insights/SlowCSSSelector.ts | title": {
72
+ "message": "\u039a\u03cc\u03c3\u03c4\u03bf\u03c2 \u03b5\u03c0\u03b9\u03bb\u03bf\u03b3\u03ad\u03c9\u03bd CSS"
73
+ },
74
+ "models/trace/insights/ThirdParties.ts | description": {
75
+ "message": "\u039f \u03ba\u03ce\u03b4\u03b9\u03ba\u03b1\u03c2 \u03c4\u03c1\u03af\u03c4\u03bf\u03c5 \u03bc\u03ad\u03c1\u03bf\u03c5\u03c2 \u03bc\u03c0\u03bf\u03c1\u03b5\u03af \u03bd\u03b1 \u03b5\u03c0\u03b7\u03c1\u03b5\u03ac\u03c3\u03b5\u03b9 \u03c3\u03b7\u03bc\u03b1\u03bd\u03c4\u03b9\u03ba\u03ac \u03c4\u03b7\u03bd \u03b1\u03c0\u03cc\u03b4\u03bf\u03c3\u03b7 \u03c6\u03cc\u03c1\u03c4\u03c9\u03c3\u03b7\u03c2. [\u039c\u03b5\u03b9\u03ce\u03c3\u03c4\u03b5 \u03ba\u03b1\u03b9 \u03b1\u03bd\u03b1\u03b2\u03ac\u03bb\u03b5\u03c4\u03b5 \u03c4\u03b7 \u03c6\u03cc\u03c1\u03c4\u03c9\u03c3\u03b7 \u03ba\u03ce\u03b4\u03b9\u03ba\u03b1 \u03c4\u03c1\u03af\u03c4\u03bf\u03c5 \u03bc\u03ad\u03c1\u03bf\u03c5\u03c2](https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/loading-third-party-javascript/), \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b4\u03ce\u03c3\u03b5\u03c4\u03b5 \u03c0\u03c1\u03bf\u03c4\u03b5\u03c1\u03b1\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1 \u03c3\u03c4\u03bf \u03c0\u03b5\u03c1\u03b9\u03b5\u03c7\u03cc\u03bc\u03b5\u03bd\u03bf \u03c4\u03b7\u03c2 \u03c3\u03b5\u03bb\u03af\u03b4\u03b1\u03c2 \u03c3\u03b1\u03c2."
76
+ },
77
+ "models/trace/insights/ThirdParties.ts | title": {
78
+ "message": "\u03a4\u03c1\u03af\u03c4\u03b1 \u03bc\u03ad\u03c1\u03b7"
79
+ },
80
+ "models/trace/insights/Viewport.ts | description": {
81
+ "message": "\u039f\u03b9 \u03b1\u03bb\u03bb\u03b7\u03bb\u03b5\u03c0\u03b9\u03b4\u03c1\u03ac\u03c3\u03b5\u03b9\u03c2 \u03bc\u03b5 \u03c0\u03ac\u03c4\u03b7\u03bc\u03b1 \u03bc\u03c0\u03bf\u03c1\u03b5\u03af \u03bd\u03b1 [\u03ba\u03b1\u03b8\u03c5\u03c3\u03c4\u03b5\u03c1\u03bf\u03cd\u03bd \u03ad\u03c9\u03c2 \u03ba\u03b1\u03b9 300\u00a0ms](https://developer.chrome.com/blog/300ms-tap-delay-gone-away/), \u03b1\u03bd \u03b7 \u03b8\u03cd\u03c1\u03b1 \u03c0\u03c1\u03bf\u03b2\u03bf\u03bb\u03ae\u03c2 \u03b4\u03b5\u03bd \u03b5\u03af\u03bd\u03b1\u03b9 \u03b2\u03b5\u03bb\u03c4\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03b9\u03b7\u03bc\u03ad\u03bd\u03b7 \u03b3\u03b9\u03b1 \u03ba\u03b9\u03bd\u03b7\u03c4\u03ac."
82
+ },
83
+ "models/trace/insights/Viewport.ts | title": {
84
+ "message": "\u0392\u03b5\u03bb\u03c4\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u03b8\u03cd\u03c1\u03b1\u03c2 \u03c0\u03c1\u03bf\u03b2\u03bf\u03bb\u03ae\u03c2 \u03b3\u03b9\u03b1 \u03ba\u03b9\u03bd\u03b7\u03c4\u03ac"
85
+ }
86
+ }
@@ -0,0 +1,86 @@
1
+ {
2
+ "models/trace/insights/CLSCulprits.ts | description": {
3
+ "message": "Layout shifts occur when elements move absent any user interaction. [Investigate the causes of layout shifts](https://web.dev/articles/optimize-cls), such as elements being added, removed or their fonts changing as the page loads."
4
+ },
5
+ "models/trace/insights/CLSCulprits.ts | title": {
6
+ "message": "Layout shift culprits"
7
+ },
8
+ "models/trace/insights/DOMSize.ts | description": {
9
+ "message": "A large DOM will increase memory usage, cause longer style calculations and produce costly layout reflows which impact page responsiveness. [Learn how to avoid an excessive DOM size](https://developer.chrome.com/docs/lighthouse/performance/dom-size/)."
10
+ },
11
+ "models/trace/insights/DOMSize.ts | title": {
12
+ "message": "Optimise DOM size"
13
+ },
14
+ "models/trace/insights/DocumentLatency.ts | description": {
15
+ "message": "Your first network request is the most important. Reduce its latency by avoiding redirects, ensuring a fast server response and enabling text compression."
16
+ },
17
+ "models/trace/insights/DocumentLatency.ts | title": {
18
+ "message": "Document request latency"
19
+ },
20
+ "models/trace/insights/FontDisplay.ts | description": {
21
+ "message": "Consider setting [font-display](https://developer.chrome.com/blog/font-display) to swap or optional to ensure that text is consistently visible. swap can be further optimised to mitigate layout shifts with [font metric overrides](https://developer.chrome.com/blog/font-fallbacks)."
22
+ },
23
+ "models/trace/insights/FontDisplay.ts | title": {
24
+ "message": "Font display"
25
+ },
26
+ "models/trace/insights/ImageDelivery.ts | description": {
27
+ "message": "Reducing the download time of images can improve the perceived load time of the page and LCP. [Learn more about optimising image size](https://developer.chrome.com/docs/lighthouse/performance/uses-optimized-images/)"
28
+ },
29
+ "models/trace/insights/ImageDelivery.ts | title": {
30
+ "message": "Improve image delivery"
31
+ },
32
+ "models/trace/insights/ImageDelivery.ts | useCompression": {
33
+ "message": "Increasing the image compression factor could improve this image's download size. (Est {PH1})"
34
+ },
35
+ "models/trace/insights/ImageDelivery.ts | useModernFormat": {
36
+ "message": "Using a modern image format (WebP, AVIF) or increasing the image compression could improve this image's download size. (Est {PH1})"
37
+ },
38
+ "models/trace/insights/ImageDelivery.ts | useResponsiveSize": {
39
+ "message": "This image file is larger than it needs to be ({PH2}) for its displayed dimensions ({PH3}). Use responsive images to reduce the image download size. (Est {PH1})"
40
+ },
41
+ "models/trace/insights/ImageDelivery.ts | useVideoFormat": {
42
+ "message": "Using video formats instead of GIFs can improve the download size of animated content. (Est {PH1})"
43
+ },
44
+ "models/trace/insights/InteractionToNextPaint.ts | description": {
45
+ "message": "Start investigating with the longest phase. [Delays can be minimised](https://web.dev/articles/optimize-inp#optimize_interactions). To reduce processing duration, [optimise the main-thread costs](https://web.dev/articles/optimize-long-tasks), often JS."
46
+ },
47
+ "models/trace/insights/InteractionToNextPaint.ts | title": {
48
+ "message": "INP by phase"
49
+ },
50
+ "models/trace/insights/LCPDiscovery.ts | description": {
51
+ "message": "Optimise LCP by making the LCP image [discoverable](https://web.dev/articles/optimize-lcp#1_eliminate_resource_load_delay) from the HTML immediately and [avoiding lazy loading](https://web.dev/articles/lcp-lazy-loading)"
52
+ },
53
+ "models/trace/insights/LCPDiscovery.ts | title": {
54
+ "message": "LCP request discovery"
55
+ },
56
+ "models/trace/insights/LCPPhases.ts | description": {
57
+ "message": "Each [phase has specific improvement strategies](https://web.dev/articles/optimize-lcp#lcp-breakdown). Ideally, most of the LCP time should be spent on loading the resources, not within delays."
58
+ },
59
+ "models/trace/insights/LCPPhases.ts | title": {
60
+ "message": "LCP by phase"
61
+ },
62
+ "models/trace/insights/RenderBlocking.ts | description": {
63
+ "message": "Requests are blocking the page's initial render, which may delay LCP. [Deferring or inlining](https://web.dev/learn/performance/understanding-the-critical-path#render-blocking_resources/) can move these network requests out of the critical path."
64
+ },
65
+ "models/trace/insights/RenderBlocking.ts | title": {
66
+ "message": "Render blocking requests"
67
+ },
68
+ "models/trace/insights/SlowCSSSelector.ts | description": {
69
+ "message": "If Recalculate Style costs remain high, selector optimisation can reduce them. [Optimise the selectors](https://developer.chrome.com/docs/devtools/performance/selector-stats) with both a high elapsed time and high slow-path %. Simpler selectors, fewer selectors, a smaller DOM and a shallower DOM will all reduce matching costs."
70
+ },
71
+ "models/trace/insights/SlowCSSSelector.ts | title": {
72
+ "message": "CSS selector costs"
73
+ },
74
+ "models/trace/insights/ThirdParties.ts | description": {
75
+ "message": "Third-party code can significantly impact load performance. [Reduce and defer loading of third-party code](https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/loading-third-party-javascript/) to prioritise your page's content."
76
+ },
77
+ "models/trace/insights/ThirdParties.ts | title": {
78
+ "message": "Third parties"
79
+ },
80
+ "models/trace/insights/Viewport.ts | description": {
81
+ "message": "Tap interactions may be [delayed by up to 300\u00a0ms](https://developer.chrome.com/blog/300ms-tap-delay-gone-away/) if the viewport is not optimised for mobile."
82
+ },
83
+ "models/trace/insights/Viewport.ts | title": {
84
+ "message": "Optimise viewport for mobile"
85
+ }
86
+ }
@@ -0,0 +1,86 @@
1
+ {
2
+ "models/trace/insights/CLSCulprits.ts | description": {
3
+ "message": "Layout shifts occur when elements move absent any user interaction. [Investigate the causes of layout shifts](https://web.dev/articles/optimize-cls), such as elements being added, removed, or their fonts changing as the page loads."
4
+ },
5
+ "models/trace/insights/CLSCulprits.ts | title": {
6
+ "message": "Layout shift culprits"
7
+ },
8
+ "models/trace/insights/DocumentLatency.ts | description": {
9
+ "message": "Your first network request is the most important. Reduce its latency by avoiding redirects, ensuring a fast server response, and enabling text compression."
10
+ },
11
+ "models/trace/insights/DocumentLatency.ts | title": {
12
+ "message": "Document request latency"
13
+ },
14
+ "models/trace/insights/DOMSize.ts | description": {
15
+ "message": "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/)."
16
+ },
17
+ "models/trace/insights/DOMSize.ts | title": {
18
+ "message": "Optimize DOM size"
19
+ },
20
+ "models/trace/insights/FontDisplay.ts | description": {
21
+ "message": "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)."
22
+ },
23
+ "models/trace/insights/FontDisplay.ts | title": {
24
+ "message": "Font display"
25
+ },
26
+ "models/trace/insights/ImageDelivery.ts | description": {
27
+ "message": "Reducing the download time of images can improve the perceived load time of the page and LCP. [Learn more about optimizing image size](https://developer.chrome.com/docs/lighthouse/performance/uses-optimized-images/)"
28
+ },
29
+ "models/trace/insights/ImageDelivery.ts | title": {
30
+ "message": "Improve image delivery"
31
+ },
32
+ "models/trace/insights/ImageDelivery.ts | useCompression": {
33
+ "message": "Increasing the image compression factor could improve this image's download size. (Est {PH1})"
34
+ },
35
+ "models/trace/insights/ImageDelivery.ts | useModernFormat": {
36
+ "message": "Using a modern image format (WebP, AVIF) or increasing the image compression could improve this image's download size. (Est {PH1})"
37
+ },
38
+ "models/trace/insights/ImageDelivery.ts | useResponsiveSize": {
39
+ "message": "This image file is larger than it needs to be ({PH2}) for its displayed dimensions ({PH3}). Use responsive images to reduce the image download size. (Est {PH1})"
40
+ },
41
+ "models/trace/insights/ImageDelivery.ts | useVideoFormat": {
42
+ "message": "Using video formats instead of GIFs can improve the download size of animated content. (Est {PH1})"
43
+ },
44
+ "models/trace/insights/InteractionToNextPaint.ts | description": {
45
+ "message": "Start investigating with the longest phase. [Delays can be minimized](https://web.dev/articles/optimize-inp#optimize_interactions). To reduce processing duration, [optimize the main-thread costs](https://web.dev/articles/optimize-long-tasks), often JS."
46
+ },
47
+ "models/trace/insights/InteractionToNextPaint.ts | title": {
48
+ "message": "INP by phase"
49
+ },
50
+ "models/trace/insights/LCPDiscovery.ts | description": {
51
+ "message": "Optimize LCP by making the LCP image [discoverable](https://web.dev/articles/optimize-lcp#1_eliminate_resource_load_delay) from the HTML immediately, and [avoiding lazy-loading](https://web.dev/articles/lcp-lazy-loading)"
52
+ },
53
+ "models/trace/insights/LCPDiscovery.ts | title": {
54
+ "message": "LCP request discovery"
55
+ },
56
+ "models/trace/insights/LCPPhases.ts | description": {
57
+ "message": "Each [phase has specific improvement strategies](https://web.dev/articles/optimize-lcp#lcp-breakdown). Ideally, most of the LCP time should be spent on loading the resources, not within delays."
58
+ },
59
+ "models/trace/insights/LCPPhases.ts | title": {
60
+ "message": "LCP by phase"
61
+ },
62
+ "models/trace/insights/RenderBlocking.ts | description": {
63
+ "message": "Requests are blocking the page's initial render, which may delay LCP. [Deferring or inlining](https://web.dev/learn/performance/understanding-the-critical-path#render-blocking_resources/) can move these network requests out of the critical path."
64
+ },
65
+ "models/trace/insights/RenderBlocking.ts | title": {
66
+ "message": "Render blocking requests"
67
+ },
68
+ "models/trace/insights/SlowCSSSelector.ts | description": {
69
+ "message": "If Recalculate Style costs remain high, selector optimization can reduce them. [Optimize the selectors](https://developer.chrome.com/docs/devtools/performance/selector-stats) with both high elapsed time and high slow-path %. Simpler selectors, fewer selectors, a smaller DOM, and a shallower DOM will all reduce matching costs."
70
+ },
71
+ "models/trace/insights/SlowCSSSelector.ts | title": {
72
+ "message": "CSS Selector costs"
73
+ },
74
+ "models/trace/insights/ThirdParties.ts | description": {
75
+ "message": "Third party code can significantly impact load performance. [Reduce and defer loading of third party code](https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/loading-third-party-javascript/) to prioritize your page's content."
76
+ },
77
+ "models/trace/insights/ThirdParties.ts | title": {
78
+ "message": "Third parties"
79
+ },
80
+ "models/trace/insights/Viewport.ts | description": {
81
+ "message": "Tap interactions may be [delayed by up to 300\u00a0ms](https://developer.chrome.com/blog/300ms-tap-delay-gone-away/) if the viewport is not optimized for mobile."
82
+ },
83
+ "models/trace/insights/Viewport.ts | title": {
84
+ "message": "Optimize viewport for mobile"
85
+ }
86
+ }
@@ -0,0 +1,86 @@
1
+ {
2
+ "models/trace/insights/CLSCulprits.ts | description": {
3
+ "message": "L\u0302a\u0301y\u0302o\u0301u\u0302t\u0301 s\u0302h\u0301i\u0302f\u0301t\u0302s\u0301 o\u0302c\u0301c\u0302u\u0301r\u0302 w\u0301h\u0302e\u0301n\u0302 e\u0301l\u0302e\u0301m\u0302e\u0301n\u0302t\u0301s\u0302 m\u0301o\u0302v\u0301e\u0302 a\u0301b\u0302s\u0301e\u0302n\u0301t\u0302 a\u0301n\u0302y\u0301 u\u0302s\u0301e\u0302r\u0301 i\u0302n\u0301t\u0302e\u0301r\u0302a\u0301c\u0302t\u0301i\u0302o\u0301n\u0302. [I\u0301n\u0302v\u0301e\u0302s\u0301t\u0302i\u0301g\u0302a\u0301t\u0302e\u0301 t\u0302h\u0301e\u0302 c\u0301a\u0302u\u0301s\u0302e\u0301s\u0302 o\u0301f\u0302 l\u0301a\u0302y\u0301o\u0302u\u0301t\u0302 s\u0301h\u0302i\u0301f\u0302t\u0301s\u0302](https://web.dev/articles/optimize-cls), s\u0301u\u0302c\u0301h\u0302 a\u0301s\u0302 e\u0301l\u0302e\u0301m\u0302e\u0301n\u0302t\u0301s\u0302 b\u0301e\u0302i\u0301n\u0302g\u0301 a\u0302d\u0301d\u0302e\u0301d\u0302, r\u0301e\u0302m\u0301o\u0302v\u0301e\u0302d\u0301, o\u0302r\u0301 t\u0302h\u0301e\u0302i\u0301r\u0302 f\u0301o\u0302n\u0301t\u0302s\u0301 c\u0302h\u0301a\u0302n\u0301g\u0302i\u0301n\u0302g\u0301 a\u0302s\u0301 t\u0302h\u0301e\u0302 p\u0301a\u0302g\u0301e\u0302 l\u0301o\u0302a\u0301d\u0302s\u0301."
4
+ },
5
+ "models/trace/insights/CLSCulprits.ts | title": {
6
+ "message": "L\u0302a\u0301y\u0302o\u0301u\u0302t\u0301 s\u0302h\u0301i\u0302f\u0301t\u0302 c\u0301u\u0302l\u0301p\u0302r\u0301i\u0302t\u0301s\u0302"
7
+ },
8
+ "models/trace/insights/DocumentLatency.ts | description": {
9
+ "message": "Y\u0302o\u0301u\u0302r\u0301 f\u0302i\u0301r\u0302s\u0301t\u0302 n\u0301e\u0302t\u0301w\u0302o\u0301r\u0302k\u0301 r\u0302e\u0301q\u0302u\u0301e\u0302s\u0301t\u0302 i\u0301s\u0302 t\u0301h\u0302e\u0301 m\u0302o\u0301s\u0302t\u0301 i\u0302m\u0301p\u0302o\u0301r\u0302t\u0301a\u0302n\u0301t\u0302. R\u0301e\u0302d\u0301u\u0302c\u0301e\u0302 i\u0301t\u0302s\u0301 l\u0302a\u0301t\u0302e\u0301n\u0302c\u0301y\u0302 b\u0301y\u0302 a\u0301v\u0302o\u0301i\u0302d\u0301i\u0302n\u0301g\u0302 r\u0301e\u0302d\u0301i\u0302r\u0301e\u0302c\u0301t\u0302s\u0301, e\u0302n\u0301s\u0302u\u0301r\u0302i\u0301n\u0302g\u0301 a\u0302 f\u0301a\u0302s\u0301t\u0302 s\u0301e\u0302r\u0301v\u0302e\u0301r\u0302 r\u0301e\u0302s\u0301p\u0302o\u0301n\u0302s\u0301e\u0302, a\u0301n\u0302d\u0301 e\u0302n\u0301a\u0302b\u0301l\u0302i\u0301n\u0302g\u0301 t\u0302e\u0301x\u0302t\u0301 c\u0302o\u0301m\u0302p\u0301r\u0302e\u0301s\u0302s\u0301i\u0302o\u0301n\u0302."
10
+ },
11
+ "models/trace/insights/DocumentLatency.ts | title": {
12
+ "message": "D\u0302o\u0301c\u0302u\u0301m\u0302e\u0301n\u0302t\u0301 r\u0302e\u0301q\u0302u\u0301e\u0302s\u0301t\u0302 l\u0301a\u0302t\u0301e\u0302n\u0301c\u0302y\u0301"
13
+ },
14
+ "models/trace/insights/DOMSize.ts | description": {
15
+ "message": "A\u0302 l\u0301a\u0302r\u0301g\u0302e\u0301 D\u0302O\u0301M\u0302 c\u0301a\u0302n\u0301 i\u0302n\u0301c\u0302r\u0301e\u0302a\u0301s\u0302e\u0301 t\u0302h\u0301e\u0302 d\u0301u\u0302r\u0301a\u0302t\u0301i\u0302o\u0301n\u0302 o\u0301f\u0302 s\u0301t\u0302y\u0301l\u0302e\u0301 c\u0302a\u0301l\u0302c\u0301u\u0302l\u0301a\u0302t\u0301i\u0302o\u0301n\u0302s\u0301 a\u0302n\u0301d\u0302 l\u0301a\u0302y\u0301o\u0302u\u0301t\u0302 r\u0301e\u0302f\u0301l\u0302o\u0301w\u0302s\u0301, i\u0302m\u0301p\u0302a\u0301c\u0302t\u0301i\u0302n\u0301g\u0302 p\u0301a\u0302g\u0301e\u0302 r\u0301e\u0302s\u0301p\u0302o\u0301n\u0302s\u0301i\u0302v\u0301e\u0302n\u0301e\u0302s\u0301s\u0302. A\u0301 l\u0302a\u0301r\u0302g\u0301e\u0302 D\u0301O\u0302M\u0301 w\u0302i\u0301l\u0302l\u0301 a\u0302l\u0301s\u0302o\u0301 i\u0302n\u0301c\u0302r\u0301e\u0302a\u0301s\u0302e\u0301 m\u0302e\u0301m\u0302o\u0301r\u0302y\u0301 u\u0302s\u0301a\u0302g\u0301e\u0302. [L\u0301e\u0302a\u0301r\u0302n\u0301 h\u0302o\u0301w\u0302 t\u0301o\u0302 a\u0301v\u0302o\u0301i\u0302d\u0301 a\u0302n\u0301 e\u0302x\u0301c\u0302e\u0301s\u0302s\u0301i\u0302v\u0301e\u0302 D\u0301O\u0302M\u0301 s\u0302i\u0301z\u0302e\u0301](https://developer.chrome.com/docs/lighthouse/performance/dom-size/)."
16
+ },
17
+ "models/trace/insights/DOMSize.ts | title": {
18
+ "message": "O\u0302p\u0301t\u0302i\u0301m\u0302i\u0301z\u0302e\u0301 D\u0302O\u0301M\u0302 s\u0301i\u0302z\u0301e\u0302"
19
+ },
20
+ "models/trace/insights/FontDisplay.ts | description": {
21
+ "message": "C\u0302o\u0301n\u0302s\u0301i\u0302d\u0301e\u0302r\u0301 s\u0302e\u0301t\u0302t\u0301i\u0302n\u0301g\u0302 [font-display](https://developer.chrome.com/blog/font-display) t\u0301o\u0302 swap o\u0301r\u0302 optional t\u0301o\u0302 e\u0301n\u0302s\u0301u\u0302r\u0301e\u0302 t\u0301e\u0302x\u0301t\u0302 i\u0301s\u0302 c\u0301o\u0302n\u0301s\u0302i\u0301s\u0302t\u0301e\u0302n\u0301t\u0302l\u0301y\u0302 v\u0301i\u0302s\u0301i\u0302b\u0301l\u0302e\u0301. swap c\u0302a\u0301n\u0302 b\u0301e\u0302 f\u0301u\u0302r\u0301t\u0302h\u0301e\u0302r\u0301 o\u0302p\u0301t\u0302i\u0301m\u0302i\u0301z\u0302e\u0301d\u0302 t\u0301o\u0302 m\u0301i\u0302t\u0301i\u0302g\u0301a\u0302t\u0301e\u0302 l\u0301a\u0302y\u0301o\u0302u\u0301t\u0302 s\u0301h\u0302i\u0301f\u0302t\u0301s\u0302 w\u0301i\u0302t\u0301h\u0302 [f\u0301o\u0302n\u0301t\u0302 m\u0301e\u0302t\u0301r\u0302i\u0301c\u0302 o\u0301v\u0302e\u0301r\u0302r\u0301i\u0302d\u0301e\u0302s\u0301](https://developer.chrome.com/blog/font-fallbacks)."
22
+ },
23
+ "models/trace/insights/FontDisplay.ts | title": {
24
+ "message": "F\u0302o\u0301n\u0302t\u0301 d\u0302i\u0301s\u0302p\u0301l\u0302a\u0301y\u0302"
25
+ },
26
+ "models/trace/insights/ImageDelivery.ts | description": {
27
+ "message": "R\u0302e\u0301d\u0302u\u0301c\u0302i\u0301n\u0302g\u0301 t\u0302h\u0301e\u0302 d\u0301o\u0302w\u0301n\u0302l\u0301o\u0302a\u0301d\u0302 t\u0301i\u0302m\u0301e\u0302 o\u0301f\u0302 i\u0301m\u0302a\u0301g\u0302e\u0301s\u0302 c\u0301a\u0302n\u0301 i\u0302m\u0301p\u0302r\u0301o\u0302v\u0301e\u0302 t\u0301h\u0302e\u0301 p\u0302e\u0301r\u0302c\u0301e\u0302i\u0301v\u0302e\u0301d\u0302 l\u0301o\u0302a\u0301d\u0302 t\u0301i\u0302m\u0301e\u0302 o\u0301f\u0302 t\u0301h\u0302e\u0301 p\u0302a\u0301g\u0302e\u0301 a\u0302n\u0301d\u0302 L\u0301C\u0302P\u0301. [L\u0302e\u0301a\u0302r\u0301n\u0302 m\u0301o\u0302r\u0301e\u0302 a\u0301b\u0302o\u0301u\u0302t\u0301 o\u0302p\u0301t\u0302i\u0301m\u0302i\u0301z\u0302i\u0301n\u0302g\u0301 i\u0302m\u0301a\u0302g\u0301e\u0302 s\u0301i\u0302z\u0301e\u0302](https://developer.chrome.com/docs/lighthouse/performance/uses-optimized-images/)"
28
+ },
29
+ "models/trace/insights/ImageDelivery.ts | title": {
30
+ "message": "I\u0302m\u0301p\u0302r\u0301o\u0302v\u0301e\u0302 i\u0301m\u0302a\u0301g\u0302e\u0301 d\u0302e\u0301l\u0302i\u0301v\u0302e\u0301r\u0302y\u0301"
31
+ },
32
+ "models/trace/insights/ImageDelivery.ts | useCompression": {
33
+ "message": "I\u0302n\u0301c\u0302r\u0301e\u0302a\u0301s\u0302i\u0301n\u0302g\u0301 t\u0302h\u0301e\u0302 i\u0301m\u0302a\u0301g\u0302e\u0301 c\u0302o\u0301m\u0302p\u0301r\u0302e\u0301s\u0302s\u0301i\u0302o\u0301n\u0302 f\u0301a\u0302c\u0301t\u0302o\u0301r\u0302 c\u0301o\u0302u\u0301l\u0302d\u0301 i\u0302m\u0301p\u0302r\u0301o\u0302v\u0301e\u0302 t\u0301h\u0302i\u0301s\u0302 i\u0301m\u0302a\u0301g\u0302e\u0301's\u0302 d\u0301o\u0302w\u0301n\u0302l\u0301o\u0302a\u0301d\u0302 s\u0301i\u0302z\u0301e\u0302. (E\u0301s\u0302t\u0301 {PH1})"
34
+ },
35
+ "models/trace/insights/ImageDelivery.ts | useModernFormat": {
36
+ "message": "U\u0302s\u0301i\u0302n\u0301g\u0302 a\u0301 m\u0302o\u0301d\u0302e\u0301r\u0302n\u0301 i\u0302m\u0301a\u0302g\u0301e\u0302 f\u0301o\u0302r\u0301m\u0302a\u0301t\u0302 (W\u0301e\u0302b\u0301P\u0302, A\u0301V\u0302I\u0301F\u0302) o\u0301r\u0302 i\u0301n\u0302c\u0301r\u0302e\u0301a\u0302s\u0301i\u0302n\u0301g\u0302 t\u0301h\u0302e\u0301 i\u0302m\u0301a\u0302g\u0301e\u0302 c\u0301o\u0302m\u0301p\u0302r\u0301e\u0302s\u0301s\u0302i\u0301o\u0302n\u0301 c\u0302o\u0301u\u0302l\u0301d\u0302 i\u0301m\u0302p\u0301r\u0302o\u0301v\u0302e\u0301 t\u0302h\u0301i\u0302s\u0301 i\u0302m\u0301a\u0302g\u0301e\u0302's\u0301 d\u0302o\u0301w\u0302n\u0301l\u0302o\u0301a\u0302d\u0301 s\u0302i\u0301z\u0302e\u0301. (E\u0302s\u0301t\u0302 {PH1})"
37
+ },
38
+ "models/trace/insights/ImageDelivery.ts | useResponsiveSize": {
39
+ "message": "T\u0302h\u0301i\u0302s\u0301 i\u0302m\u0301a\u0302g\u0301e\u0302 f\u0301i\u0302l\u0301e\u0302 i\u0301s\u0302 l\u0301a\u0302r\u0301g\u0302e\u0301r\u0302 t\u0301h\u0302a\u0301n\u0302 i\u0301t\u0302 n\u0301e\u0302e\u0301d\u0302s\u0301 t\u0302o\u0301 b\u0302e\u0301 ({PH2}) f\u0302o\u0301r\u0302 i\u0301t\u0302s\u0301 d\u0302i\u0301s\u0302p\u0301l\u0302a\u0301y\u0302e\u0301d\u0302 d\u0301i\u0302m\u0301e\u0302n\u0301s\u0302i\u0301o\u0302n\u0301s\u0302 ({PH3}). U\u0301s\u0302e\u0301 r\u0302e\u0301s\u0302p\u0301o\u0302n\u0301s\u0302i\u0301v\u0302e\u0301 i\u0302m\u0301a\u0302g\u0301e\u0302s\u0301 t\u0302o\u0301 r\u0302e\u0301d\u0302u\u0301c\u0302e\u0301 t\u0302h\u0301e\u0302 i\u0301m\u0302a\u0301g\u0302e\u0301 d\u0302o\u0301w\u0302n\u0301l\u0302o\u0301a\u0302d\u0301 s\u0302i\u0301z\u0302e\u0301. (E\u0302s\u0301t\u0302 {PH1})"
40
+ },
41
+ "models/trace/insights/ImageDelivery.ts | useVideoFormat": {
42
+ "message": "U\u0302s\u0301i\u0302n\u0301g\u0302 v\u0301i\u0302d\u0301e\u0302o\u0301 f\u0302o\u0301r\u0302m\u0301a\u0302t\u0301s\u0302 i\u0301n\u0302s\u0301t\u0302e\u0301a\u0302d\u0301 o\u0302f\u0301 G\u0302I\u0301F\u0302s\u0301 c\u0302a\u0301n\u0302 i\u0301m\u0302p\u0301r\u0302o\u0301v\u0302e\u0301 t\u0302h\u0301e\u0302 d\u0301o\u0302w\u0301n\u0302l\u0301o\u0302a\u0301d\u0302 s\u0301i\u0302z\u0301e\u0302 o\u0301f\u0302 a\u0301n\u0302i\u0301m\u0302a\u0301t\u0302e\u0301d\u0302 c\u0301o\u0302n\u0301t\u0302e\u0301n\u0302t\u0301. (E\u0302s\u0301t\u0302 {PH1})"
43
+ },
44
+ "models/trace/insights/InteractionToNextPaint.ts | description": {
45
+ "message": "S\u0302t\u0301a\u0302r\u0301t\u0302 i\u0301n\u0302v\u0301e\u0302s\u0301t\u0302i\u0301g\u0302a\u0301t\u0302i\u0301n\u0302g\u0301 w\u0302i\u0301t\u0302h\u0301 t\u0302h\u0301e\u0302 l\u0301o\u0302n\u0301g\u0302e\u0301s\u0302t\u0301 p\u0302h\u0301a\u0302s\u0301e\u0302. [D\u0301e\u0302l\u0301a\u0302y\u0301s\u0302 c\u0301a\u0302n\u0301 b\u0302e\u0301 m\u0302i\u0301n\u0302i\u0301m\u0302i\u0301z\u0302e\u0301d\u0302](https://web.dev/articles/optimize-inp#optimize_interactions). T\u0301o\u0302 r\u0301e\u0302d\u0301u\u0302c\u0301e\u0302 p\u0301r\u0302o\u0301c\u0302e\u0301s\u0302s\u0301i\u0302n\u0301g\u0302 d\u0301u\u0302r\u0301a\u0302t\u0301i\u0302o\u0301n\u0302, [o\u0301p\u0302t\u0301i\u0302m\u0301i\u0302z\u0301e\u0302 t\u0301h\u0302e\u0301 m\u0302a\u0301i\u0302n\u0301-t\u0302h\u0301r\u0302e\u0301a\u0302d\u0301 c\u0302o\u0301s\u0302t\u0301s\u0302](https://web.dev/articles/optimize-long-tasks), o\u0301f\u0302t\u0301e\u0302n\u0301 J\u0302S\u0301."
46
+ },
47
+ "models/trace/insights/InteractionToNextPaint.ts | title": {
48
+ "message": "I\u0302N\u0301P\u0302 b\u0301y\u0302 p\u0301h\u0302a\u0301s\u0302e\u0301"
49
+ },
50
+ "models/trace/insights/LCPDiscovery.ts | description": {
51
+ "message": "O\u0302p\u0301t\u0302i\u0301m\u0302i\u0301z\u0302e\u0301 L\u0302C\u0301P\u0302 b\u0301y\u0302 m\u0301a\u0302k\u0301i\u0302n\u0301g\u0302 t\u0301h\u0302e\u0301 L\u0302C\u0301P\u0302 i\u0301m\u0302a\u0301g\u0302e\u0301 [d\u0302i\u0301s\u0302c\u0301o\u0302v\u0301e\u0302r\u0301a\u0302b\u0301l\u0302e\u0301](https://web.dev/articles/optimize-lcp#1_eliminate_resource_load_delay) f\u0302r\u0301o\u0302m\u0301 t\u0302h\u0301e\u0302 H\u0301T\u0302M\u0301L\u0302 i\u0301m\u0302m\u0301e\u0302d\u0301i\u0302a\u0301t\u0302e\u0301l\u0302y\u0301, a\u0302n\u0301d\u0302 [a\u0301v\u0302o\u0301i\u0302d\u0301i\u0302n\u0301g\u0302 l\u0301a\u0302z\u0301y\u0302-l\u0301o\u0302a\u0301d\u0302i\u0301n\u0302g\u0301](https://web.dev/articles/lcp-lazy-loading)"
52
+ },
53
+ "models/trace/insights/LCPDiscovery.ts | title": {
54
+ "message": "L\u0302C\u0301P\u0302 r\u0301e\u0302q\u0301u\u0302e\u0301s\u0302t\u0301 d\u0302i\u0301s\u0302c\u0301o\u0302v\u0301e\u0302r\u0301y\u0302"
55
+ },
56
+ "models/trace/insights/LCPPhases.ts | description": {
57
+ "message": "E\u0302a\u0301c\u0302h\u0301 [p\u0302h\u0301a\u0302s\u0301e\u0302 h\u0301a\u0302s\u0301 s\u0302p\u0301e\u0302c\u0301i\u0302f\u0301i\u0302c\u0301 i\u0302m\u0301p\u0302r\u0301o\u0302v\u0301e\u0302m\u0301e\u0302n\u0301t\u0302 s\u0301t\u0302r\u0301a\u0302t\u0301e\u0302g\u0301i\u0302e\u0301s\u0302](https://web.dev/articles/optimize-lcp#lcp-breakdown). I\u0301d\u0302e\u0301a\u0302l\u0301l\u0302y\u0301, m\u0302o\u0301s\u0302t\u0301 o\u0302f\u0301 t\u0302h\u0301e\u0302 L\u0301C\u0302P\u0301 t\u0302i\u0301m\u0302e\u0301 s\u0302h\u0301o\u0302u\u0301l\u0302d\u0301 b\u0302e\u0301 s\u0302p\u0301e\u0302n\u0301t\u0302 o\u0301n\u0302 l\u0301o\u0302a\u0301d\u0302i\u0301n\u0302g\u0301 t\u0302h\u0301e\u0302 r\u0301e\u0302s\u0301o\u0302u\u0301r\u0302c\u0301e\u0302s\u0301, n\u0302o\u0301t\u0302 w\u0301i\u0302t\u0301h\u0302i\u0301n\u0302 d\u0301e\u0302l\u0301a\u0302y\u0301s\u0302."
58
+ },
59
+ "models/trace/insights/LCPPhases.ts | title": {
60
+ "message": "L\u0302C\u0301P\u0302 b\u0301y\u0302 p\u0301h\u0302a\u0301s\u0302e\u0301"
61
+ },
62
+ "models/trace/insights/RenderBlocking.ts | description": {
63
+ "message": "R\u0302e\u0301q\u0302u\u0301e\u0302s\u0301t\u0302s\u0301 a\u0302r\u0301e\u0302 b\u0301l\u0302o\u0301c\u0302k\u0301i\u0302n\u0301g\u0302 t\u0301h\u0302e\u0301 p\u0302a\u0301g\u0302e\u0301's\u0302 i\u0301n\u0302i\u0301t\u0302i\u0301a\u0302l\u0301 r\u0302e\u0301n\u0302d\u0301e\u0302r\u0301, w\u0302h\u0301i\u0302c\u0301h\u0302 m\u0301a\u0302y\u0301 d\u0302e\u0301l\u0302a\u0301y\u0302 L\u0301C\u0302P\u0301. [D\u0302e\u0301f\u0302e\u0301r\u0302r\u0301i\u0302n\u0301g\u0302 o\u0301r\u0302 i\u0301n\u0302l\u0301i\u0302n\u0301i\u0302n\u0301g\u0302](https://web.dev/learn/performance/understanding-the-critical-path#render-blocking_resources/) c\u0301a\u0302n\u0301 m\u0302o\u0301v\u0302e\u0301 t\u0302h\u0301e\u0302s\u0301e\u0302 n\u0301e\u0302t\u0301w\u0302o\u0301r\u0302k\u0301 r\u0302e\u0301q\u0302u\u0301e\u0302s\u0301t\u0302s\u0301 o\u0302u\u0301t\u0302 o\u0301f\u0302 t\u0301h\u0302e\u0301 c\u0302r\u0301i\u0302t\u0301i\u0302c\u0301a\u0302l\u0301 p\u0302a\u0301t\u0302h\u0301."
64
+ },
65
+ "models/trace/insights/RenderBlocking.ts | title": {
66
+ "message": "R\u0302e\u0301n\u0302d\u0301e\u0302r\u0301 b\u0302l\u0301o\u0302c\u0301k\u0302i\u0301n\u0302g\u0301 r\u0302e\u0301q\u0302u\u0301e\u0302s\u0301t\u0302s\u0301"
67
+ },
68
+ "models/trace/insights/SlowCSSSelector.ts | description": {
69
+ "message": "I\u0302f\u0301 R\u0302e\u0301c\u0302a\u0301l\u0302c\u0301u\u0302l\u0301a\u0302t\u0301e\u0302 S\u0301t\u0302y\u0301l\u0302e\u0301 c\u0302o\u0301s\u0302t\u0301s\u0302 r\u0301e\u0302m\u0301a\u0302i\u0301n\u0302 h\u0301i\u0302g\u0301h\u0302, s\u0301e\u0302l\u0301e\u0302c\u0301t\u0302o\u0301r\u0302 o\u0301p\u0302t\u0301i\u0302m\u0301i\u0302z\u0301a\u0302t\u0301i\u0302o\u0301n\u0302 c\u0301a\u0302n\u0301 r\u0302e\u0301d\u0302u\u0301c\u0302e\u0301 t\u0302h\u0301e\u0302m\u0301. [O\u0302p\u0301t\u0302i\u0301m\u0302i\u0301z\u0302e\u0301 t\u0302h\u0301e\u0302 s\u0301e\u0302l\u0301e\u0302c\u0301t\u0302o\u0301r\u0302s\u0301](https://developer.chrome.com/docs/devtools/performance/selector-stats) w\u0302i\u0301t\u0302h\u0301 b\u0302o\u0301t\u0302h\u0301 h\u0302i\u0301g\u0302h\u0301 e\u0302l\u0301a\u0302p\u0301s\u0302e\u0301d\u0302 t\u0301i\u0302m\u0301e\u0302 a\u0301n\u0302d\u0301 h\u0302i\u0301g\u0302h\u0301 s\u0302l\u0301o\u0302w\u0301-p\u0302a\u0301t\u0302h\u0301 %. S\u0302i\u0301m\u0302p\u0301l\u0302e\u0301r\u0302 s\u0301e\u0302l\u0301e\u0302c\u0301t\u0302o\u0301r\u0302s\u0301, f\u0302e\u0301w\u0302e\u0301r\u0302 s\u0301e\u0302l\u0301e\u0302c\u0301t\u0302o\u0301r\u0302s\u0301, a\u0302 s\u0301m\u0302a\u0301l\u0302l\u0301e\u0302r\u0301 D\u0302O\u0301M\u0302, a\u0301n\u0302d\u0301 a\u0302 s\u0301h\u0302a\u0301l\u0302l\u0301o\u0302w\u0301e\u0302r\u0301 D\u0302O\u0301M\u0302 w\u0301i\u0302l\u0301l\u0302 a\u0301l\u0302l\u0301 r\u0302e\u0301d\u0302u\u0301c\u0302e\u0301 m\u0302a\u0301t\u0302c\u0301h\u0302i\u0301n\u0302g\u0301 c\u0302o\u0301s\u0302t\u0301s\u0302."
70
+ },
71
+ "models/trace/insights/SlowCSSSelector.ts | title": {
72
+ "message": "C\u0302S\u0301S\u0302 S\u0301e\u0302l\u0301e\u0302c\u0301t\u0302o\u0301r\u0302 c\u0301o\u0302s\u0301t\u0302s\u0301"
73
+ },
74
+ "models/trace/insights/ThirdParties.ts | description": {
75
+ "message": "T\u0302h\u0301i\u0302r\u0301d\u0302 p\u0301a\u0302r\u0301t\u0302y\u0301 c\u0302o\u0301d\u0302e\u0301 c\u0302a\u0301n\u0302 s\u0301i\u0302g\u0301n\u0302i\u0301f\u0302i\u0301c\u0302a\u0301n\u0302t\u0301l\u0302y\u0301 i\u0302m\u0301p\u0302a\u0301c\u0302t\u0301 l\u0302o\u0301a\u0302d\u0301 p\u0302e\u0301r\u0302f\u0301o\u0302r\u0301m\u0302a\u0301n\u0302c\u0301e\u0302. [R\u0301e\u0302d\u0301u\u0302c\u0301e\u0302 a\u0301n\u0302d\u0301 d\u0302e\u0301f\u0302e\u0301r\u0302 l\u0301o\u0302a\u0301d\u0302i\u0301n\u0302g\u0301 o\u0302f\u0301 t\u0302h\u0301i\u0302r\u0301d\u0302 p\u0301a\u0302r\u0301t\u0302y\u0301 c\u0302o\u0301d\u0302e\u0301](https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/loading-third-party-javascript/) t\u0302o\u0301 p\u0302r\u0301i\u0302o\u0301r\u0302i\u0301t\u0302i\u0301z\u0302e\u0301 y\u0302o\u0301u\u0302r\u0301 p\u0302a\u0301g\u0302e\u0301's\u0302 c\u0301o\u0302n\u0301t\u0302e\u0301n\u0302t\u0301."
76
+ },
77
+ "models/trace/insights/ThirdParties.ts | title": {
78
+ "message": "T\u0302h\u0301i\u0302r\u0301d\u0302 p\u0301a\u0302r\u0301t\u0302i\u0301e\u0302s\u0301"
79
+ },
80
+ "models/trace/insights/Viewport.ts | description": {
81
+ "message": "T\u0302a\u0301p\u0302 i\u0301n\u0302t\u0301e\u0302r\u0301a\u0302c\u0301t\u0302i\u0301o\u0302n\u0301s\u0302 m\u0301a\u0302y\u0301 b\u0302e\u0301 [d\u0302e\u0301l\u0302a\u0301y\u0302e\u0301d\u0302 b\u0301y\u0302 u\u0301p\u0302 t\u0301o\u0302 300\u00a0m\u0301s\u0302](https://developer.chrome.com/blog/300ms-tap-delay-gone-away/) i\u0301f\u0302 t\u0301h\u0302e\u0301 v\u0302i\u0301e\u0302w\u0301p\u0302o\u0301r\u0302t\u0301 i\u0302s\u0301 n\u0302o\u0301t\u0302 o\u0301p\u0302t\u0301i\u0302m\u0301i\u0302z\u0301e\u0302d\u0301 f\u0302o\u0301r\u0302 m\u0301o\u0302b\u0301i\u0302l\u0301e\u0302."
82
+ },
83
+ "models/trace/insights/Viewport.ts | title": {
84
+ "message": "O\u0302p\u0301t\u0302i\u0301m\u0302i\u0301z\u0302e\u0301 v\u0302i\u0301e\u0302w\u0301p\u0302o\u0301r\u0302t\u0301 f\u0302o\u0301r\u0302 m\u0301o\u0302b\u0301i\u0302l\u0301e\u0302"
85
+ }
86
+ }
@@ -0,0 +1,86 @@
1
+ {
2
+ "models/trace/insights/CLSCulprits.ts | description": {
3
+ "message": "Los cambios de dise\u00f1o ocurren cuando los elementos se mueven sin interacci\u00f3n del usuario. [Investiga las causas de los cambios de dise\u00f1o](https://web.dev/articles/optimize-cls), como elementos que se agregan o quitan, o bien cambios en sus fuentes a medida que se carga la p\u00e1gina."
4
+ },
5
+ "models/trace/insights/CLSCulprits.ts | title": {
6
+ "message": "Causantes del cambio de dise\u00f1o"
7
+ },
8
+ "models/trace/insights/DOMSize.ts | description": {
9
+ "message": "Los DOM de gran tama\u00f1o aumentar\u00e1n el uso de memoria, har\u00e1n que los c\u00e1lculos de estilos tarden m\u00e1s y generar\u00e1n costosos reprocesamientos del dise\u00f1o que afectan la capacidad de respuesta de la p\u00e1gina. [Obt\u00e9n informaci\u00f3n para evitar un tama\u00f1o de DOM excesivo](https://developer.chrome.com/docs/lighthouse/performance/dom-size/)."
10
+ },
11
+ "models/trace/insights/DOMSize.ts | title": {
12
+ "message": "Optimiza el tama\u00f1o de DOM"
13
+ },
14
+ "models/trace/insights/DocumentLatency.ts | description": {
15
+ "message": "Tu primera solicitud de red es la m\u00e1s importante. Para reducir la latencia, evita las redirecciones, garantiza una respuesta r\u00e1pida del servidor y habilita la compresi\u00f3n de texto."
16
+ },
17
+ "models/trace/insights/DocumentLatency.ts | title": {
18
+ "message": "Latencia de solicitud de documentos"
19
+ },
20
+ "models/trace/insights/FontDisplay.ts | description": {
21
+ "message": "Te recomendamos establecer [font-display](https://developer.chrome.com/blog/font-display) en swap o optional para garantizar que el texto aparezca de forma coherente. swap se puede optimizar a\u00fan m\u00e1s para mitigar los cambios de dise\u00f1o con [anulaciones de m\u00e9tricas de fuentes](https://developer.chrome.com/blog/font-fallbacks)."
22
+ },
23
+ "models/trace/insights/FontDisplay.ts | title": {
24
+ "message": "Visualizaci\u00f3n de la fuente"
25
+ },
26
+ "models/trace/insights/ImageDelivery.ts | description": {
27
+ "message": "Reducir el tiempo de descarga de las im\u00e1genes puede mejorar el tiempo de carga percibido de la p\u00e1gina y el LCP. [M\u00e1s informaci\u00f3n para optimizar el tama\u00f1o de las im\u00e1genes](https://developer.chrome.com/docs/lighthouse/performance/uses-optimized-images/)"
28
+ },
29
+ "models/trace/insights/ImageDelivery.ts | title": {
30
+ "message": "Mejora la entrega de im\u00e1genes"
31
+ },
32
+ "models/trace/insights/ImageDelivery.ts | useCompression": {
33
+ "message": "Aumentar el factor de compresi\u00f3n de la imagen podr\u00eda mejorar el tama\u00f1o de descarga de esta imagen. (Estimado: {PH1})"
34
+ },
35
+ "models/trace/insights/ImageDelivery.ts | useModernFormat": {
36
+ "message": "Usar un formato de imagen moderno (WebP, AVIF) o aumentar la compresi\u00f3n de la imagen podr\u00eda mejorar el tama\u00f1o de descarga de esta imagen. (Estimado: {PH1})"
37
+ },
38
+ "models/trace/insights/ImageDelivery.ts | useResponsiveSize": {
39
+ "message": "Este archivo de imagen es m\u00e1s grande de lo necesario ({PH2}) para sus dimensiones de visualizaci\u00f3n ({PH3}). Usa im\u00e1genes responsivas para reducir el tama\u00f1o de descarga de la imagen. (Estimado: {PH1})"
40
+ },
41
+ "models/trace/insights/ImageDelivery.ts | useVideoFormat": {
42
+ "message": "Usar formatos de video en lugar de GIFs puede mejorar el tama\u00f1o de descarga del contenido animado. (Estimado: {PH1})"
43
+ },
44
+ "models/trace/insights/InteractionToNextPaint.ts | description": {
45
+ "message": "Comienza a investigar con la fase m\u00e1s larga. [Los retrasos se pueden minimizar](https://web.dev/articles/optimize-inp#optimize_interactions). Para reducir la duraci\u00f3n del procesamiento, [optimiza los costos del subproceso principal](https://web.dev/articles/optimize-long-tasks), a menudo JS."
46
+ },
47
+ "models/trace/insights/InteractionToNextPaint.ts | title": {
48
+ "message": "INP por fase"
49
+ },
50
+ "models/trace/insights/LCPDiscovery.ts | description": {
51
+ "message": "Para optimizar el LCP, haz que la imagen del LCP sea [detectable](https://web.dev/articles/optimize-lcp#1_eliminate_resource_load_delay) desde el HTML de inmediato y [evita la carga diferida](https://web.dev/articles/lcp-lazy-loading)"
52
+ },
53
+ "models/trace/insights/LCPDiscovery.ts | title": {
54
+ "message": "Descubrimiento de solicitudes de LCP"
55
+ },
56
+ "models/trace/insights/LCPPhases.ts | description": {
57
+ "message": "Cada [fase tiene estrategias de mejora espec\u00edficas](https://web.dev/articles/optimize-lcp#lcp-breakdown). Lo ideal es que la mayor parte del tiempo de LCP se dedique a cargar los recursos, no a los retrasos."
58
+ },
59
+ "models/trace/insights/LCPPhases.ts | title": {
60
+ "message": "LCP por fase"
61
+ },
62
+ "models/trace/insights/RenderBlocking.ts | description": {
63
+ "message": "Las solicitudes bloquean la renderizaci\u00f3n inicial de la p\u00e1gina, lo que puede retrasar el LCP. [La aparici\u00f3n diferida o intercalada](https://web.dev/learn/performance/understanding-the-critical-path#render-blocking_resources/) puede mover estas solicitudes de red fuera de la ruta cr\u00edtica."
64
+ },
65
+ "models/trace/insights/RenderBlocking.ts | title": {
66
+ "message": "Solicitudes de bloqueo de renderizaci\u00f3n"
67
+ },
68
+ "models/trace/insights/SlowCSSSelector.ts | description": {
69
+ "message": "Si los costos de recalcular el estilo siguen siendo altos, la optimizaci\u00f3n del selector puede reducirlos. [Optimiza los selectores](https://developer.chrome.com/docs/devtools/performance/selector-stats) con un tiempo transcurrido alto y un alto porcentaje de rutas lentas. Los selectores m\u00e1s simples, una cantidad menor de selectores, un DOM m\u00e1s peque\u00f1o y un DOM m\u00e1s superficial reducir\u00e1n los costos de coincidencia."
70
+ },
71
+ "models/trace/insights/SlowCSSSelector.ts | title": {
72
+ "message": "Costos del selector CSS"
73
+ },
74
+ "models/trace/insights/ThirdParties.ts | description": {
75
+ "message": "El c\u00f3digo de terceros puede reducir en gran medida el rendimiento de carga. [Reduce y aplaza la carga de c\u00f3digo de terceros](https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/loading-third-party-javascript/) para priorizar el contenido de tu p\u00e1gina."
76
+ },
77
+ "models/trace/insights/ThirdParties.ts | title": {
78
+ "message": "Terceros"
79
+ },
80
+ "models/trace/insights/Viewport.ts | description": {
81
+ "message": "Las interacciones de presi\u00f3n pueden [retrasarse hasta 300\u00a0ms](https://developer.chrome.com/blog/300ms-tap-delay-gone-away/) si el viewport no est\u00e1 optimizado para dispositivos m\u00f3viles."
82
+ },
83
+ "models/trace/insights/Viewport.ts | title": {
84
+ "message": "Optimiza el viewport para dispositivos m\u00f3viles"
85
+ }
86
+ }