如何缓存基于Flask框架开发的网站中的用户专属动态内容？

针对包含用户专属动态内容的页面，你可以通过以下几种方案实现缓存，兼顾性能和内容个性化：

1. 片段缓存（Fragment Caching） #

只缓存页面中的静态公共部分，用户专属的动态部分（如用户名、个人信息）实时渲染。借助Flask-Caching扩展可以轻松实现：

首先安装扩展：

pip install flask-caching

初始化缓存配置：

from flask import Flask, render_template
from flask_caching import Cache

app = Flask(__name__)
# 可根据实际场景替换为Redis/Memcached等缓存类型
cache = Cache(app, config={'CACHE_TYPE': 'SimpleCache', 'CACHE_DEFAULT_TIMEOUT': 300})

在模板中使用缓存标签包裹静态部分，动态部分直接渲染：

<!-- 缓存静态头部，超时300秒 -->
{% cache 300, 'header_static' %}
<header>
    <h1>网站公共标题</h1>
    <nav>
        <a href="/">首页</a>
        <a href="/about">关于我们</a>
    </nav>
</header>
{% endcache %}

<!-- 动态内容实时渲染 -->
<div class="user-info">
    欢迎回来，{{ current_user.username }}！
    <p>你的积分：{{ current_user.points }}</p>
</div>

<!-- 缓存静态内容区域 -->
{% cache 300, 'article_list' %}
<div class="articles">
    {% for article in articles %}
        <article>
            <h2>{{ article.title }}</h2>
            <p>{{ article.summary }}</p>
        </article>
    {% endfor %}
</div>
{% endcache %}

2. 用户维度的页面级缓存 #

如果页面大部分内容可复用，仅少量内容随用户变化，可以基于用户ID生成缓存键，实现每个用户的专属缓存：

from flask_login import current_user

@app.route('/dashboard')
@cache.cached(timeout=300, key_prefix=lambda: f"dashboard_user_{current_user.id if current_user.is_authenticated else 'guest'}")
def dashboard():
    # 渲染逻辑会根据用户ID生成独立缓存副本
    user_data = get_user_dashboard_data(current_user.id)
    return render_template('dashboard.html', data=user_data)

这种方式会为每个登录用户生成独立的缓存副本，游客则共享一个缓存版本，既保证了个性化，又利用了缓存提升性能。

3. 缓存后替换动态内容 #

先缓存页面的静态骨架，在返回给用户时，将预定义的占位符替换为用户专属内容：

@app.route('/profile')
def profile():
    # 尝试获取缓存的静态页面骨架
    cached_html = cache.get('profile_static_skeleton')
    if not cached_html:
        # 渲染不含用户动态内容的静态骨架
        cached_html = render_template('profile_skeleton.html')
        cache.set('profile_static_skeleton', cached_html, timeout=300)
    
    # 替换占位符为用户动态内容
    user_info = {
        'username': current_user.username,
        'email': current_user.email,
        'join_date': current_user.join_date.strftime('%Y-%m-%d')
    }
    final_html = cached_html.replace('{{USER_NAME}}', user_info['username']) \
                           .replace('{{USER_EMAIL}}', user_info['email']) \
                           .replace('{{JOIN_DATE}}', user_info['join_date'])
    
    return final_html

模板profile_skeleton.html中只保留静态结构和占位符：

<div class="profile-container">
    <h2>个人资料</h2>
    <p>用户名：{{USER_NAME}}</p>
    <p>邮箱：{{USER_EMAIL}}</p>
    <p>注册日期：{{JOIN_DATE}}</p>
    <!-- 静态公共内容 -->
    <div class="profile-footer">
        <a href="/settings">修改设置</a>
    </div>
</div>

4. 结合CDN的边缘缓存（可选） #

如果使用CDN服务，可以利用边缘包含（ESI）技术：CDN缓存页面的静态部分，动态部分通过ESI标签请求后端实时生成。比如在页面中添加：

<esi:include src="/api/user-info" />

CDN会缓存主页面，每次请求时动态拉取用户信息接口的内容，适合高流量场景。

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