add: собираем агрегированную информацию по настройкам типографа, процессорному времени и выводим процессорное время на фронет.

config/nginx/etpgrf--internal-nginx.conf

@@ -59,6 +59,15 @@ http {
         # Убираем токены версии nginx для безопасности
         server_tokens off;
 
+        # Прямая раздача favicon.ico (для поисковиков и браузеров)
+        # Это быстрее и надежнее, чем редирект через Django
+        location = /favicon.ico {
+            alias /app/public/static_collected/favicon.ico;
+            access_log off;
+            log_not_found off;
+            expires 30d;
+        }
+
         location / {
             proxy_pass http://app_server;
             proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

docker-compose.prod.yml

@@ -7,14 +7,43 @@ services:
     image: git.cube2.ru/erjemin/2026-etpgrf-site:latest
     # Перезапускать всегда (если упал или сервер перезагрузился)
     restart: always
-    
     # Метка для Watchtower, чтобы он обновлял только этот контейнер
     labels:
       - "com.centurylinklabs.watchtower.scope=etpgrf"
-    
+
-    # Запускаем collectstatic перед стартом
+    # !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
-    command: sh -c "python etpgrf_site/manage.py collectstatic --noinput && gunicorn --bind 0.0.0.0:8000 --chdir /app/etpgrf_site etpgrf_site.wsgi"
+    # При первом старте, временно запускаем как root, чтобы контейнер мог создать файл БД в хостовом томе
-    
+    # ser: "0:0"
+    # command: >
+    #   sh -c "mkdir -p /app/data &&
+    #          chown -R 1000:1000 /app/data 2>/dev/null || true &&
+    #          chmod -R 0775 /app/data 2>/dev/null || true &&
+    #          python etpgrf_site/manage.py migrate --noinput &&
+    #          python etpgrf_site/manage.py collectstatic --noinput &&
+    #          gunicorn --bind 0.0.0.0:8000 --chdir /app/etpgrf_site etpgrf_site.wsgi"
+    #
+    # После первого запуска, на хосте убедиться что файл БД создан. Возвращаем docker-compose.yml (это тот фал который
+    # вы сейчас читаете). После останавливаем контейнеры:  и сменить владельца папки data. Для этого останавливаем контейнеры:
+    #   `sudo docker-compose -f stop`
+    # возвращаем docker-compose.ym в исходный вид (этот файл). И снова запускаем:
+    #   `sudo docker-compose -f docker-compose.prod.yml up -d`
+    # Теперь нам нужно узнать UID/GID пользователя внутри контейнера, выполнив на хосте команду:
+    #   `sudo docker exec -it etpgrf-site-etpgrf-backend-1 id`
+    # Увидим что-то типа `uid=999(appuser) gid=999(appuser) groups=999(appuser)`. После этого сменить владельца папки
+    # data на хосте:
+    #   `sudo chown -R 999:999 ./data`
+    # С папкой media можно сделать то же самое, если там будут проблемы с правами.
+    #   `sudo chown -R 999:999 ./media`
+    #
+
+
+    # А обычно запускаем в безопасном режиме. Просто миграции, потом collectstatic, потом сервер
+    command: >
+      sh -c "python etpgrf_site/manage.py migrate --noinput &&
+             python etpgrf_site/manage.py collectstatic --noinput &&
+             gunicorn --bind 0.0.0.0:8000 --chdir /app/etpgrf_site etpgrf_site.wsgi"
+    # command: sh -c "python etpgrf_site/manage.py collectstatic --noinput && gunicorn --bind 0.0.0.0:8000 --chdir /app/etpgrf_site etpgrf_site.wsgi"
+
     volumes:
       # База данных (папка data должна быть создана на хосте)
       - ./data:/app/data
@@ -22,10 +51,10 @@ services:
       - static_volume:/app/public/static_collected
       # Медиа (папка media должна быть создана на хосте)
       - ./media:/app/public/media
-    
+
     env_file:
       - .env
-      
+
     logging:
       driver: "json-file"
       options:
@@ -36,26 +65,21 @@ services:
   etpgrf-nginx:
     image: nginx:1.25-alpine
     restart: always
-    
-    # Метка для Watchtower (хотя nginx:alpine обновляется редко, но пусть будет)
-    labels:
-      - "com.centurylinklabs.watchtower.scope=etpgrf"
-      
     volumes:
       # Конфиг берем из репозитория
       - ./config/nginx/etpgrf--internal-nginx.conf:/etc/nginx/nginx.conf:ro
       - static_volume:/app/public/static_collected
       - ./media:/app/public/media
-    
+
-    # Внешний порт. Если у тебя на хосте уже есть Nginx (прокси), 
+    # Внешний порт. Если у тебя на хосте уже есть Nginx (прокси),
     # то можно пробросить на 127.0.0.1:8000 или использовать внутреннюю сеть.
     # Но пока оставим так:
     ports:
       - "127.0.0.1:8080:80" # Используем 8080, чтобы не конфликтовать с Portainer (8000) или основным Nginx (80)
-    
+
     depends_on:
       - etpgrf-backend
-      
+
     logging:
       driver: "json-file"
       options:
@@ -72,12 +96,11 @@ services:
       # Берем учетные данные из .env файла
       - REPO_USER=${REPO_USER}
       - REPO_PASS=${REPO_PASS}
-      - WATCHTOWER_REGISTRY_URL=git.cube2.ru
       # Ограничиваем область видимости только этим проектом
       - WATCHTOWER_SCOPE=etpgrf
       # Если нужно указать реестр явно (обычно watchtower сам понимает из имени образа)
-      # - WATCHTOWER_REGISTRY_URL=git.cube2.ru 
+      # - WATCHTOWER_REGISTRY_URL=git.cube2.ru
-    command: --interval 300 --cleanup # Проверять каждые 5 минут
+    command: --interval 1800 --cleanup # Проверять каждые 30 минут
 
 
 volumes:

etpgrf_site/__init__.py

@@ -0,0 +1,9 @@
+"""сайт etpgrf - сайт на django для тестирования и представления библиотеки экранной типографики etpgrf.
+Основные возможности:
+- Веб-интерфейс для ввода текста и настройки параметров типографики.
+"""
+__version__ = "0.1.3"
+__author__ = "Sergei Erjemin"
+__email__ = "erjemin@gmail.com"
+__license__ = "MIT"
+__copyright__ = "Copyright 2026 Sergei Erjemin"

etpgrf_site/etpgrf_site/urls.py

@@ -7,11 +7,6 @@ from django.contrib.staticfiles.storage import staticfiles_storage
 
 urlpatterns = [
     path(route='adm-in/', view=admin.site.urls),
-    path(
-        route="favicon.ico",
-        view=RedirectView.as_view(url=staticfiles_storage.url("favicon.ico")),
-        name="favicon",
-    ),
     path(route='', view=include('typograph.urls')),
 ]
 

etpgrf_site/typograph/admin.py

@@ -1,3 +1,33 @@
 from django.contrib import admin
+from .models import DailyStat
 
-# Register your models here.
+@admin.register(DailyStat)
+class DailyStatAdmin(admin.ModelAdmin):
+    list_display = (
+        'date',
+        'index_views',
+        'process_requests',
+        'copy_count',
+        'chars_in',
+        'chars_out',
+        'chars_copied',
+        'avg_processing_time_ms_formatted',
+    )
+    list_filter = ('date',)
+    search_fields = ('date',)
+    ordering = ('-date',)
+    
+    # Делаем поля только для чтения
+    readonly_fields = [field.name for field in DailyStat._meta.fields]
+
+    def has_add_permission(self, request):
+        # Запрещаем добавлять записи вручную
+        return False
+
+    def has_delete_permission(self, request, obj=None):
+        # Запрещаем удалять записи
+        return False
+
+    @admin.display(description='Среднее время (мс)', ordering='total_processing_time_ms')
+    def avg_processing_time_ms_formatted(self, obj):
+        return f"{obj.avg_processing_time_ms:.2f}"

etpgrf_site/typograph/migrations/0001_initial.py

@@ -0,0 +1,33 @@
+# Generated by Django 6.0.1 on 2026-01-20 16:23
+
+import django.utils.timezone
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    initial = True
+
+    dependencies = [
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='DailyStat',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('date', models.DateField(default=django.utils.timezone.now, unique=True, verbose_name='Дата')),
+                ('index_views', models.PositiveIntegerField(default=0, verbose_name='Просмотры главной')),
+                ('process_requests', models.PositiveIntegerField(default=0, verbose_name='Запросы на обработку')),
+                ('chars_in', models.BigIntegerField(default=0, verbose_name='Символов на входе')),
+                ('chars_out', models.BigIntegerField(default=0, verbose_name='Символов на выходе')),
+                ('total_processing_time_ms', models.FloatField(default=0.0, verbose_name='Суммарное время обработки (мс)')),
+                ('settings_stats', models.JSONField(default=dict, verbose_name='Статистика настроек')),
+            ],
+            options={
+                'verbose_name': 'Дневная статистика',
+                'verbose_name_plural': 'Дневная статистика',
+                'ordering': ['-date'],
+            },
+        ),
+    ]

etpgrf_site/typograph/migrations/0002_dailystat_copy_count.py

@@ -0,0 +1,18 @@
+# Generated by Django 6.0.1 on 2026-01-20 19:15
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('typograph', '0001_initial'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='dailystat',
+            name='copy_count',
+            field=models.PositiveIntegerField(default=0, verbose_name='Копирований в буфер'),
+        ),
+    ]

etpgrf_site/typograph/migrations/0003_dailystat_chars_copied.py

@@ -0,0 +1,18 @@
+# Generated by Django 6.0.1 on 2026-01-20 20:47
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('typograph', '0002_dailystat_copy_count'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='dailystat',
+            name='chars_copied',
+            field=models.BigIntegerField(default=0, verbose_name='Символов скопировано'),
+        ),
+    ]

etpgrf_site/typograph/models.py

@@ -1,3 +1,67 @@
 from django.db import models
+from django.utils import timezone
 
-# Create your models here.
+class DailyStat(models.Model):
+    """
+    Модель для хранения агрегированной статистики использования за день.
+    """
+    date = models.DateField(
+        verbose_name="Дата",
+        unique=True,
+        default=timezone.now
+    )
+    
+    # Основные метрики
+    index_views = models.PositiveIntegerField(
+        verbose_name="Просмотры главной",
+        default=0
+    )
+    process_requests = models.PositiveIntegerField(
+        verbose_name="Запросы на обработку",
+        default=0
+    )
+    copy_count = models.PositiveIntegerField(
+        verbose_name="Копирований в буфер",
+        default=0
+    )
+    
+    # Объемы
+    chars_in = models.BigIntegerField(
+        verbose_name="Символов на входе",
+        default=0
+    )
+    chars_out = models.BigIntegerField(
+        verbose_name="Символов на выходе",
+        default=0
+    )
+    chars_copied = models.BigIntegerField(
+        verbose_name="Символов скопировано",
+        default=0
+    )
+    
+    # Производительность
+    total_processing_time_ms = models.FloatField(
+        verbose_name="Суммарное время обработки (мс)",
+        default=0.0
+    )
+    
+    # Статистика по использованным настройкам
+    settings_stats = models.JSONField(
+        verbose_name="Статистика настроек",
+        default=dict
+    )
+
+    class Meta:
+        verbose_name = "Дневная статистика"
+        verbose_name_plural = "Дневная статистика"
+        ordering = ['-date']
+
+    def __str__(self):
+        return f"Статистика за {self.date.strftime('%Y-%m-%d')}"
+
+    @property
+    def avg_processing_time_ms(self):
+        """Среднее время обработки одного запроса."""
+        if self.process_requests == 0:
+            return 0.0
+        return self.total_processing_time_ms / self.process_requests

etpgrf_site/typograph/templates/typograph/base.html

@@ -45,9 +45,9 @@
 
 {# ШАПКА и главное меню #}
 <nav id="main-navbar" class="navbar navbar-expand-lg mb-4">
-  <div class="container">
+  <div class="container p-0">
     <a class="navbar-brand" href="/">
-        <img id="logo-img" class="logo-img" src=""
+        <img id="logo-img" class="logo-img p-0 m-0" src=""
              data-src-light="{% static 'svg/logo-etpgrf-site-light.svg' %}"
              data-src-light-compact="{% static 'svg/logo-etpgrf-site-light-compact.svg' %}"
              data-src-dark="{% static 'svg/logo-etpgrf-site-dark.svg' %}"
@@ -62,10 +62,18 @@
 </div>
 
 {# Футер #}
-<footer class="footer mt-auto py-3">
+<footer class="footer mt-auto py-2 mt-4">
-  <div class="container">
+  <div class="container d-flex justify-content-between align-items-center">
-    <span class="text-muted small">&copy; Sergei Erjemin, 2025&ndash;{% now 'Y' %}.</span>
+    <span class="text-muted small nowrap me-2">&copy; Sergei Erjemin, 2025&ndash;{% now 'Y' %}.</span>
-    <span class="text-muted small float-end">v0.1.2</span>
+
+    <nobr class="text-muted small mx-2"><i class="bi bi-tags me-1" title="Версия библиотеки etpgrf / Версия сайта"></i>v0.1.3 / v0.1.4</nobr>
+
+    {# Сводная статистика (HTMX) #}
+    <span class="text-muted small ms-2" hx-get="{% url 'stats_summary' %}" hx-trigger="load">
+      ...
+    </span>
+
+
   </div>
 </footer>
 

etpgrf_site/typograph/templates/typograph/index.html

@@ -269,14 +269,17 @@
       </form>
     </div>
 
-    <div class="col-md-12 mt-4">
+    <div class="col-md-12 my-4">
       <div class="d-flex justify-content-between align-items-end mb-2">
         <label class="form-label fw-bold small text-muted ls-1 mb-0">
           <i class="bi bi-code-slash me-1"></i> Результат обработки:
         </label>
-        <button id="btn-copy" class="btn btn-sm btn-outline-secondary d-none" title="Копировать в буфер обмена">
+        <div class="d-flex align-items-center">
-          <i class="bi bi-clipboard me-1"></i> Копировать в&nbsp;буфер обмена
+            <span id="processing-time" class="small text-muted me-3 nowrap"></span>
-        </button>
+            <button id="btn-copy" class="btn btn-sm btn-outline-secondary d-none" title="Копировать в буфер обмена">
+              <i class="bi bi-clipboard me-1"></i> Копировать в&nbsp;буфер обмена
+            </button>
+        </div>
       </div>
       <div id="cm-result-wrapper" class="result-box p-0"></div>
       <div id="result-area" style="display: none;"></div>

etpgrf_site/typograph/templates/typograph/stats_summary.html

@@ -0,0 +1,16 @@
+{% load typograph_extras %}
+<nobr class="ms-3 float-end" title="Скопировано в буфер текстов/символов">
+    <i class="bi bi-clipboard-check me-1"></i>{{ copied|humanize_num }} / {{ chars_copied|humanize_num }}
+</nobr>
+<nobr class="ms-3 float-end" title="На выход получено символов">
+    <i class="bi bi-box-arrow-right me-1"></i>{{ chars_out|humanize_num }}
+</nobr>
+<nobr class="ms-3 float-end" title="На вход обработано текстов/символов">
+    <i class="bi bi-box-arrow-in-right me-1"></i>{{ processed|humanize_num }} / {{ chars_in|humanize_num }}
+</nobr>
+<nobr class="ms-3 float-end"  title="Просмотров">
+    <i class="bi bi-eye me-1"></i>{{ views|humanize_num }}
+</nobr>
+
+
+

etpgrf_site/typograph/templatetags/typograph_extras.py

@@ -0,0 +1,45 @@
+from django import template
+from django.utils.safestring import mark_safe
+
+register = template.Library()
+
+@register.filter(name='humanize_num')
+def humanize_num(value):
+    """
+    Форматирует число с тонкими пробелами в качестве разделителя тысяч
+    и сокращает большие числа до M (миллионы) или k (тысячи).
+    
+    Примеры:
+    1234 -> 1 234
+    1234567 -> 1,2M
+    """
+    try:
+        num = int(value)
+        if num > 1_000_000_000:
+            val = num / 1_000_000_000
+            suffix = " B"
+        elif num > 1_000_000:
+            val = num / 1_000_000
+            suffix = " M"
+        elif num > 1_000:
+            val = num / 1_000
+            suffix = " k"
+        else:
+            # Больше 1B -- форматируем с пробелами
+            return mark_safe(f"{num:,}".replace(",", " "))
+
+        # Форматируем float:
+        # {:,.1f} - разделитель тысяч (запятая) и 1 знак после точки
+        # 1234567.89 -> "1,234,567.9"
+        formatted = f"{val:,.2f}"
+        
+        # Меняем английскую запятую (разделитель тысяч) на тонкий пробел
+        # Меняем английскую точку (десятичный разделитель) на запятую
+        # Но тут проблема: replace делает все сразу.
+        # "1,234.5" -> replace(",", " ") -> "1 234.5" -> replace(".", ",") -> "1 234,5"
+        formatted = formatted.replace(",", " ").replace(".", ",")
+        
+        return mark_safe(f"{formatted}{suffix}")
+
+    except (ValueError, TypeError):
+        return value

etpgrf_site/typograph/urls.py

@@ -2,6 +2,8 @@ from django.urls import path
 from . import views
 
 urlpatterns = [
-    path(route='', view=views.index, name='index'),
+    path('', views.index, name='index'),
-    path(route='process/', view=views.process_text, name='process_text'),
+    path('process/', views.process_text, name='process_text'),
+    path('stats/summary/', views.get_stats_summary, name='stats_summary'),
+    path('stats/track-copy/', views.track_copy, name='track_copy'),
 ]

etpgrf_site/typograph/views.py

@@ -1,19 +1,80 @@
 from django.shortcuts import render
-from django.http import HttpResponse
+from django.http import HttpResponse, JsonResponse
+from django.db.models import F, Sum
+from django.utils import timezone
+from django.views.decorators.http import require_POST
 from etpgrf.typograph import Typographer
 from etpgrf.layout import LayoutProcessor
 from etpgrf.hyphenation import Hyphenator
+from .models import DailyStat
+import time
+
 
 def index(request):
+    # Увеличиваем счетчик просмотров главной
+    try:
+        today = timezone.now().date()
+        stat, created = DailyStat.objects.get_or_create(date=today)
+        DailyStat.objects.filter(pk=stat.pk).update(index_views=F('index_views') + 1)
+    except Exception as e:
+        print(f"Stat error: {e}")
+
     return render(request, template_name='typograph/index.html')
 
+
+def get_stats_summary(request):
+    """Возвращает сводную статистику."""
+    try:
+        stats = DailyStat.objects.aggregate(
+            views=Sum('index_views'),
+            processed=Sum('process_requests'),
+            copied=Sum('copy_count'),
+            chars_in=Sum('chars_in'),
+            chars_out=Sum('chars_out'),
+            chars_copied=Sum('chars_copied')
+        )
+        
+        context = {
+            'views': stats['views'] or 0,
+            'processed': stats['processed'] or 0,
+            'copied': stats['copied'] or 0,
+            'chars_in': stats['chars_in'] or 0,
+            'chars_out': stats['chars_out'] or 0,
+            'chars_copied': stats['chars_copied'] or 0,
+        }
+
+        return render(request, 'typograph/stats_summary.html', context)
+    except Exception:
+        return HttpResponse("...")
+
+
+@require_POST
+def track_copy(request):
+    """Увеличивает счетчик копирований и количество скопированных символов."""
+    try:
+        char_count = int(request.POST.get('char_count', 0))
+        
+        today = timezone.now().date()
+        stat, created = DailyStat.objects.get_or_create(date=today)
+        DailyStat.objects.filter(pk=stat.pk).update(
+            copy_count=F('copy_count') + 1,
+            chars_copied=F('chars_copied') + char_count
+        )
+        return HttpResponse("OK")
+    except (ValueError, TypeError):
+        return HttpResponse("Invalid char_count", status=400)
+    except Exception as e:
+        print(f"Stat error: {e}")
+        return HttpResponse("Error", status=500)
+
+
 def process_text(request):
     if request.method == 'POST':
         text = request.POST.get(key='text', default='')
-        
+
         # 1. Читаем базовые настройки
         langs = request.POST.get(key='langs', default='ru')
-        
+
         # 2. Собираем LayoutProcessor
         layout_enabled = request.POST.get(key='layout') == 'on'
         layout_option = False
@@ -23,13 +84,13 @@ def process_text(request):
                 custom_units = request.POST.get(key='layout_units_custom', default='').strip()
                 if custom_units:
                     process_units = custom_units.split()
-            
+
             layout_option = LayoutProcessor(
                 langs=langs,
                 process_initials_and_acronyms=request.POST.get(key='layout_initials') == 'on',
                 process_units=process_units
             )
-            
+
         # 3. Собираем Hyphenator
         hyphenation_enabled = request.POST.get(key='hyphenation') == 'on'
         hyphenation_option = False
@@ -39,7 +100,7 @@ def process_text(request):
                 max_len = int(max_len)
             except (ValueError, TypeError):
                 max_len = 12
-            
+
             hyphenation_option = Hyphenator(
                 langs=langs,
                 max_unhyphenated_len=max_len
@@ -70,23 +131,72 @@ def process_text(request):
             'mode': request.POST.get(key='mode', default='mixed'),
             'sanitizer': sanitizer_option,
         }
-        
-        # --- ДИАГНОСТИКА ---
-        # print("Typographer options:", options)
-        # -------------------
 
-        # Создаем экземпляр типографа
+        # Обрабатываем текст с замером времени
+        start_time = time.perf_counter()
+        # Создаем экземпляр типографа и передаем настройки в него
         typo = Typographer(**options)
-        
+        # Обрабатываем текст в Типографе
-        # Обрабатываем текст
         processed = typo.process(text)
-        # print("Processed text length:", len(processed))
+        end_time = time.perf_counter()
-        # print("Processed text:", processed)
         
-        return render(
+        duration_ms = (end_time - start_time) * 1000
-            request, 
+        
-            template_name='typograph/result_fragment.html', 
+        # --- СБОР СТАТИСТИКИ ---
+        try:
+            today = timezone.now().date()
+            stat, created = DailyStat.objects.get_or_create(date=today)
+            
+            # 1. Атомарное обновление счетчиков
+            DailyStat.objects.filter(pk=stat.pk).update(
+                process_requests=F('process_requests') + 1,
+                chars_in=F('chars_in') + len(text),
+                chars_out=F('chars_out') + len(processed),
+                total_processing_time_ms=F('total_processing_time_ms') + duration_ms
+            )
+            
+            # 2. Обновление JSON с настройками (не атомарно, а значит при высокой нагрузке возможны потери данных)
+            # Перечитываем объект, чтобы получить актуальный JSON
+            stat.refresh_from_db()
+            current_stats = stat.settings_stats
+            
+            def inc_stat(key, value):
+                k = f"{key}:{value}"
+                current_stats[k] = current_stats.get(k, 0) + 1
+
+            # Собираем статистику по опциям
+            # langs может быть строкой или списком
+            lang_val = options['langs']
+            if isinstance(lang_val, list):
+                lang_val = lang_val[0] if lang_val else 'ru'
+            inc_stat('lang', lang_val)
+            
+            inc_stat('mode', options['mode'])
+            
+            if options['quotes']: inc_stat('feature', 'quotes')
+            if layout_enabled: inc_stat('feature', 'layout')
+            if options['unbreakables']: inc_stat('feature', 'unbreakables')
+            if hyphenation_enabled: inc_stat('feature', 'hyphenation')
+            if options['symbols']: inc_stat('feature', 'symbols')
+            if hanging_enabled: inc_stat('feature', 'hanging')
+            if sanitizer_enabled: inc_stat('feature', 'sanitizer')
+            
+            stat.settings_stats = current_stats
+            stat.save(update_fields=['settings_stats'])
+            
+        except Exception as e:
+            print(f"Stat error: {e}")
+        # -----------------------
+
+        response = render(
+            request,
+            template_name='typograph/result_fragment.html',
             context={'processed_text': processed}
         )
-    
+        
+        # Добавляем заголовок с временем обработки (с запятой вместо точки)
+        response['X-Processing-Time'] = f"{duration_ms:.4f}".replace('.', ',')
+        
+        return response
+
     return HttpResponse(status=405)

public/static/js/index.js

@@ -21,8 +21,7 @@ import {
 const resultWrapper = document.getElementById('cm-result-wrapper');
 const btnCopy = document.getElementById('btn-copy');
 const sourceTextarea = document.querySelector('textarea[name="text"]');
-
+const processingTimeSpan = document.getElementById('processing-time');
-// console.log("Index.js loaded. btnCopy:", !!btnCopy, "sourceTextarea:", !!sourceTextarea); // DEBUG
 
 const themeCompartment = new Compartment();
 function getTheme() {
@@ -90,7 +89,6 @@ const resultView = new EditorView({
 
 // Обработка ответа от сервера (HTMX)
 document.body.addEventListener('htmx:afterSwap', function (evt) {
-  // console.log("HTMX afterSwap event:", evt.detail.target.id); // DEBUG
   if (evt.detail.target.id === 'result-area') {
     const newContent = evt.detail.xhr.response;
     
@@ -101,9 +99,19 @@ document.body.addEventListener('htmx:afterSwap', function (evt) {
     
     // Показываем кнопку копирования
     if (btnCopy) {
-        // console.log("Showing copy button"); // DEBUG
         btnCopy.classList.remove('d-none');
     }
+    
+    // Показываем время обработки из заголовка
+    if (processingTimeSpan) {
+        const time = evt.detail.xhr.getResponseHeader('X-Processing-Time');
+        if (time) {
+            processingTimeSpan.innerHTML = `<i class="bi bi-cpu me-1"></i>${time}&thinsp;ms`;
+            processingTimeSpan.style.display = 'inline';
+        } else {
+            processingTimeSpan.style.display = 'none';
+        }
+    }
   }
 });
 
@@ -113,6 +121,9 @@ if (sourceTextarea) {
     if (btnCopy) {
       btnCopy.classList.add('d-none');
     }
+    if (processingTimeSpan) {
+        processingTimeSpan.innerText = '';
+    }
     // Сбрасываем редактор на плейсхолдер
     if (resultView.state.doc.toString() !== PLACEHOLDER_TEXT) {
         resultView.dispatch({
@@ -132,13 +143,24 @@ window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', ()
 if (btnCopy) {
   btnCopy.addEventListener('click', async () => {
     const text = resultView.state.doc.toString();
-    // console.log("Copying text:", text.substring(0, 20) + "..."); // DEBUG
     
     // Отправляем цель в метрику
     if (typeof window.sendGoal === 'function') {
         window.sendGoal('etpgrf-copy-pressed');
     }
     
+    // Отправляем статистику на сервер
+    const ch_count_copy2clipboard = new FormData();
+    ch_count_copy2clipboard.append('char_count', text.length);
+    
+    fetch('/stats/track-copy/', {
+        method: 'POST',
+        headers: {
+            'X-CSRFToken': document.querySelector('[name=csrfmiddlewaretoken]').value
+        },
+        body: ch_count_copy2clipboard
+    }).catch(err => console.error("Ошибка отправки статистики:", err));
+    
     try {
       await navigator.clipboard.writeText(text);