PHP Notes
  • Как дебажить код ReactJS в ConsoleDevTools
  • Processing domain events
  • Паттерн проектирования Adapter
  • Принципы SOLID
  • Основные зависимости в UML
  • Простая схема UML-sequence
  • Value Objects
  • Паттерн проектирования Chain of Responsibilities
  • How to create bash script
  • Create monolog channel Symfony
  • Вопросы из собеседований PHP
  • Заметки по Wordpress
  • Изучая SEO
  • Книги
  • Adobe Character Animator
  • Martin Fowler Refactoring Notes
  • Идеи для редизайна
  • Заметки по Yii2
  • Photoshop заметки
  • WEB Notes
  • Создание канала в телеграм
  • PHP Notes
  • Ads notes
  • Таргетолог smm обучение
  • Парсинг андроид приложения
  • Phrasal verb look
  • Phrasal verb "Go"
  • Clean Code
  • Conda tutorial
  • Scrapy notes
  • Как подключиться к хосту локальному (к бд, например) из докер контейнера
  • Untitled
  • Маркетинг в Инсте Конспект
  • Таргетинг
  • По сайту
  • Programming learning
  • VBA notes
  • PHP project deployment
  • На сервер без пароля
  • PHPStorm + CodeSniffer configuring
  • Laravel learning
  • Sudo disable with docker
  • Facebook Marketing API
  • Docker notes
  • Фриланс
  • Настройка Sublime Text 3
  • Изучаем БЭМ
  • Алгоритм верстки сайта
  • Настройка VS Code
  • Gulp настройка установка плагины. Пошаговая инструкция по настройке сборки Gulp 4 для верстки сайтов
  • Процесс накатывания стилей CSS
  • Generate entities from db Doctrine
  • Premiere Pro Notes
  • Идеи для Ads
  • Migrate and Setup Hosted Live WordPress Site to Localhost
  • Ресурсы PHP
  • Делаем тему Wordpress
Powered by GitBook
On this page

Was this helpful?

По сайту

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

Last updated 4 years ago

Was this helpful?

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

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

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

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

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

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

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

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

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

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

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

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

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

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:

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

Идеи:

6) Раобраться еще с этим

8) Отличный тес сокрости

https://www.smashingmagazine.com/2019/10/speed-up-your-website-webp/
https://www.npmjs.com/package/gulp-brotli
https://web.dev/code-splitting-suspense/?utm_source=lighthouse&utm_medium=unknown
https://gtmetrix.com/reports/nika-english.ru/YxnscHsW
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.
How To Create and Serve WebP Images to Speed Up Your Website | DigitalOceanDigitalOcean
Brotli and Static Compression | CSS-TricksCSS-Tricks
How to Implement Browser Caching with Nginx's header Module on Ubuntu 16.04 | DigitalOceanDigitalOcean
WebPageTestWebPageTest
Logo
Logo
Logo
Logo