Георгий Климов

Собственно разобрался, может кому-то поможет - необходимо прописать прокси в конфигурации browserSync:

gulp.task('browser-sync', function() {
	browserSync({
		proxy: "http://localhost:8888/website/app/",
		notify: false,
		browser: 'google chrome',
	})
});

P.S. Для будущих поколений оставлю здесь так же короткую инструкцию по добавлению php-интерпретатора в PhpStorm: https://www.youtube.com/watch?v=CqHWhaPOfos

Отложить загрузку на 5 секунд - выход, но грубоватый (имхо конечно). Я делаю по-другому - оборачиваю код в скролл-ивент + задержка в 1 секунду. То есть, сайт загрузился быстро, и как только пользователь начал скроллить хоть чуть-чуть - секундный таймаут и загрузка дополнительных ресурсов. Гугл доволен, пользователи вообще не замечают задержки:

var fired = false;

window.addEventListener('scroll', () => {
    if (fired === false) {
        fired = true;
        
        setTimeout(() => {
            // Здесь все эти тормознутые трекеры, чаты и прочая ересь,
            // без которой жить не может отдел маркетинга, и которые
            // дико бесят разработчиков, когда тот же маркетинг приходит
            // с вопросом "почему сайт медленно грузится, нам гугл сказал"
        }, 1000)
    }
});

У вас все ломает новый label от jquery validation. Есть метод errorPlacement в jquery validation, в котором вы можете указать, куда поместить элемент с ошибкой, например так:

errorPlacement: function (error, element) {
    if (element.attr("type") == "checkbox") {
        return element.next('label').append(error);
    }

     error.insertAfter($(element));
}