Hanzo_Dev/SIB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

perf: eager preconnections and map loading to cut initial boot by 3s

Browse Source
This commit is contained in:
Johan Samudio
2026-03-04 11:05:08 -05:00
parent b89de437b2
commit b45f53417a
3 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/index.html
View File

@ -12,6 +12,10 @@
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" /> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preconnect" href="https://maps.googleapis.com">
<link rel="dns-prefetch" href="https://maps.googleapis.com">
<link rel="preconnect" href="https://wtxzmbqchntjymxszngc.supabase.co" crossorigin>
<link rel="dns-prefetch" href="https://wtxzmbqchntjymxszngc.supabase.co">
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap" rel="stylesheet">
<title>SIBU - Sistema de Transporte</title> <title>SIBU - Sistema de Transporte</title>
</head> </head>

5
frontend/src/App.vue
View File

@ -14,6 +14,7 @@ import { useTaxiStore } from './stores/taxi'
import { useShuttleStore } from './stores/shuttle' import { useShuttleStore } from './stores/shuttle'
import { useCouponStore } from './stores/coupon' import { useCouponStore } from './stores/coupon'
import { supabase } from '@/supabase' import { supabase } from '@/supabase'
import { useGoogleMaps } from '@/composables/useGoogleMaps'
// useFavoritesStore ya importado arriba (línea 8) // useFavoritesStore ya importado arriba (línea 8)
// Initialize theme store // Initialize theme store
@ -22,6 +23,10 @@ const { locale } = useI18n()
const themeStore = useThemeStore() const themeStore = useThemeStore()
const authStore = useAuthStore() const authStore = useAuthStore()
const favoritesStore = useFavoritesStore() const favoritesStore = useFavoritesStore()
const { loadMaps } = useGoogleMaps()
// Iniciar descarga asíncrona masiva de Google Maps al bootear VUE (Ahorra ~3 seg de espera en MapView)
loadMaps()
const isSplashScreen = computed(() => route.name === 'splash') const isSplashScreen = computed(() => route.name === 'splash')
const isAuthScreen = computed(() => { const isAuthScreen = computed(() => {

1
frontend/src/views/MapView.vue
View File

@ -221,7 +221,6 @@ function handleVisibilityChange() {
async function initializeMap() { async function initializeMap() {
await nextTick(); await nextTick();
await new Promise(resolve => setTimeout(resolve, 100));
initMap("map", mapStore.center, mapStore.zoom); initMap("map", mapStore.center, mapStore.zoom);