Антон Усачев

<script>здесь js</script>

Фризит, потому что:
1. это картинка и ей нужно больше времени на подгрузку
2. это картинка и ей нужно больше времени на отрисовку
3. картинки вставлены через background, поэтому их загрузка начинается после построения браузером цсс, что также дает задержку

Нужно вынести картинки в img. В идеале вообще отрисовать их в цсс. Можно для анимированной картинки добавить will-change: transform;.

Заметил бонусом: при наведении на верхнее меню дроп с players выдает артефакты (Хром). Решается просто:

* {
      backface-visibility: hidden;
}

Так пробовали?
grid-template-columns: repeat(3, 1fr);

Думаю, нужен реинит слика при переключении табов. Он пытается обратиться к блоку на первом слайде, который уже display: none.

Можно дать последовательную анимацию на jq. Правда, не имея перед глазами проекта, не могу утверждать, что наверняка понял вашу идею. Как вариант:

По сути все просто. Нужно только обратиться к API html5 video, и можно творить все что угодно.

Особо не вдавался, но почему бы просто не дать нужным элементам один класс, после чего обращаться ко всему классу, а не отдельно по айди? Типа того:

function addOnWheel(cases, handler) {
	if (cases.addEventListener) {
		if ('onwheel' in document) {
			cases.addEventListener('wheel', handler);
		} else if ('onmousewheel' in document) {
			cases.addEventListener('mousewheel', handler);
		} else {
			cases.addEventListener('MozMousePixelScroll', handler);
		}
	} else {
		cases.attachEvent('onmousewheel', handler);
	}
}

if ($(window).width() > 1000 && document.querySelectorAll('.all-cases')) {
	var translateY = 1;

	$(window).keydown(function (e) {
		var casesPageStylizationTransform = cases.style.transform;
		if (e.keyCode == 32 || e.keyCode == 40) {
			if (casesPageStylizationTransform != ('translateY(-87.5%)')) translateY -= 1.5;
			cases.style.transform = cases.style.WebkitTransform = cases.style.MsTransform = 'translateY(' + translateY + '%)';
		}
		if (e.keyCode == 38) {
			if (cases.style.transform = ('translateY(' > 0 + '%)')) {
				if (casesPageStylizationTransform <= ('translateY(0%)')) translateY += 1.5;
				cases.style.transform = cases.style.WebkitTransform = cases.style.MsTransform = 'translateY(' + translateY + '%)';
			}
		}
	});

	addOnWheel(cases, function (e) {
		var delta = e.deltaY || e.detail || e.wheelDelta;
		var casesPageStylizationTransform = cases.style.transform;
		if (cases.style.transform = ('translateY(' != -87.5 + '%)')) {
			if (delta > 0 && casesPageStylizationTransform != ('translateY(-87.5%)')) translateY -= 1.5;
			cases.style.transform = cases.style.WebkitTransform = cases.style.MsTransform = 'translateY(' + translateY + '%)';
		}
		if (cases.style.transform = ('translateY(' > 0 + '%)')) {
			if (delta < 0 && casesPageStylizationTransform <= ('translateY(0%)')) translateY += 1.5;
		}
		e.preventDefault();
	});
}

Вообще, можно открыть gmail и подглядеть. Просто вот это все выше даже не вопрос, а (не)предложение заработать от 2000 до 5000 евро. =))

У меня вообще все слиплось.))
Не нашел, как вы стартуете плагин, но есть 3 решения, которые я знаю:
1 (может помочь). Стартовать скрипт в $(window).on('load')
2 (костыль). Давать таймаут на старт скрипта 200—500 ms.
3 (нативный). У того же парня есть классный плагин imagesloaded. Качаем, ставим...

$('все_дочерние_блоки_в_isotope img').imagesLoaded(function () {
    стартуем isotope
});

В данном случае grid рулят.
Набросал в общих чертах:

Думаю, не стоит втыкать $(function)() для каждой функции. Все можно писать в ней.
А ошибки идут по простой причине: на странице нет либо слайдера, либо карт, и скрипт останавливает выполнение.
Решение. Инициировать карты или слайдер только при наличии соответствующих блоков на странице:

if ($('.map-one').length) {
	ymaps.ready(init);
}

if ($('.recall__slider').length) {
	$('.recall__slider').slick({
		dots: true,
		nextArrow: '<button type="button" class="slick-next"><i class="fa fa-angle-right"></i></button>',
		prevArrow: '<button type="button" class="slick-prev"><i class="fa fa-angle-left"></i></button>'
	});
}