Bitwa rozpoczęła się z rana 24 sierpnia. Obie floty płynęły w kierunku południowym, zachowując wzajemną odległość około 20 kilometrów. Gdy flota angielsko-holenderska zajęła pozycję nawietrzną, ruszyła do ataku. Nie zaskoczyło to Francuzów, którzy postanowili obejść flotę nieprzyjacielską i sami zaatakować od nawietrznej. Uprzedzając ten manewr Anglicy zdołali go udaremnić. Doszło do walki między awangardami obu flot, w czym przewagę uzyskiwali Anglicy. Wkrótce kontakt bojowy nawiązały też ariergardy. Galery francuskie usiłowały dokonać ataku abordażowego na okręty holenderskie, które jednak zdołały obronić się potężnym ogniem działowym. W końcu nastąpiło starcie sił głównych, a w nim przewagę uzyskali Francuzi, głównie dzięki temu, że Anglikom zaczęło brakować amunicji i zmuszeni do jej oszczędzania zmniejszyli natężenie ognia. Z bitwy wycofywało się coraz więcej uszkodzonych okrętów angielskich, co stwarzało obawę, iż flota angielsko-holenderska nie zdoła utrzymać linii. W tej sytuacji admirał George Rooke wezwał na pomoc awangardę admirała Shovella, która wówczas miała przewagę nad awangardą francuską.