Если вам нравится SbUP Форум, вы можете поддержать его - BTC: bc1qppjcl3c2cyjazy6lepmrv3fh6ke9mxs7zpfky0 , TRC20 и ещё....

 

Как оптимизировать загрузку изображений?

Автор MoJo, 14-03-2014, 18:20:37

« назад - далее »
Печать
Вниз Страницы1
Действия пользователя

MoJoTopic starter

14-03-2014, 18:20:37
Сменил на сайте itnovosti.org шаблон. На новом шаблоне изображения сжимаются через стили css до 80px (оригинальный размер изображений, обычно, больше 400px). Из-за этого page speed показывает низкий балл скорости загрузки страницы и указывает на ошибки. [spoiler=Вот пример:]Размер следующих изображений изменяется в HTML или CSS. Предоставление изображения с нужными пропорциями позволит уменьшить его размер на 756.3Кб (на 84%).

    Размер http://itnovosti.org/uploads/posts/2014-03/thumbs/1394790016_1392824419_b09af48543905139125e31e1633e8832.jpg изменяется в HTML или CSS с 300x275 до 80x80. Предоставление изображения с правильными пропорциями поможет уменьшить его размер на 55.7Кб (на 92%).
    Размер http://itnovosti.org/uploads/posts/2014-03/thumbs/1394792150_1389594556_8e0d6a28d31de9a15cf9645a38aa5bb4.jpg изменяется в HTML или CSS с 300x288 до 80x80. Предоставление изображения с правильными пропорциями поможет уменьшить его размер на 53.8Кб (на 92%).
    Размер http://itnovosti.org/uploads/posts/2014-03/thumbs/1394790403_1392624915_lg-l-series-iii-android-kitkat-announced-1_002.jpg изменяется в HTML или CSS с 300x199 до 80x80. Предоставление изображения с правильными пропорциями поможет уменьшить его размер на 46.3Кб (на 89%).
    Размер http://itnovosti.org/uploads/posts/2014-03/thumbs/1394778201_1394524333_zbox_ei750_14.jpg изменяется в HTML или CSS с 300x205 до 80x80. Предоставление изображения с правильными пропорциями поможет уменьшить его размер на 46.1Кб (на 89%).
    Размер http://itnovosti.org/uploads/posts/2014-03/thumbs/1394790424_1392358210_0040ff8f804d1d63b5694686e2727760.jpg изменяется в HTML или CSS с 300x247 до 80x80. Предоставление изображения с правильными пропорциями поможет уменьшить его размер на 46.0Кб (на 91%).
    Размер http://itnovosti.org/uploads/posts/2014-03/thumbs/1394790776_1391410800_a617d96690f9419bb4c293c77a17ea61.jpg изменяется в HTML или CSS с 300x324 до 80x80. Предоставление изображения с правильными пропорциями поможет уменьшить его размер на 45.2Кб (на 93%).
    Размер http://itnovosti.org/uploads/posts/2014-03/thumbs/1394789011_1393244017_dbcbcec62d1557b58606596d33262221.jpeg изменяется в HTML или CSS с 300x260 до 80x80. Предоставление изображения с правильными пропорциями поможет уменьшить его размер на 42.9Кб (на 91%).
    Размер http://itnovosti.org/uploads/posts/2014-03/thumbs/1394790113_1392731254_blackberry-z3-jakarta-press-render-and-specs_1.jpg изменяется в HTML или CSS с 300x227 до 80x80. Предоставление изображения с правильными пропорциями поможет уменьшить его размер на 35.5Кб (на 90%).
    Размер http://itnovosti.org/uploads/posts/2014-03/thumbs/1394788869_1393276498_9f586cde26ddc62c6e3ba12ef38b470f.jpg изменяется в HTML или CSS с 300x199 до 80x80. Предоставление изображения с правильными пропорциями поможет уменьшить его размер на 34.1Кб (на 89%).
    Размер http://itnovosti.org/uploads/posts/2014-03/thumbs/1394778429_1394196116_image-059.jpg изменяется в HTML или CSS с 300x213 до 187x120. Предоставление изображения с правильными пропорциями поможет уменьшить его размер на 31.9Кб (на 64%).
    Размер http://itnovosti.org/uploads/posts/2014-03/thumbs/1394789781_1392969323_6e1036e900022348f4ea404c201dc5fa.jpg изменяется в HTML или CSS с 300x251 до 187x120. Предоставление изображения с правильными пропорциями поможет уменьшить его размер на 31.0Кб (на 70%).
    Размер http://itnovosti.org/uploads/posts/2014-03/thumbs/1394790373_1392638780_large_002.jpg изменяется в HTML или CSS с 300x226 до 80x80. Предоставление изображения с правильными пропорциями поможет уменьшить его размер на 30.9Кб (на 90%).
    Размер http://itnovosti.org/uploads/posts/2014-03/thumbs/1394788816_1393344922_new-blackberry-z3.jpg изменяется в HTML или CSS с 300x224 до 80x80. Предоставление изображения с правильными пропорциями поможет уменьшить его размер на 29.4Кб (на 90%).
    Размер http://itnovosti.org/uploads/posts/2014-03/thumbs/1394777925_1394710997_archos-64-xenon-back201.jpg изменяется в HTML или CSS с 300x225 до 80x80. Предоставление изображения с правильными пропорциями поможет уменьшить его размер на 29.0Кб (на 90%).
    Размер http://itnovosti.org/uploads/posts/2014-03/thumbs/1394788210_image-09.jpg изменяется в HTML или CSS с 300x211 до 80x80. Предоставление изображения с правильными пропорциями поможет уменьшить его размер на 28.8Кб (на 89%).
    Размер http://itnovosti.org/uploads/posts/2014-03/thumbs/1394789124_1393243012_718dea52675c74c961174c7d8da3be2c.jpg изменяется в HTML или CSS с 300x169 до 80x80. Предоставление изображения с правильными пропорциями поможет уменьшить его размер на 24.8Кб (на 87%).
    Размер http://itnovosti.org/uploads/posts/2014-03/thumbs/1394778091_1394689950_g750jz_right_s_open135-copy-1000x680.jpg изменяется в HTML или CSS с 300x175 до 80x80. Предоставление изображения с правильными пропорциями поможет уменьшить его размер на 22.3Кб (на 87%).
    Размер http://itnovosti.org/uploads/posts/2014-03/thumbs/1394788821_1393427893_image-0598.jpg изменяется в HTML или CSS с 300x146 до 80x80. Предоставление изображения с правильными пропорциями поможет уменьшить его размер на 22.0Кб (на 85%).
    Размер http://itnovosti.org/uploads/posts/2014-02/1392400528_htc8.jpg изменяется в HTML или CSS с 251x400 до 80x80. Предоставление изображения с правильными пропорциями поможет уменьшить его размер на 19.8Кб (на 93%).
    Размер http://itnovosti.org/uploads/posts/2014-03/thumbs/1394778327_1394437799_d9876ad92228249935a49369d07a61e9.jpg изменяется в HTML или CSS с 300x166 до 187x120. Предоставление изображения с правильными пропорциями поможет уменьшить его размер на 19.4Кб (на 54%).
    Размер http://itnovosti.org/uploads/posts/2014-03/thumbs/1394790595_1391615779_chromebox-side-640x350.jpg изменяется в HTML или CSS с 300x164 до 80x80. Предоставление изображения с правильными пропорциями поможет уменьшить его размер на 18.7Кб (на 86%).
    Размер http://itnovosti.org/uploads/posts/2014-03/thumbs/1394778105_1394541026_511fbef1aade5997e2043875faf7e0e2.png изменяется в HTML или CSS с 300x126 до 187x120. Предоставление изображения с правильными пропорциями поможет уменьшить его размер на 15.5Кб (на 41%).
    Размер http://itnovosti.org/uploads/posts/2014-03/thumbs/1394778110_1394542230_shuttle1.jpg изменяется в HTML или CSS с 300x120 до 80x80. Предоставление изображения с правильными пропорциями поможет уменьшить его размер на 14.7Кб (на 82%).
    Размер http://itnovosti.org/uploads/posts/2014-03/thumbs/1394777679_gsmarena_001_003.jpg изменяется в HTML или CSS с 300x165 до 80x80. Предоставление изображения с правильными пропорциями поможет уменьшить его размер на 12.4Кб (на 87%).[/spoiler]

Так вот вопрос:
Как можно ускорить загрузку страницы?
  •  

budavnik

#1
14-03-2014, 22:14:14
Цитата: MoJo от 14-03-2014, 18:20:37
Сменил на сайте itnovosti.org шаблон. На новом шаблоне изображения сжимаются через стили css до 80px (оригинальный размер изображений, обычно, больше 400px). Из-за этого page speed показывает низкий балл скорости загрузки страницы и указывает на ошибки. [spoiler=Вот пример:]Размер следующих изображений изменяется в HTML или CSS. Предоставление изображения с нужными пропорциями позволит уменьшить его размер на 756.3Кб (на 84%).

    Размер http://itnovosti.org/uploads/posts/2014-03/thumbs/1394790016_1392824419_b09af48543905139125e31e1633e8832.jpg изменяется в HTML или CSS с 300x275 до 80x80. Предоставление изображения с правильными пропорциями поможет уменьшить его размер на 55.7Кб (на 92%).
    Размер http://itnovosti.org/uploads/posts/2014-03/thumbs/1394792150_1389594556_8e0d6a28d31de9a15cf9645a38aa5bb4.jpg изменяется в HTML или CSS с 300x288 до 80x80. Предоставление изображения с правильными пропорциями поможет уменьшить его размер на 53.8Кб (на 92%).
    Размер http://itnovosti.org/uploads/posts/2014-03/thumbs/1394790403_1392624915_lg-l-series-iii-android-kitkat-announced-1_002.jpg изменяется в HTML или CSS с 300x199 до 80x80. Предоставление изображения с правильными пропорциями поможет уменьшить его размер на 46.3Кб (на 89%).
    Размер http://itnovosti.org/uploads/posts/2014-03/thumbs/1394778201_1394524333_zbox_ei750_14.jpg изменяется в HTML или CSS с 300x205 до 80x80. Предоставление изображения с правильными пропорциями поможет уменьшить его размер на 46.1Кб (на 89%).
    Размер http://itnovosti.org/uploads/posts/2014-03/thumbs/1394790424_1392358210_0040ff8f804d1d63b5694686e2727760.jpg изменяется в HTML или CSS с 300x247 до 80x80. Предоставление изображения с правильными пропорциями поможет уменьшить его размер на 46.0Кб (на 91%).
    Размер http://itnovosti.org/uploads/posts/2014-03/thumbs/1394790776_1391410800_a617d96690f9419bb4c293c77a17ea61.jpg изменяется в HTML или CSS с 300x324 до 80x80. Предоставление изображения с правильными пропорциями поможет уменьшить его размер на 45.2Кб (на 93%).
    Размер http://itnovosti.org/uploads/posts/2014-03/thumbs/1394789011_1393244017_dbcbcec62d1557b58606596d33262221.jpeg изменяется в HTML или CSS с 300x260 до 80x80. Предоставление изображения с правильными пропорциями поможет уменьшить его размер на 42.9Кб (на 91%).
    Размер http://itnovosti.org/uploads/posts/2014-03/thumbs/1394790113_1392731254_blackberry-z3-jakarta-press-render-and-specs_1.jpg изменяется в HTML или CSS с 300x227 до 80x80. Предоставление изображения с правильными пропорциями поможет уменьшить его размер на 35.5Кб (на 90%).
    Размер http://itnovosti.org/uploads/posts/2014-03/thumbs/1394788869_1393276498_9f586cde26ddc62c6e3ba12ef38b470f.jpg изменяется в HTML или CSS с 300x199 до 80x80. Предоставление изображения с правильными пропорциями поможет уменьшить его размер на 34.1Кб (на 89%).
    Размер http://itnovosti.org/uploads/posts/2014-03/thumbs/1394778429_1394196116_image-059.jpg изменяется в HTML или CSS с 300x213 до 187x120. Предоставление изображения с правильными пропорциями поможет уменьшить его размер на 31.9Кб (на 64%).
    Размер http://itnovosti.org/uploads/posts/2014-03/thumbs/1394789781_1392969323_6e1036e900022348f4ea404c201dc5fa.jpg изменяется в HTML или CSS с 300x251 до 187x120. Предоставление изображения с правильными пропорциями поможет уменьшить его размер на 31.0Кб (на 70%).
    Размер http://itnovosti.org/uploads/posts/2014-03/thumbs/1394790373_1392638780_large_002.jpg изменяется в HTML или CSS с 300x226 до 80x80. Предоставление изображения с правильными пропорциями поможет уменьшить его размер на 30.9Кб (на 90%).
    Размер http://itnovosti.org/uploads/posts/2014-03/thumbs/1394788816_1393344922_new-blackberry-z3.jpg изменяется в HTML или CSS с 300x224 до 80x80. Предоставление изображения с правильными пропорциями поможет уменьшить его размер на 29.4Кб (на 90%).
    Размер http://itnovosti.org/uploads/posts/2014-03/thumbs/1394777925_1394710997_archos-64-xenon-back201.jpg изменяется в HTML или CSS с 300x225 до 80x80. Предоставление изображения с правильными пропорциями поможет уменьшить его размер на 29.0Кб (на 90%).
    Размер http://itnovosti.org/uploads/posts/2014-03/thumbs/1394788210_image-09.jpg изменяется в HTML или CSS с 300x211 до 80x80. Предоставление изображения с правильными пропорциями поможет уменьшить его размер на 28.8Кб (на 89%).
    Размер http://itnovosti.org/uploads/posts/2014-03/thumbs/1394789124_1393243012_718dea52675c74c961174c7d8da3be2c.jpg изменяется в HTML или CSS с 300x169 до 80x80. Предоставление изображения с правильными пропорциями поможет уменьшить его размер на 24.8Кб (на 87%).
    Размер http://itnovosti.org/uploads/posts/2014-03/thumbs/1394778091_1394689950_g750jz_right_s_open135-copy-1000x680.jpg изменяется в HTML или CSS с 300x175 до 80x80. Предоставление изображения с правильными пропорциями поможет уменьшить его размер на 22.3Кб (на 87%).
    Размер http://itnovosti.org/uploads/posts/2014-03/thumbs/1394788821_1393427893_image-0598.jpg изменяется в HTML или CSS с 300x146 до 80x80. Предоставление изображения с правильными пропорциями поможет уменьшить его размер на 22.0Кб (на 85%).
    Размер http://itnovosti.org/uploads/posts/2014-02/1392400528_htc8.jpg изменяется в HTML или CSS с 251x400 до 80x80. Предоставление изображения с правильными пропорциями поможет уменьшить его размер на 19.8Кб (на 93%).
    Размер http://itnovosti.org/uploads/posts/2014-03/thumbs/1394778327_1394437799_d9876ad92228249935a49369d07a61e9.jpg изменяется в HTML или CSS с 300x166 до 187x120. Предоставление изображения с правильными пропорциями поможет уменьшить его размер на 19.4Кб (на 54%).
    Размер http://itnovosti.org/uploads/posts/2014-03/thumbs/1394790595_1391615779_chromebox-side-640x350.jpg изменяется в HTML или CSS с 300x164 до 80x80. Предоставление изображения с правильными пропорциями поможет уменьшить его размер на 18.7Кб (на 86%).
    Размер http://itnovosti.org/uploads/posts/2014-03/thumbs/1394778105_1394541026_511fbef1aade5997e2043875faf7e0e2.png изменяется в HTML или CSS с 300x126 до 187x120. Предоставление изображения с правильными пропорциями поможет уменьшить его размер на 15.5Кб (на 41%).
    Размер http://itnovosti.org/uploads/posts/2014-03/thumbs/1394778110_1394542230_shuttle1.jpg изменяется в HTML или CSS с 300x120 до 80x80. Предоставление изображения с правильными пропорциями поможет уменьшить его размер на 14.7Кб (на 82%).
    Размер http://itnovosti.org/uploads/posts/2014-03/thumbs/1394777679_gsmarena_001_003.jpg изменяется в HTML или CSS с 300x165 до 80x80. Предоставление изображения с правильными пропорциями поможет уменьшить его размер на 12.4Кб (на 87%).[/spoiler]

Так вот вопрос:
Как можно ускорить загрузку страницы?
Изменить размер картинок!
http://budavnik.by Строить и жить помогаем! // А кушать хочется всегда! :) http://prodportal.info // Не упоминай имя Господа всуе! http://turki.by
  •  

vrublik

#2
15-03-2014, 00:18:55 Последнее редактирование: 15-03-2014, 00:22:25 от vrublik
Во первых используйте  картинку с нужным Вам размером.
Во вторых скачайте и установите File Optimizer (оптимизирует и уменьшает вес изображений разных форматов)
Скачать можно тут:
[spoiler]
http://rsload.net/soft/cleaner-disk/14504-file-optimizer.html [/spoiler] Прогоните все свои картинки с сайта и залейте повторно.
После заливки оптимизированіых изображений page speed перестанет ругаться  :)
Обзор инструментов для сжатия изображений прочитайте здесь и подберите себе программу
[spoiler]
http://habrahabr.ru/post/168251/[/spoiler]
  •  

MoJoTopic starter

#3
15-03-2014, 12:45:20
Попробую File optimizer, до этого пользовался jpegmini.com
Ещё некорректно отображается полная новость и категории в браузере Mozilla. Кто, что скажет?
  •  

budavnik

#4
15-03-2014, 22:24:41
Цитата: MoJo от 15-03-2014, 12:45:20
...Ещё некорректно отображается полная новость и категории в браузере Mozilla. Кто, что скажет?
У меня в Мозиле Ваш сайт отображается корректно...Может вносили изменения  и не почистили кэш???
http://budavnik.by Строить и жить помогаем! // А кушать хочется всегда! :) http://prodportal.info // Не упоминай имя Господа всуе! http://turki.by
  •  
Печать
Вверх Страницы1
Действия пользователя

Если вам нравится SbUP Форум, вы можете поддержать его - BTC: bc1qppjcl3c2cyjazy6lepmrv3fh6ke9mxs7zpfky0 , TRC20 и ещё....