Перед боем адмирал Тинг приказал однотипным кораблям держаться вместе, все корабли должны были по возможности сражаться носом к неприятелю, а всем капитанам следовало повторять маневры адмирала. Такие расплывчатые приказы Тинг отдал потому, что не верил в подготовку своего флота и сомневался в надежности связи во время боя. Впрочем, кое-какие приготовления к бою были сделаны заранее, например, почти все шлюпки были оставлены в Порт-Артуре, чтобы уменьшить число осколков. На кораблях установили траверзы из мешков с песком и с углем. На «Чжень-Юань» помпы работали непрерывно малым ходом, и вода все время обильно смачивала палубу для предотвращения пожаров.
Адмирал Ито разделил свой флот на два отряда, которые должны были действовать самостоятельно. Под его собственным командованием находились 3 бронепалубных крейсера типа «Мацусима», тот самый «Тиёда» и всякое старье. Быстроходная эскадра адмирала Цубоя состояла из 4 крейсеров, она имела приказ действовать самостоятельно. 10 лет спустя в бою при Цусиме японцы снова используют эту тактику, сформировав отдельную эскадру из броненосных крейсеров. Но в тот момент это было любопытное тактическое новшество, до сих пор непреложным постулатом считалось, что флот должен держаться соединенно. Причина проста – при малых скоростях старых кораблей нельзя было рассчитывать на своевременное появление отдельного отряда в нужной точке. Однако эскадра Цубоя имела скорость около 19 узлов, о чем ранее даже мечтать было нельзя.
Подготовка японского флота находилась на более высоком уровне, хотя заявления, будто она была хороша, все-таки следует подвергнуть сомнению. Во всяком случае, ранее японские офицеры не показали отменной выучки и умения быстро реагировать на изменившуюся ситуацию. Скажем, адмирал Ито допустил совершенно очевидную ошибку, включив в состав своей эскадры плавучие ископаемые, вроде так называемого броненосца «Фусо», что привело к совершенно неоправданному снижению эскадренной скорости, ничуть не повысив силу соединения.
Китайский командующий адмирал Тинг выбрал строй фронта, но дальнейшие события наглядно продемонстрировали все недостатки данного построения. Для начала сказалась плохая выучка китайских команд, и хотя скорость эскадры была не более 6 узлов, фланги начали отставать, фронт превратился в полумесяц. Японцы следовали строем кильватера, причем эскадра Цубоя, которую часто именуют также летучим отрядом, была выдвинута немного вперед.
Первый выстрел в 12.20 дала правая башня «Дин-Юаня» с дистанции около 6000 метров. Снаряд лег недолетом, но результат все равно оказался потрясающим. Адмирал Тинг получил не то контузию, не то нервное потрясение, и его пришлось унести вниз, в его каюту, где он провалялся около 2 часов. Командование принял на себя капитан «Дин-Юаня». Ответный выстрел «Иосино» тоже был недолетом.
Тем временем летучий отряд японцев увеличил скорость до 14 узлов и начал охват правого крыла китайского строя. Это был совершенно очевидный маневр, противодействовать которому строй фронта не может. Китайские броненосцы повернули на 2 румба вправо, но кто отдал этот приказ – неизвестно, в результате строй китайцев окончательно смешался.
Японцы сосредоточили огонь на двух правофланговых крейсерах, которые сразу загорелись. Японская эскадра словно окуталась облаком густого дыма, в котором мелькали красные вспышки выстрелов. Китайским артиллеристам, привыкшим к старым орудиям, такая скорострельность казалась просто чудом, однако меткость японцев оставляла желать много лучшего. И все-таки количество выпущенных снарядов сказалось, оба китайских крейсера бросились наутек, причем один из них выбросился на берег, а второй почти успел это сделать, но затонул на мелководье, и команду пришлось снимать с мачт, торчащих из воды. Между прочим, можно считать, что японцам повезло, так как на правом фланге у китайцев находились крейсера «Чао-Юн» и «Янг-Вей», вооруженные 254-мм орудиями, буквально один такой снаряд – и небронированным японским крейсерам не поздоровилось бы.
Тем временем разгорелся бой в центре, так как китайские броненосцы подошли вплотную к эскадре Ито и открыли жаркий огонь с минимальной дистанции. В результате рассыпался и японский строй. Старый броненосный корвет «Хиэй» под угрозой тарана был вынужден прорезать строй китайцев, пройдя между их броненосцами. Концевые корабли Ито отстали, им угрожала гибель, но положение спас адмирал Цубой, вернувшийся после разгрома китайского правого фланга.