Optimize forward rendering and add benchmark

Amp-Thread-ID: https://ampcode.com/threads/T-01a01380-b478-77d0-84a0-102880a5c5ae
Co-authored-by: Heaust Azure <heaust.azure@gmail.com>

core/renderer/render.rs

@@ -110,6 +110,7 @@ impl RenderLoop {
                         while !submission.completed.load(Ordering::Acquire) {
                             TimeoutFuture::new(0).await;
                         }
+                        let wall_milliseconds = js_sys::Date::now() - started;
                         if let Some(profile) = submission.profile {
                             while profile.state() == 0 {
                                 TimeoutFuture::new(0).await;
@@ -129,10 +130,15 @@ impl RenderLoop {
                                     .iter()
                                     .filter_map(|pass| pass["milliseconds"].as_f64())
                                     .sum::<f64>();
+                                let gpu = gpu.borrow();
+                                let gpu = gpu.as_ref().unwrap();
                                 *control.profile.borrow_mut() = Some(
                                     serde_json::json!({
                                         "frame": frame,
                                         "milliseconds": milliseconds,
+                                        "wallMilliseconds": wall_milliseconds,
+                                        "adapter": gpu.adapter,
+                                        "canvas": { "width": gpu.width, "height": gpu.height },
                                         "passes": passes,
                                     })
                                     .to_string(),

core/renderer/wgpu.rs

@@ -8,6 +8,7 @@ pub struct Wgpu {
     pub width: u32,
     pub height: u32,
     pub timestamp_queries: bool,
+    pub adapter: String,
 }
 
 impl Wgpu {
@@ -27,11 +28,21 @@ impl Wgpu {
         let adapter = instance
             .request_adapter(&wgpu::RequestAdapterOptions {
                 compatible_surface: Some(&surface),
-                ..Default::default()
+                power_preference: wgpu::PowerPreference::HighPerformance,
+                force_fallback_adapter: false,
             })
             .await
             .map_err(|_| "WEBGPU_UNAVAILABLE")?;
         let required_features = adapter.features() & wgpu::Features::TIMESTAMP_QUERY;
+        let info = adapter.get_info();
+        let adapter_name = if info.name.is_empty() {
+            format!("{:?} · {:?}", info.device_type, info.backend)
+        } else {
+            format!(
+                "{} · {:?} · {:?}",
+                info.name, info.device_type, info.backend
+            )
+        };
         let (device, queue) = adapter
             .request_device(&wgpu::DeviceDescriptor {
                 required_features,
@@ -54,6 +65,7 @@ impl Wgpu {
             width,
             height,
             timestamp_queries: required_features.contains(wgpu::Features::TIMESTAMP_QUERY),
+            adapter: adapter_name,
         })
     }
 }