Alex

https://developer.mozilla.org/ru/docs/Web/API/Wind...

https://developer.mozilla.org/ru/docs/Web/HTML/Ele...

Ваша ошибка

Unchecked runtime.lastError: The message port closed before a response was received

относится к какому-то расширению браузера и вообще не имеет отношения к проблеме.

А цифра не меняется потому что с сервера приходит 0.

Перед тем как задавать такие вопросы, вы хоть бы отладчик браузера открыли и посмотрели как ваш скрипт работает.

Потому что при такой конструкции

form.elements[i].addEventListener('blur', validation.formValidate);

контекст меняется.

В таких случаях — открывайте отладчик и смотрите на что указывает this в месте где возникает ошибка

Чтобы контекст не менялся, нужно сделать примерно так:

form.elements[i].addEventListener('blur', validation.formValidate.bind(validation));

https://support.google.com/business/thread/1858306...

obj['0']['0'] // value_1

Предположу, что всему причина — обилие анимаций. Там у вас на каждый пиксель скрола прозрачность меняется. Там при наведении курсора что-то трансформируется. А без включенного апаратного ускорения всё это ложится тяжким грузом на систему.

А вообще — в отладчике хрома можно и анимации продебажить, и счетчик ФПС включить и куча всего другого для поиска проблемы

Не используйте и не изменяйте глобальные переменные.
Делайте что-то в таком духе

const localService = globalService === undefined ? 'defaultValue' : globalService

console.log(localService)

https://developer.mozilla.org/ru/docs/Web/HTTP/%D0...

Два варианта:

1. Использовать встроенный апи
   
2. Написать свой и обращаться к нему по тому же принципу.
   

Нет.
Читайте https://css-tricks.com/quoting-in-html-quotations-...

https://developer.mozilla.org/ru/docs/Web/API/Elem...

У вас в отладчике есть инфа откуда какие правила приходят. Из какого файла. А отключить файл можно функцией https://wp-kama.ru/function/wp_deregister_style

Если не ошибаюсь, то проблема в contentType. Там нужно что-то вроде multipart/form-data а не application/json