在互联网世界中,优化和提升用户体验是至关重要的。特别是在使用像SillyTavern这样的应用时,启动速度直接影响用户的满意度和使用频率。以下是如何优化SillyTavern,使其在3秒内启动的详细步骤和代码示例。

关闭浏览器缓存cacheBuster

在SillyTavern的配置文件config.yaml中,将cacheBuster.enabled设置为false。这一改动将阻止浏览器强制清理JavaScript、CSS等文件的缓存内容,从而减少加载时间。

给静态资源加缓存头

在src/server-main.js文件中,调整express.static的配置,为静态资源添加缓存头。这样做可以使得浏览器缓存这些资源,减少每次加载时的请求时间。下面是具体的代码示例:

app.use(express.static(path.join(serverDirectory, 'public'), {
    maxAge: '1d',           // 缓存1天
    etag: true,             // 启用ETag
    lastModified: true,     // 启用Last-Modified
    setHeaders: (res, filePath) => {
        // 对于不经常变化的资源,设置更长的缓存时间
        if (filePath.match(/"(js|css|woff|woff2|ttf|svg|png|jpg|jpeg|gif|ico)"/)) {
            res.setHeader('Cache-Control', 'public, max-age=86400, must-revalidate'); // 1天
        }
        // 对于HTML文件,使用较短的缓存或协商缓存
        if (filePath.match(/\.html"/)) {
            res.setHeader('Cache-Control', 'public, max-age=3600, must-revalidate'); // 1小时
        }
    },
}));

完成这些设置后,重启程序并使用浏览器开发者工具检查Network面板。刷新页面后,你应该会看到大部分资源是从缓存加载的,加载时间显著减少。

通过这些步骤,SillyTavern的启动速度得到了显著提升,用户体验也得到了改善。这对于任何追求高效和流畅的用户界面来说都是至关重要的。

标签: none

评论已关闭