SEO Сообщество: Спрашивайте и помогайте

Присоединяйтесь к сообществу профессиональных веб-мастеров PR-CY, отвечайте на вопросы коллег и задавайте свои.

Q&A SEO

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

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

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

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

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