Максим Виксна, сама по себе(одна) эта анимация почти ничего не грузит у меня.
Анимации лучше брать в основе которых лежит канвас, svg менее производителен по определению.
Если интересно, то у меня есть плагин для анимаций в замену jquery'ного метода $.animate (не для данного случая, а в целом). Легковесный, на ванильном JS. SmoothAnimate Справляется лучше, чем некоторые CSS анимации.
Максим Виксна, Сухие цифры не дадут никакого представления. Они ведь относительно некоторого железа. Для понимания, я бы сделал так: взял бы какой-нибудь минимально приемлемый по производительности на сегодня аппарат типо iPhone 5s и посмотрел как на нём ведёт себя сайт. Отсюда уже и танцевать.
Максим Виксна, Касаемо анимаций, это в некотором роде наука. Можно одно и то же сделать разными способами, а получить огромную разницу в производительности. Советую углубиться и почитать, какие свойства лучше всего анимировать.
вкладка Performance monitor показывает какую нагрузку оказывает только данная страница?
Не уверен, но либо Хром в целом, либо вкладка. Это значения не имеет, так как при простое нагрузка должна стремиться к нулю, а при нагрузке будет заметно возрастать и давать понимание о производительности кода.
Максим Виксна, Некоторые из вкладок в DevTools не показаны по умолчанию. Там есть настройки и можно включить дополнительные вкладки. Нажал на три вертикальные точки:
Павел Матвеев, эх... студент... учу как гуглить: что видишь, то и пишешь. В данном случае: blue border input disable. *проверил, да, действительно, мой опыт не подвёл - первая ссылка*. Все эти "как", "при", "выделении" только замыливают выдачу. Писать нужно самые ключевые слова проблемы.
Павел Матвеев, странно. Какие запросы то писали? И да, убирать это не самая лучшая практика, следуют подумать за людей с ограниченными возможностями. Вот, почитайте - outlinenone
Максим Ленский, ну так а почему его используют? Кто в здравом уме будет переписывать проекты, уже написанные на жуйквери, многие годы назад? Отсюда и эта сумашедшая статистика по его использованию. Это нужно быть дичайшим энтузиастом и перфекционистом. Если оно работает, так пускай и работает, лучше это время потратить на создание чего-то нового, а вот что-то новое начинать писать на jQuery - это уже максимально странно.
Я не ненавижу jQuery, я сам на нём писал и есть много старого кода, где он у меня до сих пор фигурирует, что-то из этого есть смысл переписать, а что-то – нет.
Максим Ленский, серьёзно? Потому что он ушёл в историю? Потому что в нём уже нет никакой необходимости? Потому что то, для чего он был спроектирован уже хорошо работает out of the box? То, что кто-то там его ещё использует, это как говорится, его проблемы. Это шлейф легаси. Лень.
Вадим Круглов, мы говорим о разном: JavaScript конечно стоит учить, я говорю о том, что уже поздно учить jQuery (это библиотека. ей место в помойке уже)
SmiritelnayaRubashka, умение самостоятельно искать информацию, формулировать, решать проблемы - навыки, которые важны не меньше, чем знание языка(не важно какого).
Vincent Moro, не тяжело, высокоуровневые языки +- одинаковы. Я, к примеру, вообще не зная Python, но владея другими языками, взялся на нем пилить решение задачи заказчику. В итоге и с новым языком познакомился и деняк заработал. Профит.
Анимации лучше брать в основе которых лежит канвас, svg менее производителен по определению.
Если интересно, то у меня есть плагин для анимаций в замену jquery'ного метода $.animate (не для данного случая, а в целом). Легковесный, на ванильном JS. SmoothAnimate Справляется лучше, чем некоторые CSS анимации.