Документация

Содержание

Как разместить критические стили на сайте

Чтобы применить критические стили, вам нужно добавить их в тег head (внутри тега style) той страницы, для которой вы их создали.

Далее необходимо подключить некритические стили только после загрузки страницы:

Посредством Javascript

С помощью jQuery

С помощью html-атрибута preload

Работает не во всех браузерах.

С помощью Плагина

Если ваш сайт работает на платформе Webasyst Вы можете сделать это автоматически с помощью плагина.

Как получить критические стили по API

Выполните POST запрос

На URL «https://api.criticalcss.ru/critical-css»

Установите заголовок:

Content-Type:

application/json

Передайте параметры в формате JSON:

`domain`	Имя домена указанное при получени токена (без http и без слэша на конце). Тип: string Пример: 'domain.ru'
`token`	Выданный вам токен. Тип: string
`site_url`	Абсолютный URL страницы для которой необходимо получить критические стили. Тип: string Пример: 'https://example.ru/'
`site_width`	Ширина страницы в пикселях (только числа, необязательное поле). Тип: number Пример: 1360
`css_code`	Полный CSS страницы для более точного извлечения критического CSS (необязательное поле). Тип: string Пример: body {color: red}
`site_height`	Высота страницы в пикселях (только числа, необязательное поле). Тип: number Пример: 760
`ignore_atrule`	Обьект содержащий CSS-правила которые необходимо исключить (необязательное поле) Тип: array Пример: ['@font-face', '@media']
`ignore_rule`	Обьект содержащий регулярные выражения CSS-селекторов которые необходимо исключить (необязательное поле) Тип: array Пример: ['/some-regexp/', '/some-regexp2/gi']
`ignore_decl`	Строка, где ключом будет начало строки — название CSS-селектора, а значением через ":" CSS-свойства, которые необходимо оставить у селектора. Конец строки обозначается ";" (необязательное поле) Тип: string Пример: .selector: margin, padding; .selector1 #selector2: height, width;
`rebase_from`	Строка по которой будут перебазированы URL адреса в критических стилях (необязательное поле) Тип: string
`rebase_to`	Строка относительно которой будут перебазированы URL адреса в критических стилях (необязательное поле) Тип: string

Ответ сервера в формате JSON:

`critical_css`	Критические стили страницы
`uncritical_css`	Некритические стили страницы
`html`	HTML-код страницы