Штиль задержал сближение флотов, они встали на якорь в виду друг друга. На следующее утро задул западный ветер, который позволил англичанам сблизиться с голландцами. Рано утром 13 июня (3-го — по старому стилю) флот Опдама находился на расстоянии 10–12 лиг к юго-востоку от англичан. Голландский командующий неровными колоннами повел эскадру на запад, пользуясь юго-западным бризом. Он хотел выиграть у противника ветер и поставить авангард британцев в два огня. Англичане также повернули на голландцев и тремя колоннами пошли в атаку. Перестреливаясь на довольно большом расстоянии, противники прошли сквозь огонь и развернулись. Англичане потерь не имели, если не считать корабль Его Величества «Грейт Чарити»
[41], который сел на мель и позже был захвачен голландским капитаном Яном де Хааном на 56-пушечном «Штадт ин Лейде».На второй проход противники решили выстроить корабли в кильватерные колонны, англичане замешкались, но все же смогли построить относительно ровную линию, голландские же корабли держали лишь подобие кордебаталии, с большими разрывами между мателотами.
Согласно замыслу Опдама, с подветренной позиции в линии кильватера он мог крушить корабли англичан, управляя дистанцией стрельбы, однако на деле часть кораблей вывалились из кордебаталии и перекрыли директрису стрельбы другим кораблям. В то же время еще больше смешали ряды голландцев тяжелые тихоходные приватиры, которые с опозданием присоединились к своим.
В результате англичане, выдерживая кильватерную линию, получили возможность громить часть голландских кораблей продольными залпами. Именно в этот момент ядром был убит лейтенант-адмирал фризского адмиралтейства Аукес Штеллингверф, оторвало ногу командиру 4-го дивизиона лейтенант-адмиралу Кортенаэру, его место на капитанском мостике занял квартирмейстер флота Атэ Стинстра. Опдам, видя такое развитие событий, приказал авангарду немного зарифить паруса, и это внесло дополнительную сумятицу в развитие событий, голландские корабли смешались, многие лавировали, чтобы избежать столкновений. Тогда Опдам повел ближайшие к нему суда на английский центр. Флагман голландцев, 76-пушечный «Эндрахт», попытался сблизиться и взять на абордаж 80-пушечный флагман англичан «Ройал Чарльз», однако был отбит с большими потерями. Тем не менее герцог Йоркский чудом остался жив — вокруг него все падали как подкошенные; книппелем был убит граф Фалмут. Мистеру Бойлу, второму сыну графа Берлингтона, ядро попало в голову, осколок черепа несчастного вонзился в руку Якову, тот стоял на шканцах, весь забрызганный кровью.
В разгаре борьбы шальное английское ядро попало в крюйт-камеру «Эндрахта» и тот взлетел на воздух, унеся с собой 404 человека экипажа из 409, в том числе и главнокомандующего флотом Соединенных Провинций — ван Опдама
[42]. Потеря флагмана ввела голландцев в замешательство, многие из кораблей повернули на 180 градусов и увалили под ветер. Голландцы решили выйти из сражения, но, будучи разобщены и не видя приказов от командующего, каждый отряд действовал по-своему.