Adding <Suspense> wrappers to start rendering Gpxes before they have all been fetched and removed auto compaction and compact db at init time.

src/components/trk/Trk.tsx

@@ -1,4 +1,10 @@
-import { Component, createEffect, createResource, For } from 'solid-js';
+import {
+  Component,
+  createEffect,
+  createResource,
+  For,
+  Suspense,
+} from 'solid-js';
 
 import OlMap from 'ol/Map';
 
@@ -33,7 +39,11 @@ export const Trk: Component<Props> = ({ vectorSource, trkId }) => {
     <For each={trk() ? trk().trkseg || [] : []}>
       {(trksegId: string) => {
         console.log({ caller: 'Trk / loop', trksegId });
-        return <Trkseg vectorSource={vectorSource} trksegId={trksegId} />;
+        return (
+          <Suspense>
+            <Trkseg vectorSource={vectorSource} trksegId={trksegId} />
+          </Suspense>
+        );
       }}
     </For>
   );