Archive

Performance8 writings

7 writings

  1. Migrating From instant.page to the Speculation Rules API
    Migrating from instant.page to the browser-native Speculation Rules API, with notes on prefetch, prerender, side effects, and Swup/PJAX conflicts.

    HexoPerformanceWebSwup8 min

  1. PostBuild With ESBuild & Minify-HTML
    Add a PostBuild step to your static site CI for image compression and CSS/JS minification. This post covers writing a PostBuild script with ESBuild & minify-html.

    PerformanceFrontEndCICD10 min

  1. Optimize Shiki's HTML Output With styleToClass Transformer
    Use Shiki's styleToClass transformer to move inline styles into reusable CSS classes and reduce highlighted HTML size.

    PerformanceCSSCatppuccinShiki4 min

  2. Hexo Site Performance Optimization Notes
    Last September I wrote up my Hexo blog performance work. Recently I tackled the remaining issues with another round of optimizations, recorded here as a follow-up.

    BlogHexoPerformanceImageHTMLCSSFontCDN7 min

  3. Blog & OSS CDN Traffic Splitting Between Mainland China and Overseas
    ICP filing approved. A quick record of setting up split CDN routing for domestic and international visitors.

    BlogPerformanceCDNNetworkWebInternetHTTPS7 min

  4. NuShell FFMpeg Utils
    Batch-compressing media files with Nushell to free up OneDrive space.

    TerminalShellPerformanceWorkflowNushellffmpegOnedrive10 min

  1. Making Web Fast —— LCP Optimization
    🤖 Optimize LCP with preload, fetchpriority, responsive images and srcset. Covers Sharp image processing, CI/CD automation, and preload hints for better Core Web Vitals.

    BlogHexoPerformanceWebBrowserIcarusResponsivesrcsetLCP9 min

  1. Blog Performance Optimization Notes
    Optimizations adopted while maintaining this site, from image compression to lazy loading and CDN.

    BlogHexoPerformanceWeb4 min