perf: optimize bundle and load times via dynamic CSS imports, Webpack vendor chunking, and conditional map loading.(peak male content)

2026-06-04 10:21:23 +07:00
parent fb816fca11
commit 6c509a6b54
6 changed files with 147 additions and 126 deletions
@@ -49,6 +49,8 @@ type Props = {
    overlay?: ReactNode;
    children?: ReactNode;
    onLoad?: () => void;
+    instantLoad?: boolean;
+    onToggleInstantLoad?: (val: boolean) => void;
 };

 export default function PreviewMapShell({
@@ -88,6 +90,8 @@ export default function PreviewMapShell({
    overlay,
    children,
    onLoad,
+    instantLoad = true,
+    onToggleInstantLoad,
 }: Props) {
    const [isMenuOpen, setIsMenuOpen] = useState(false);

@@ -238,6 +242,22 @@ export default function PreviewMapShell({
                                    </svg>
                                </button>

+                                <button
+                                    type="button"
+                                    onClick={() => onToggleInstantLoad?.(!instantLoad)}
+                                    title="Bật lên để load nhanh hơn"
+                                    style={{
+                                        ...menuOptionStyle,
+                                        color: instantLoad ? "#fbbf24" : "#cbd5e1",
+                                        border: instantLoad ? "1px solid rgba(251, 191, 36, 0.4)" : "1px solid rgba(255, 255, 255, 0.08)",
+                                        boxShadow: instantLoad ? "0 0 12px rgba(251, 191, 36, 0.25)" : "0 2px 8px rgba(0, 0, 0, 0.12)",
+                                    }}
+                                >
+                                    <svg width="18" height="18" viewBox="0 0 24 24" fill={instantLoad ? "#fbbf24" : "none"} stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
+                                        <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2" />
+                                    </svg>
+                                </button>
+
                                <button
                                    type="button"
                                    onClick={() => { window.location.href = "/faq"; }}