Improve Readme

Author: spajic

README.md

@@ -6,20 +6,9 @@
 
 Анализ показывает, что этот файл содержит библиотеку `moment.js`, печально известную своим большим размером.
 
-## Идея оптимизации
-
-
-- Включите в процесс сборки `webpack` плагин `webpack-bundle-analyzer`;
-- Выполните анализ исходной версии приложения с помощью `webpack-bundle-analyzer`; убедитесь, что `moment.js` входит в сборку `vendor`
-- Закомментируйте всё содержимое файла `proCharts.js`;
-- Выполните анализ изменённой версии в `webpack-bundle-analyzer`;
-
-Вы найдёте, что `moment.js` пропал из `vendor` и эта сборка стала заметно меньше;
+## Бюджет
 
-
-## Защита
-
-Поздравляю, вы сократили объём загружаемого `js` на всех страницах сайта; защитите это достижение на примере главной страницы.
+Давайте начнём с того, что зададимся бюджетом на объём `js` на главной странице.
 
 Создайте бюджет для `sitespeed.io`
 
@@ -33,19 +22,41 @@
 }
 ```
 
-Убедитесь, что бюджет соблюдается:
+Убедитесь, что бюджет пока не соблюдается:
 
-```
+```bash
 docker run --privileged --rm -v "$(pwd)":/sitespeed.io sitespeedio/sitespeed.io http://host.docker.internal:3000/ -n 1 --budget.configPath homeBudget.json
 ```
 
+## Идея оптимизации
+
+- Включите в процесс сборки `webpack` плагин `webpack-bundle-analyzer`
+- Выполните анализ исходной версии приложения с помощью `webpack-bundle-analyzer`
+- убедитесь, что `moment.js` входит в сборку `vendor`
+- Закомментируйте всё содержимое файла `proCharts.js`
+- Выполните анализ изменённой версии в `webpack-bundle-analyzer`
+- profit
 
 ## Cleanup
 
 Разберитесь, в каком месте приложения код `moment.js` реально используется и подключите его только там.
 
+## Защита от деградации
+
+Мы сократили объём загружаемого `js` на большинстве страниц сайта!
+
+Теперь проверка бюджета на главной странице должна пройти успешно!
+
 
-Убедитесь, что достигнутый бюджет на загрузку `js` для главной страницы всё ещё соблюдается.
+## Настройка CI
+
+Теперь настроим `CI`: `Travis` или `Github Actions`.
+
+Шаги:
+- выставить текущую версию приложения в интернет с помощью `ngrok`
+- запушить урл `ngrok` в конфиг `CI` в `github` и тем самым триггернуть билд
+- билд должен проверять ваше приложение по урлу `ngrok` с помощью `sitespeed.io` на соблюдение бюджета
+- после проверки `ngrok` можно выключать
 
 ## Как сдать задание
 
@@ -54,9 +65,8 @@ docker run --privileged --rm -v "$(pwd)":/sitespeed.io sitespeedio/sitespeed.io
 - изменения кода
 - описание
 - скриншоты `bundle-analyzer` до и после оптимизации
-- выполните анализ исходной версии в `sitespeed.io`, сделав 5 прогонов (`-n 5`), экспортируйте результат в формат `HAR` и закомитьте под названием `slow.har`
-- сделайте то же самое для оптимизированной версии и закомитьте `fast.har`
-- добавьте в описание ссылку на сравнение быстрой и медленной версии с помощью инструмента `compare.sitespeed.io`: `https://compare.sitespeed.io/?har1=FULL_URL1&har2=FULL_URL2&compare=1`
+- настроенный `CI` на `Travis` или `Github Actions`
+
 
 <div align="center">
   <br>