Site Performance Best Practices: Balancing First Screen Image and Font Loading

First-screen experience is determined by three factors: hero image size, font file size, and script count. We've re-compressed the hero image to match display dimensions and enabled lazy loading for all images below the fold.

For typography, the Chinese title font file is large and intended for headings only. Body text and UI elements use the system font stack to avoid slowing down the entire site by forcing a unified font face.

Scripts are split by page, with utility pages loaded separately. Avoiding heavy dependencies on the initial screen is the most impactful optimization in this update.