Why your buttons feel laggy: long tasks

If clicks on your site feel a half-second late, the usual culprit is a 'long task' — a chunk of JavaScript that hogs the browser's single work line for more than 50 milliseconds. While it runs, your tap just waits in line. That delay is exactly what INP (Interaction to Next Paint) measures.

Think of the browser as a one-lane checkout: if a customer ahead has a giant cart, everyone behind waits, no matter how small their basket.

How to spot and ease them:
— In DevTools Performance tab, record an interaction — long tasks show as red-flagged bars
— Break big scripts into smaller pieces so the browser can pause between them
— Delay non-urgent work (analytics, tracking) until after the page is interactive

Try this: Record yourself clicking your main menu, find the longest red bar, and ask what it's doing. Naming the hog is half the fix.

Break LCP into 3 parts to fix it faster

When LCP — Largest Contentful Paint — is slow, 'make the page faster' is too vague to act on. The trick the pros use is to split LCP into three stretches and find which one is fat.

The three parts of every LCP:
— Time to first byte — how long your server takes to answer
— Load delay + load time — how long before the image starts and finishes downloading
— Render delay — the gap between the image arriving and it actually appearing

Think of it like mailing a package: time to pack it, time in transit, time to unwrap it. You can't speed delivery if the real holdup is unwrapping.

How to see the split:
— PageSpeed Insights now shows this breakdown right under your LCP score

Try this: Find your biggest slice first. If it's first byte, that's a hosting fix; if it's load, that's an image fix.

The sneaky layout shift caused by web fonts

Here's a CLS — Cumulative Layout Shift — cause people miss for months: custom fonts. Your page loads with a backup system font, then your real font arrives and swaps in. If the two fonts are different widths, every line of text reflows and the layout jumps. Google counts that jump.

Think of it like trying on two jackets that are 'the same size' but fit completely differently.

How to tame it:
— Add font-display: swap so text is readable immediately, then accept a tiny swap
— Better: use size-adjust in your @font-face to match the fallback's width to your real font
— Best for stability: font-display: optional — if the font is slow, the browser just keeps the fallback, zero shift

Try this: Pick your body font and add a matching system fallback like Arial. Closer widths mean a smaller, calmer swap.

Your '90 score' is not your Core Web Vitals

A lot of confusion comes from one screen. PageSpeed Insights shows a big number out of 100 — but that's the Lighthouse performance score, a lab estimate. It is not the same as passing Core Web Vitals.

The difference:
— The 0–100 score is a weighted blend of lab tests on a simulated phone
— Core Web Vitals is the green/amber/red pass at the top, from real visitors
— Google ranking uses the real-visitor pass, not the 100-point score

Think of the score as a practice-exam grade and the vitals as your actual licence test — related, but only one is on your record.

What to do:
— Aim to pass all three vitals (green) first
— Treat the 100-point score as a to-do list, not the goal

Try this: Look only at the colored vitals badges at the top. If they're green, you're in good shape even if the number isn't 100.

The lazy-loading mistake that hurts LCP

Lazy loading — telling images to load only when scrolled near — is great for performance. But there's a classic trap: people add loading="lazy" to every image, including the big one at the top. That one is your LCP — Largest Contentful Paint — and lazy-loading it means the browser deliberately delays your most important pixel.

Think of it like telling the guest of honor to wait outside until the party's already started.

The rule of thumb:
— Images below the fold: loading="lazy" — saves bandwidth, great
— Images visible on first screen (especially the hero): never lazy-load — let it load eagerly
— Bonus: add fetchpriority="high" to the hero so it jumps the queue

Try this: Open your page source and check your hero image. If it says lazy, remove it. That single deletion often shaves real time off LCP.

Quick rec — @IndexOrBust keeps a tight feed on indexing issues. If today's post landed, that one's for you.

Алиса AI будет конкурировать с Google AI Studio

Яндекс разворачивает экосистему AI-агентов на базе Алисы с доступом сначала для компаний, затем для всех. Агенты уже работают в Яндекс Такси и Лавке, скоро появятся в браузере и студии разработки. Платформа интегрирует стандартные функции — заказ такси, покупки, анализ данных. Алиса AI показывает неплохие результаты: менее известна, чем конкуренты, поэтому предлагает щедрые лимиты на видеогенерацию и работу с контентом. Яндекс планирует внедрить…

➡️ Читайте на сайте: https://aff.top/blog/alisa-ai-budet-konkurirovat-s-google-ai-studio

🧠 Ещё больше инсайтов → в канале AFF.top

В Zennoposter добавили ИИ-помощник

Zennolab добавил в Zennoposter встроенный ИИ-кубик с доступом к четырём моделям (Gemini, DeepSeek, Claude, ChatGPT) — 50 бесплатных запросов в сутки. Есть режимы Assistant (чтение) и Agent (автоматическое создание скриптов), плюс новый GET-запрос по API. Нейросети хорошо справляются с регистрацией, постингом, фармингом аккаунтов и простым кодированием, но требуют проверки при парсинге динамических сайтов и диагностике ошибок. В связке с Zennoobr…

➡️ Читайте на сайте: https://aff.top/blog/v-zennoposter-dobavili-ii-pomoschnik

🧠 Ещё больше инсайтов → в канале AFF.top

The 3 parts hiding inside a slow interaction

When INP — Interaction to Next Paint — is poor, 'my site is laggy' isn't specific enough to fix. Like LCP, every interaction splits into three pieces, and knowing which is fat points you straight at the cause.

The three parts:
— Input delay — the wait before your code even starts, usually because the browser is busy with other scripts
— Processing time — how long your click handler's own code runs
— Presentation delay — the time to repaint the screen with the result

Think of ordering coffee: waiting for the barista to notice you, the brewing, then actually handing it over.

How to read it:
— Chrome DevTools' Performance panel labels these phases for each interaction

Try this: Record one slow click. If input delay is the biggest slice, the fix is reducing other scripts; if processing is, the fix is your own handler. Different slice, different repair.

Новую Google reCapcha прошли статичной картинкой

Google выпустил обновленную reCAPTCHA, требующую движений рук для прохождения, но система оказалась уязвима к обходу. Достаточно транслировать статичное изображение с нужным жестом через виртуальную камеру с помощью простого Python-скрипта, чтобы нейросеть пропустила пользователя. Это создает серьёзный риск для сайтов: защита от ботов, позиционировавшаяся как прорыв, на деле не работает. Баг остается актуальным и позволяет спамерам легко автомат…

➡️ Читайте на сайте: https://aff.top/blog/novuiu-google-recapcha-proshli-statichnoi-kartinkoi

🧠 Ещё больше инсайтов → в канале AFF.top

DeepSeek представит последнюю версию v4

DeepSeek выпустит v4 в середине июля с новой моделью ценообразования API: токены подорожают в 2 раза в часы пиковой нагрузки (09:00–12:00 и 14:00–18:00 по пекинскому времени). Компания планирует уведомлять пользователей по почте за 24 часа до изменения тарифов. Проблема с ошибками «server busy» останется, но обойдётся дороже — это может существенно повлиять на экономику проектов, которые активно используют API DeepSeek для автоматизации и масшта…

➡️ Читайте на сайте: https://aff.top/blog/deepseek-predstavit-posledniuiu-versiiu-v4

🧠 Ещё больше инсайтов → в канале AFF.top

Why Google uses your 75th-percentile visitor

Here's a number that quietly decides whether you pass: the 75th percentile. When Google judges your Core Web Vitals, it doesn't use your average visitor or your best one — it lines up all your visitors from fastest to slowest and picks the one three-quarters of the way down.

Why that one? Because an average can hide pain. If most visitors are fast but a quarter suffer, the average looks fine while real people struggle. The 75th percentile makes sure your typical-to-slow visitor still has a decent experience.

Think of it as grading a group hike by the person near the back, not the average pace.

What this means for you:
— A fast office laptop won't reflect your real score
— Test on a mid-range phone and throttled network to mimic that slower visitor

Try this: In DevTools, set the network to 'Slow 4G' and CPU to '4x slowdown', then retest. You're now seeing roughly who Google grades you on.

Anthropic выпустили Sonnet 5

30 июня вышла Claude Sonnet 5 — новая версия позиционируется как самая агентная в линейке и приближается к флагманской Opus 4.8. Модель лучше справляется со сложными многоуровневыми задачами, устойчива к вредоносным запросам и не генерирует эксплойты. Sonnet 5 доступна на Free-тарифе, но тестирование показало скромные улучшения: хотя работает лучше Sonnet 4.6, её обгоняют конкуренты, включая китайские модели, которые дешевле через API при лучшей…

➡️ Читайте на сайте: https://aff.top/blog/anthropic-vypustili-sonnet-5

🧠 Ещё больше инсайтов → в канале AFF.top