如何让smoothState不缓存页面？设置cacheLength为0是否可行？

首先直接给你明确答案：把cacheLength设置为0是完全可行的，这样smoothState就不会缓存任何页面内容，每次导航都会重新请求最新的页面数据，正好匹配你新闻站点需要实时获取新内容的需求。

至于会不会失去smoothState的核心意义？其实smoothState的核心是提供平滑的页面过渡动画，缓存只是它提升性能的一个附加功能。如果你不需要缓存（毕竟新闻内容更新频繁，缓存反而会导致用户看不到新内容），关闭缓存完全没问题，依然能保留它的页面切换动画效果——这才是它最核心的价值。

接下来针对你的代码，给你调整优化一下：

$(function(){ 
  'use strict'; 
  var $page = $('#main'), 
  options = {
    "debug": true, 
    "prefetch": false, // 既然禁用缓存，预加载也可以关掉，避免提前加载旧内容
    "cacheLength": 0, // 设置为0，彻底禁用缓存
    "onStart": {
      "duration": 350, 
      "render": function ($container) { 
        $container.addClass('is-exiting'); 
        smoothState.restartCSSAnimations(); 
      } 
    }, 
    "onReady": {
      "duration": 0, 
      "render": function ($container, $newContent) { 
        $container.removeClass('is-exiting'); 
        $container.html($newContent);
        // 额外处理：如果侧边栏不在#main容器内，手动重新加载最新侧边栏
        // 请根据你实际的侧边栏ID调整选择器
        $('#sidebar').load(location.href + ' #sidebar > *');
      } 
    } 
  }, 
  smoothState = $page.smoothState(options).data('smoothState'); 
});

再给你补充几个关键细节：

• 关闭prefetch：预加载功能会提前缓存页面内容，既然已经禁用了缓存，这个功能就没必要保留了，还能避免请求到旧的新闻内容。
• 手动更新侧边栏：你的代码里smoothState只负责更新#main容器的内容，如果侧边栏不在这个容器里，就算禁用缓存，侧边栏也不会自动同步更新。所以我在onReady的渲染函数里加了一行代码，用load方法重新获取最新的侧边栏内容，你可以根据自己站点的实际DOM结构调整选择器。
• 保留调试模式：你开启的debug: true在开发阶段很有用，可以查看smoothState的运行日志，确认缓存是否真的被禁用。

如果之后站点内容更新频率降低，或者某些页面不需要实时更新，你可以再把cacheLength调回合适的数值，平衡性能和内容实时性。

内容的提问来源于stack exchange，提问作者Hanna Stone