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

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

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

Может уменьшение картинок увеличило скорость, а загрузка на хостинг дополнительных картинок (маленьких) ее снизило?
0
tryam
1
tryam   08.04.2017 13:32
Идете вот сюда https://developers.google.com/speed/pagespeed/insights/?hl=ru вводите адрес своего сайта (страницы), после анализа спускаетесь вниз страницы и скачиваете архив с оптимизированными изображениями. Не нужно уменьшать размер нужно ОПТИМИЗИРОВАТЬ!
Решение
Sergexpert
1
Sergexpert   08.04.2017 13:31
Вот сервис там их пропустите и будет счастье http://optimizilla.com/ru/
coffee-flight
1
coffee-flight   08.04.2017 13:39
Хмм, спасибо, сейчас исследую обе ссылки. я понимаю, что уменьшение размера/веса - это не вся оптимизация, но все же ее часть
coffee-flight
tryam   08.04.2017 13:48  
Уменьшение это не часть оптимизации, можно уменьшить так, что не разглядишь ничего. Оптимизация убирает лишнюю информацию из картинки, это как например поклеить обои поверх старых, вроде бы красиво, но стена стала немного толще. Еще могу посоветовать вам прогу FastStone Image Viewer перед добавлением на сайт прогоняю через нее и гуглу нравятся такие картинки.
PS: Вы говорили что при нажатии появляется большая картинка, а вы залили маленькую. Так вот, скорее всего, это загружается из кэша, откройте страницу в режиме инкогнито и посмотрите.
coffee-flight
1
coffee-flight   08.04.2017 13:48
Проблема решена, оба сервиса - отличные, теперь буду знать, спасибо большое!
coffee-flight
1
coffee-flight   08.04.2017 14:02
Трям, а в вашем сервисе еще и скрипты и стили оптимизируются фантастишпрактишгуд)) главное, я проверяла скорость этим сервисом не раз, но не опускалась в низ страницы)
coffee-flight
sansan   08.04.2017 17:44  
Не стоит "слепо" переставляьб js и css. Частенбко "предложения" google - не работоспособны (что, в принципе, объяснимо). Сохраняйте исходники.
coffee-flight
tryam   08.04.2017 20:58  
Согласен с sansan, из этого сервиса только картинки, все остальное пусть остается гуглу на память!
Geimi111
0
Geimi111   09.04.2017 10:15
Есть еще бесплатная программа TinyPic, сжимает быстро без потери качества, просто перетаскиваешь картинки в окно программы, можно сразу несколько

Войдите, чтобы написать ответ
Вход Регистрация



Поможем не рискуя купить или продать сайт!