Уменьшила картинки - скорость загрузки увеличилась! помогите советом.

Привет!
Я любитель в сайтостроительстве, но, тем не менее, опыт в пару лет работы с html и css есть.
Хочется повысить скорость загрузки страниц сайта, сейчас она колеблется от 20 до 30 для мобильных и пк согласно инструменту проверки скорости от гугла: https://testmysite.withgoogle.com/intl/ru-ru/, что очень плохо.

Этот сервис говорит, что больше всего скорость уменьшают неоптимизированные изображения, коих на сайте очень много.
Я начала пробовать их оптимизировать на этой странице: http://www.kamennoe-reshenie.ru/galereya-vannaya
Галерея сделана так, что при открытии страницы выводятся маленькие картинки, а при нажатии на картинку она увеличивается на этой же странице (во всплывающем окне). 
Изначально все картинки были загружены в большом виде, а уменьшала их с помощью css.
Я уменьшила все изображения в редакторе изображений от майкрософт офис (иконка - красный квадратик, у всех есть эта программа). И теперь при открытии страницы загружаются маленькие картинки, и только при нажатии - большая версия. Суммарный вес изображений уменьшился с 2724 кб до 448 кб!
Но при новой проверке оказалось, что скорость не только не увеличилась, но даже уменьшилась примерно на 10%!
Не могу понять в чем дело((( если кто посмотрит, буду очень благодарна.

Может уменьшение картинок увеличило скорость, а загрузка на хостинг дополнительных картинок (маленьких) ее снизило?