Apply suggestions from code review

Co-Authored-By: Alexey Pyltsyn <lex61rus@gmail.com>

Author: ca11ado

2-ui/5-loading/01-onload-ondomcontentloaded/article.md

@@ -1,10 +1,10 @@
 # Страница: DOMContentLoaded, load, beforeunload, unload
 
-У жизненного цикла HTML страницы есть три важных события:
+У жизненного цикла HTML-страницы есть три важных события:
 
-- DOMContentLoaded -- браузер полностью загрузил HTML, было построено DOM-дерево, но внешние ресурсы, такие как картинки `<img>` и стили, могут быть ещё не загружены.
-- load -- браузер загрузил все ресурсы (картинки, стили и т.д.).
-- beforeunload/unload -- пользователь покидает страницу.
+- `DOMContentLoaded` -- браузер полностью загрузил HTML, было построено DOM-дерево, но внешние ресурсы, такие как картинки `<img>` и стили, могут быть ещё не загружены.
+- `load` -- браузер загрузил все ресурсы (картинки, стили и т.д.).
+- `beforeunload/unload` -- пользователь покидает страницу.
 
 Каждое из этих событий может быть полезно:
 
@@ -33,7 +33,7 @@ document.addEventListener("DOMContentLoaded", ready);
   function ready() {
     alert('DOM готов');
 
-    // изображение ещё не загружено (если не было закэшировано), так что размер будет 0x0
+    // изображение ещё не загружено (если не было закешировано), так что размер будет 0x0
     alert(`Размер изображения: ${img.offsetWidth}x${img.offsetHeight}`);
   }
 
@@ -45,7 +45,7 @@ document.addEventListener("DOMContentLoaded", ready);
 <img id="img" src="https://en.js.cx/clipart/train.gif?speed=1&cache=0">
 ```
 
-В этом примере обработчик `DOMContentLoaded запустится, когда документ загрузится, так что он увидит все элементы, включая расположенный ниже `<img>`.
+В этом примере обработчик `DOMContentLoaded` запустится, когда документ загрузится, так что он увидит все элементы, включая расположенный ниже `<img>`.
 
 Но он не дожидается, пока загрузится изображение. Поэтому `alert` покажет нулевой размер.
 
@@ -67,15 +67,15 @@ document.addEventListener("DOMContentLoaded", ready);
 <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.3.0/lodash.js"></script>
 
 <script>
-  alert("Библиотека загружена, инлайновый скрипт выполнен");
+  alert("Библиотека загружена, встроенный скрипт выполнен");
 </script>
 ```
 
 В примере выше мы сначала увидим "Библиотека загружена...", а затем "DOM готов!" (все скрипты выполнены).
 
 ```warn header="Скрипты с  `async`, `defer` или `type=\"module\"` не блокируют DOMContentLoaded"
 
-Аттрибуты скрипта `async` и `defer`, которые мы рассмотрим [немного позже](info:script-async-defer), не блокируют DOMContentLoaded. [JavaScript модули](info:modules) ведут себя так же, как `defer` - тоже его не блокируют.
+Атрибуты скрипта `async` и `defer`, которые мы рассмотрим [немного позже](info:script-async-defer), не блокируют DOMContentLoaded. [JavaScript модули](info:modules) ведут себя так же, как `defer` - тоже его не блокируют.
 
 Так что здесь мы говорим об "обычных" скриптах, таких как `<script>...</script>` или `<script src="..."></script>`.
 ```
@@ -132,7 +132,7 @@ Firefox, Chrome и Opera автоматически заполняют поля
 
 Обычно здесь отсылают статистику.
 
-Скажем, мы собрали данные о том, как используется страница: клики, прокрутка, просмотры областей страницы и так далее.
+Предположим, мы собрали данные о том, как используется страница: клики, прокрутка, просмотры областей страницы и так далее.
 
 Естественно, событие `unload` -- это тот момент, когда пользователь нас покидает и мы хотим сохранить эти данные.
 
@@ -151,7 +151,7 @@ window.addEventListener("unload", function() {
 
 - Отсылается POST-запрос.
 - Мы можем послать не только строку, но так же формы и другие форматы, как описано в главе <info:fetch-basics>, но обычно это строковый объект.
-- Размер данных ограничен 64кб.
+- Размер данных ограничен 64 Кб.
 
 К тому моменту, как `sendBeacon` завершится, браузер наверняка уже покинет страницу, так что возможности обработать ответ сервера не будет (для статистики он обычно пустой).
 
@@ -218,7 +218,7 @@ if (document.readyState == 'loading') {
 }
 ```
 
-Так же есть событие `readystatechange`, которое генерируется при изменении состояния, так что мы можем вывести все эти состояния таким образом:
+Также есть событие `readystatechange`, которое генерируется при изменении состояния, так что мы можем вывести все эти состояния таким образом:
 
 ```js run
 // текущее состояние