Extremely high CPU usage while rendering simple webpage

Nobody has claimed this yet.

Type: Performance Issue

The extension puts a heavy strain on the CPU (up to 90% load) when scrolling or scaling a web page in the "Edge DevTools: Browser" window. The page barely scrolls and is sluggish in this window. For comparison, the "Live Preview" extension loads the same page without any issues. I tried disabling all extensions except for the Edge DevTool, but the problem persisted.

Extension version: 2.1.1
VS Code version: Code 1.78.1 (6a995c4f4cc2ced6e3237749973982e751cb0bf9, 2023-05-04T09:48:08.683Z)
OS version: Windows_NT x64 10.0.19045
Modes:
Sandboxed: Yes

System Info

Item	Value
CPUs	Intel(R) Core(TM) i7-4710HQ CPU @ 2.50GHz (8 x 2494)
GPU Status	2d_canvas: enabled canvas_oop_rasterization: disabled_off direct_rendering_display_compositor: disabled_off_ok gpu_compositing: enabled multiple_raster_threads: enabled_on opengl: enabled_on rasterization: enabled raw_draw: disabled_off_ok video_decode: enabled video_encode: enabled vulkan: disabled_off webgl: enabled webgl2: enabled webgpu: enabled
Load (avg)	undefined
Memory (System)	11.93GB (1.80GB free)
Process Argv	--crash-reporter-id c8a359b2-0ecf-43fd-8a80-25921c9bd678
Screen Reader	no
VM	0%

Workspace Info

|  Window (Extension: Microsoft Edge Tools for VS Code - project - Visual Studio Code)
|    Folder (project): 38 files
|      File types: jpg(18) svg(15) css(1) png(1) html(1)
|      Conf files:;

A/B Experiments

vsliv368:30146709
vsreu685:30147344
python383cf:30185419
vspor879:30202332
vspor708:30202333
vspor363:30204092
vslsvsres303:30308271
vserr242cf:30382550
pythontb:30283811
vsjup518:30340749
pythonptprofiler:30281270
vshan820:30294714
vstes263:30335439
vscorecescf:30445987
pythondataviewer:30285071
vscod805cf:30301675
binariesv615:30325510
bridge0708:30335490
bridge0723:30353136
cmake_vspar411:30581797
vsaa593cf:30376535
pythonvs932:30410667
cppdebug:30492333
vsclangdc:30486549
c4g48928:30535728
dsvsc012:30540252
pynewext54:30695312
azure-dev_surveyone:30548225
2e4cg342:30602488
pyind779:30671433
f6dab269:30613381
pythonsymbol12:30671437
a9j8j154:30646983
showlangstatbar:30737416
vsctsb:30705553
azdwalk:30721579
pythonms35:30701012
pythonfmttext:30731395
pythoncmvfstr:30731969
fixshowwlkth:30730052
showsbindicator:30730056
pythongtdpathcf:30731979

Start by reproducing the high CPU usage while scrolling or scaling a simple page in the Edge DevTools: Browser window, using the reported extension, VS Code, and Windows versions. Profile the rendering path and compare it with Live Preview; done means the page scrolls responsively without the reported CPU spike.

Written by the indexing model from the issue text.

Description

Contributor guide

First steps

Research direction

Assessment