Gulp критичный css, инструмент для генерации критичного css

@Mailo · Регистрация: 18.02.2010

Author24 — интернет-сервис помощи студентам

Пытаюсь закрыть последний пункт в googlespeed: "Удалите код JavaScript и CSS, блокирующий отображение верхней части страницы".

Вроде как нашёл плагин нужный для галпа, но оно отказывается работать и выдаёт: "SyntaxError: Unexpected token )"

gulpfile.js:

Javascript

var gulp = require('gulp'),
crit = require ('gulp-critical-css');
 
 
 
gulp.task('crit', () => {
    gulp.src('dist/css/style.css')
        .pipe(criticalCss())
        .pipe(gulp.dest('dist'))
);

К томуж из описания вроде как ещё надо самому указывать какие именно классы критичные в css, что бы плагин их подхватывал, а это совсем не комильфо:

CSS

.my-selector {
    critical: this;
    color: red;
}

Очень интересно узнать, как белые люди закрывают этот пункт по оптимизации ну и ещё интересней, как это сделать при помощи gulp?

@Joey · 04.12.2017, 01:54

У Вас в 6 строке открывается фигурная скобка а в 10 - обычная )

@Mailo · 04.12.2017, 20:10 **[ТС]**

А ну шикарно они у себя код на страничке плагина пишут, спасибо заработало. Хотя плагин не пригодился т.к. там оказалось самому надо указывать какой именно у меня css критичный, а плагин только всё это указанное собирает.

@Joey Джоуи 1082 / 644 / 240 Регистрация: 05.05.2015 Сообщений: 3,559 Записей в блоге: 2
	04.12.2017, 01:54	2
	У Вас в 6 строке открывается фигурная скобка а в 10 - обычная ) 1

@Mailo 233 / 213 / 28 Регистрация: 18.02.2010 Сообщений: 2,205
	04.12.2017, 20:10 [ТС]	3
	А ну шикарно они у себя код на страничке плагина пишут, спасибо заработало. Хотя плагин не пригодился т.к. там оказалось самому надо указывать какой именно у меня css критичный, а плагин только всё это указанное собирает. 0