{# Generated per-post OG image: cover + headline rendered onto a 1200×630
PNG by apps/blog/og_image.py. Cached for 24 h via cache_page on the
URL pattern; the ?v= bust ensures editing the title or
swapping the cover forces a fresh render in the very next social
preview (Facebook/LinkedIn/Twitter cache by URL incl. query). #}
{# LCP-image preload — kicks off the AVIF fetch in parallel with HTML parse
instead of waiting for the tag in the body. imagesrcset +
imagesizes mirror the banner's responsive set so the browser preloads
the variant it actually needs. Browsers without AVIF ignore the preload
and grab WebP/JPEG from the as usual. #}
Перейти к содержимому
{# Banner is the LCP image. The post container is `container-narrow`
(max ~720px on lg+ but the banner breaks out to ~960px); on
mobile it fills the viewport. 640/960/1280/1680 cover the
realistic slot widths at 1× and 2×. fetchpriority=high stays
on the so the LCP starts loading before AVIF/WebP source
selection completes. #}
{# body_html is precompiled at save time (apps.blog.signals.precompile_body_html).
Fall back to runtime `|md` on the off-chance an old post slipped past the
backfill — keeps the page from rendering blank. #}
Рекомендация: начните День 1 с четкой, конкретной цели, над которой читатели
Новые статьи про AI, рост и B2B-стратегию — без шума.
{# No on purpose — see apps.blog.views.newsletter_subscribe
for the reasoning (anon pages must not Set-Cookie: csrftoken or the
nginx edge cache skips them). Protection is via Origin/Referer in
the view, not via the token. #}
{# Browsers pick the smallest supported format (AVIF → WebP → JPEG)
AND the closest width for the layout. Cards render at ~320 px on
mobile, ~400 px on tablet, ~480 px in the 3-up desktop grid; 320 /
640 / 960 cover those at 1× / 2× / 2×-large-desktop. `sizes`
tells the browser the slot is roughly one-third of viewport on
large screens. #}
Рекомендация: отслеживать существующие метрики, такие как транзакции, посещения, активность листинга, чтобы предвидеть сдвиги в традиционной среде; аналитическая записка по этим…
{# Browsers pick the smallest supported format (AVIF → WebP → JPEG)
AND the closest width for the layout. Cards render at ~320 px on
mobile, ~400 px on tablet, ~480 px in the 3-up desktop grid; 320 /
640 / 960 cover those at 1× / 2× / 2×-large-desktop. `sizes`
tells the browser the slot is roughly one-third of viewport on
large screens. #}
Начните с конкретного плана: выделяйте минимум 30 минут ежедневно на два ключевых канала – быстрые дизайнерские задачи через Canva и микро-задачи через опросы на надежных сайтах…
{# Browsers pick the smallest supported format (AVIF → WebP → JPEG)
AND the closest width for the layout. Cards render at ~320 px on
mobile, ~400 px on tablet, ~480 px in the 3-up desktop grid; 320 /
640 / 960 cover those at 1× / 2× / 2×-large-desktop. `sizes`
tells the browser the slot is roughly one-third of viewport on
large screens. #}
