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/all-gpxes/AllGpxes.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';
 
@@ -27,7 +33,11 @@ export const AllGpxes: Component<Props> = ({ map }) => {
     <For each={allGpxIds()}>
       {(gpxId: string) => {
         console.log({ caller: 'AllGpxes / loop', gpxId });
-        return <Gpx map={map} gpxId={gpxId} />;
+        return (
+          <Suspense>
+            <Gpx map={map} gpxId={gpxId} />
+          </Suspense>
+        );
       }}
     </For>
   );