Канал SEOFAQT в мессенджере Telegram

Букмарклет ct.css от Гарри Робертса цветовым кодом отмечает...

Mike Blazer

181

Букмарклет ct.css от Гарри Робертса цветовым кодом отмечает степень блокировки рендеринга...

Букмарклет ct.css от Гарри Робертса цветовым кодом отмечает степень блокировки рендеринга страниц:

javascript:(function(){ var ct = document.createElement('link'); ct.rel = 'stylesheet'; ct.href = 'https://csswizardry.com/ct/ct.css'; ct.classList.add('ct'); document.head.appendChild(ct); }());;

Или вы можете скачать его отсюда: https://csswizardry.com/ct/

Откройте свою страницу, дождитесь загрузки, нажмите на букмарклет, чтобы увидеть блокирующие рендеринг скрипты и таблицы стилей.

Вот презентация Гарри Робертса о том, как привести свой <head> в порядок: https://speakerdeck.com/csswizardry/get-your-head-straight

Рич Татум переписал букмарклет на чистом JavaScript с несколькими новыми функциями, такими как сворачиваемые детали и экспорт отчета.

Вы можете найти его здесь:

https://richtatum.notion.site/bookmarklet-ct-scan-v2

@MikeBlazerX

Ссылки из поста:
– https://x.com/RichTatum/status/1916374776056053962
– https://t.me/MikeBlazerX

Источник новости https://t.me/mikeblazerx/5095...

<< Вернуться на канал

23.05.2025 06:15