Archive

Performance8 writings

7 篇

  1. 从 instant.page 迁移到 Speculation Rules API
    从 instant.page 迁移到浏览器原生的 Speculation Rules API。本文介绍 prefetch 与 prerender 的区别、适用边界、实际配置，以及它为何与 Swup/PJAX 这类 SPA 导航方案的冲突。

    HexoPerformanceWebSwup8 分钟

  1. PostBuild With ESBuild & Minify-HTML
    静态站点可在CI增加PostBuild环节，进行图片压缩、CSS/JS 压缩合并等流程,以优化网站性能表现。本文主要记录使用ESBuild & minify-html编写PostBuild脚本，实现以下目标：

    PerformanceFrontEndCICD10 分钟

  1. Optimize Shiki's HTML Output With styleToClass Transformer
    使用Shiki styleToClass转换器优化HTML输出

    PerformanceCSSCatppuccinShiki4 分钟

  2. Hexo 网站性能优化记录
    去年九月，记录优化Hexo Blog性能措施。最近针对当时未解决的部分性能问题，又进行了一系列的优化，记录下来作为前文的补充

    BlogHexoPerformanceImageHTMLCSSFontCDN8 分钟

  3. Blog & OSS境内外CDN分流配置记录
    备案通过，简单记录下国内外CDN分流配置过程

    BlogPerformanceCDNNetworkWebInternetHTTPS8 分钟

  4. NuShell FFMpeg Utils
    记录使用Nushell对媒体资源进行批量压缩，释放Onedrive空间

    TerminalShellPerformanceWorkflowNushellffmpegOnedrive10 分钟

  1. Making Web Fast —— LCP Optimization
    🤖 Learn to optimize LCP performance using preload、fetchpriority、responsive images and srcset attributes. Master Sharp image processing, CI/CD automation, and preload hints to dramatically improve Core Web Vitals scores.

    BlogHexoPerformanceWebBrowserIcarusResponsivesrcsetLCP10 分钟

  1. Blog性能优化记录
    记录网站维护过程中，采取的部分优化措施

    BlogHexoPerformanceWeb4 分钟