CSS Python JS Linux

По сайту

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