По сайту

1) Заголовок - фотка

2) О тебе сразу

3) ЧТо предлагаешь Огэ, егэ, межд экзамены; Разговорный англ, путешествия, по работе; Разговорный клуб для смелых бнсплатно; индивидуальные уроки с нуля (с детьми от 3.5 лет, подростками и взрослыми) СТИКЕРЫ

4) Гайд и карточки с тестом. Скачай карточки (ввели имеил). Полезные знания лдя тебя. Жми.

5) Убрать разг клуб карточку.

Ускорение сайта:

1) Конвертация изображений

https://css-tricks.com/using-webp-images/#:~:text=Use%20regular%20old%20WebP%20when,you're%20converting%20your%20PNGs.&text=The%20settings%20dialogue%20for%20lossy,flexibility%20for%20configuring%20the%20output.

https://www.smashingmagazine.com/2019/10/speed-up-your-website-webp/

2) Использовать билд только для продакшна.

node ./node_modules/gulp/bin/gulp.js build --production

3) Использовать сжатие текста brotli + nginx

Поставил в докер compose image nginx + brotli

~~Выяснить ошибки, но скорее всего это из-за докера без убунты, там нет крона.~~

4) Использовать сжатие и для файлов css + js

https://www.npmjs.com/package/gulp-brotli

function compressBrotli() {

  gulp
  .src("../public/css/*.{html,js,css,svg}")
  .pipe(gulpBrotli.compress({
    extension: "br",
    quality: 11
  }))
  .pipe(gulp.dest("../public/css"))


  return gulp
  .src("../public/js/*.{html,js,css,svg}")
  .pipe(gulpBrotli.compress({
    extension: "br",
    quality: 11
  }))
  .pipe(gulp.dest("../public/js"))

}
const build = gulp.series(vendor, gulp.parallel(css, js), compressBrotli);

5) Настроил кеш для nginx:

6) Раобраться еще с этим https://web.dev/code-splitting-suspense/?utm_source=lighthouse&utm_medium=unknown

7) Не могу подгрузить динамический модуль brotli + docker

8) Отличный тес сокрости https://gtmetrix.com/reports/nika-english.ru/YxnscHsW

Идеи:

PreviousТаргетинг NextProgramming learning

Last updated 4 years ago

function compressBrotli() { gulp .src("../public/css/*.{html,js,css,svg}") .pipe(gulpBrotli.compress({ extension: "br", quality: 11 })) .pipe(gulp.dest("../public/css")) return gulp .src("../public/js/*.{html,js,css,svg}") .pipe(gulpBrotli.compress({ extension: "br", quality: 11 })) .pipe(gulp.dest("../public/js")) } const build = gulp.series(vendor, gulp.parallel(css, js), compressBrotli);