presseportale/resources/views/livewire/web/press-release-feed.blade.php
Kevin Adametz 6fcc825c64 web: Startseiten-Feed cachen + Index gegen Filesort der Feed-Query
Der Livewire-Feed lief auf jeder Startseiten-Impression ungecacht; seine
ORDER-BY-published_at-Query kann wegen portal IN (…) keinen bestehenden
Index zur Sortierung nutzen und filesortete ~10-20k Zeilen (live gemessen
2,3 s pro Aufruf — die Startseite blieb dadurch trotz Seitendaten-Cache
bei 6-9 s TTFB). Zwei Maßnahmen:

- Neuer Index (language, status, deleted_at, published_at): Backward
  Index Scan statt Filesort, Query 2 ms statt 2,3 s — greift auch für
  ungecachte Livewire-Interaktionen (Zeitraum-Filter, tiefe Seiten).
- Feed-Seiten 1-3 laufen über WebPageCache (SWR wie die übrigen
  Seitendaten); gecacht werden nur items + total, der Paginator wird pro
  Request neu gebaut (keine Host-URLs des Cache-Erzeugers im Cache).
  Unbekannte timeframe-Werte aus der URL fallen auf 'all' zurück und
  erreichen weder Query noch Cache-Key. Der doppelte Gesamt-COUNT pro
  Request entfällt; der 'Mehr laden'-Zähler nutzt jetzt den gefilterten
  Total des Paginators.

Lokal mit Live-Datenbestand: Startseite kalt 875 ms (vorher 2,5 s),
warm 11 ms (vorher 72 ms).

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-07-20 14:53:09 +00:00

197 lines
6.9 KiB
PHP

<?php
use App\Enums\Portal;
use App\Enums\PressReleaseStatus;
use App\Models\PressRelease;
use App\Support\EditorialClock;
use App\Support\WebPageCache;
use Illuminate\Database\Eloquent\Builder;
use Illuminate\Pagination\LengthAwarePaginator;
use Illuminate\Pagination\Paginator;
use Illuminate\Support\Carbon;
use Livewire\Attributes\Locked;
use Livewire\Volt\Component;
use Livewire\WithPagination;
new class extends Component
{
use WithPagination;
private const TIMEFRAMES = ['all', 'today', 'week'];
/** Nur die vorderen Seiten cachen (Schutz vor unbegrenztem Key-Raum). */
private const CACHED_PAGES = 3;
public string $timeframe = 'all';
#[Locked]
public ?string $portal = null;
#[Locked]
public string $language = 'de';
protected array $queryString = [
'timeframe' => ['except' => 'all'],
];
public function setTimeframe(string $timeframe): void
{
$this->timeframe = $timeframe;
$this->resetPage();
}
public function with(): array
{
$releases = $this->pressReleases();
return [
'releases' => $releases,
'totalCount' => $releases->total(),
];
}
/**
* Der Feed rendert auf jeder Startseiten-Impression → die vorderen Seiten
* werden stale-while-revalidate gecacht (WebPageCache, wie die übrigen
* Seitendaten). Der Paginator wird pro Request neu gebaut, damit die
* Pagination-Links den Host des aktuellen Requests tragen und nicht den
* des Cache-Erzeugers.
*/
private function pressReleases(): LengthAwarePaginator
{
$page = max(1, (int) Paginator::resolveCurrentPage('page'));
$timeframe = $this->normalizedTimeframe();
$build = fn (): array => $this->feedPayload($timeframe, $page);
$payload = $page <= self::CACHED_PAGES
? WebPageCache::remember(
WebPageCache::key('feed', [$this->portalValues()[0], $this->language, $timeframe, 'page', $page]),
$build,
)
: $build();
return new LengthAwarePaginator(
$payload['items'],
$payload['total'],
8,
$page,
['path' => Paginator::resolveCurrentPath(), 'pageName' => 'page'],
);
}
/**
* @return array{items: \Illuminate\Database\Eloquent\Collection<int, PressRelease>, total: int}
*/
private function feedPayload(string $timeframe, int $page): array
{
$query = $this->baseQuery();
if ($timeframe !== 'all') {
$reference = $this->referenceNow();
$query
->when($timeframe === 'today', fn (Builder $query) => $query->whereBetween('published_at', [$reference->copy()->startOfDay(), $reference->copy()->endOfDay()]))
->when($timeframe === 'week', fn (Builder $query) => $query->where('published_at', '>=', $reference->copy()->subDays(7)));
}
return [
'items' => (clone $query)->orderByDesc('published_at')->forPage($page, 8)->get(),
'total' => (clone $query)->count(),
];
}
/**
* Der timeframe kommt aus der URL (queryString) — unbekannte Werte fallen
* auf "all" zurück, damit sie weder Queries noch Cache-Keys erreichen.
*/
private function normalizedTimeframe(): string
{
return in_array($this->timeframe, self::TIMEFRAMES, true) ? $this->timeframe : 'all';
}
private function referenceNow(): Carbon
{
return EditorialClock::reference($this->portalValues(), $this->language);
}
private function baseQuery(): Builder
{
return PressRelease::query()
->with([
'company',
'category.translations' => fn ($query) => $query->where('locale', $this->language),
'images' => fn ($query) => $query
->orderByDesc('is_preview')
->orderBy('sort_order')
->limit(1),
])
->whereIn('portal', $this->portalValues())
->where('status', PressReleaseStatus::Published)
->where('language', $this->language)
->whereNotNull('published_at')
->where('published_at', '<=', now());
}
/**
* @return array<int, string>
*/
private function portalValues(): array
{
$primary = $this->portal ?? Portal::Businessportal24->value;
return [$primary, Portal::Both->value];
}
}; ?>
<div wire:loading.class="opacity-60">
<header class="flex items-baseline justify-between mb-4 min-h-[34px] flex-wrap gap-3">
<h2 class="font-serif text-[28px] font-semibold m-0 tracking-[-0.3px] leading-[1.2] text-ink">
{{ __('web.feed.title') }}
</h2>
<div class="flex gap-[18px] text-[12.5px] text-ink-3">
<button type="button" wire:click="setTimeframe('all')"
class="cursor-pointer transition-colors @if ($timeframe === 'all') text-ink border-b-[1.5px] border-brand pb-0.5 @else hover:text-ink @endif">
{{ __('web.feed.filter_all') }}
</button>
<button type="button" wire:click="setTimeframe('today')"
class="cursor-pointer transition-colors @if ($timeframe === 'today') text-ink border-b-[1.5px] border-brand pb-0.5 @else hover:text-ink @endif">
{{ __('web.feed.filter_today') }}
</button>
<button type="button" wire:click="setTimeframe('week')"
class="cursor-pointer transition-colors @if ($timeframe === 'week') text-ink border-b-[1.5px] border-brand pb-0.5 @else hover:text-ink @endif">
{{ __('web.feed.filter_week') }}
</button>
</div>
</header>
<hr class="rule-strong">
@php
$items = $releases->items();
$top = $items[0] ?? null;
$rest = array_slice($items, 1);
@endphp
@if ($top)
<x-web.feed-top-item :release="$top" />
@else
<p class="py-8 text-[13.5px] text-ink-3 m-0">{{ __('web.feed.empty') }}</p>
@endif
@foreach ($rest as $release)
<x-web.feed-item :release="$release" :recommended="($release->content_score ?? 0) >= 80" />
@if ($loop->index === 2)
{{-- Werbeplatz nach der dritten Feed-Meldung (Position der früheren feed-ad). --}}
<x-web.ad-slot variant="feed" />
@endif
@endforeach
@if ($releases->hasMorePages())
<div class="flex justify-center mt-7">
<a href="{{ $releases->nextPageUrl() }}"
class="inline-flex items-center gap-2 px-[18px] py-2.5 text-[13px] font-semibold text-ink bg-transparent border border-bg-rule-strong rounded-[2px] cursor-pointer hover:bg-ink hover:text-bg transition-colors">
{{ __('web.feed.more', ['count' => number_format(max(0, $totalCount - $releases->currentPage() * $releases->perPage()), 0, ',', '.')]) }} →
</a>
</div>
@endif
</div>