Оптимизация под Page Speed

Автор Тема: Оптимизация под Page Speed  (Прочитано 2991 раз)

Оффлайн justmary31Автор темы

  • Бизнес оценка: (0)
  • Пользователь
  • **
  • СПАСИБО: 5
  • Сообщений: 93
  • Карма: -3

Оффлайн justmary31Автор темы

  • Пользователь
  • **
Оптимизация под Page Speed
« : 04-03-2020, 14:48:13 »
Здравствуйте! Может не в ту тему написала, прошу меня за это прoстить, но сегодня вбивала свой сайт в PageSpeed и он показал ужасные результаты. Решила спасать ситуацию. Page Speed пишет, что для оптимизации изображений стоит использовать "Форматы JPEG 2000, JPEG XR и WebP обеспечивают более эффективное сжатие по сравнению с PNG или JPEG, поэтому такие изображения загружаются быстрее и потребляют меньше трафика." Подскажите, кто пользовался, стоит ли это делать и с помощью чего конвертировать?


Онлайн vold57

  • Бизнес оценка: (6, 100%)
  • Мастер
  • *****
  • СПАСИБО: 5291
  • Сообщений: 7323
  • Карма: 289
  • Пол: Мужской
  • Награды Более трех тысяч спасибо Мастер поисковой оптимизации
    • SEO, интернет-маркетинг, сайостроение

Онлайн vold57

  • Мастер
  • *****
Re: Оптимизация под Page Speed
« Ответ #1 : 04-03-2020, 19:29:41 »
Подскажите, кто пользовался, стоит ли это делать
Возьмите и проверьте на одной странице.


Онлайн alexakap

  • Бизнес оценка: (0)
  • Ветеран
  • *****
  • СПАСИБО: 204
  • Сообщений: 541
  • Карма: 22
  • Пол: Мужской

Онлайн alexakap

  • Ветеран
  • *****
Re: Оптимизация под Page Speed
« Ответ #2 : 04-03-2020, 20:50:24 »
Форматы JPEG 2000, JPEG XR и WebP обеспечивают более эффективное сжатие по сравнению с PNG или JPEG, поэтому такие изображения загружаются быстрее и потребляют меньше трафика

Эти форматы поддерживаются не всеми браузерами. Соответственно, надо сначала определить браузер клиента, а потом отдавать ему поддерживаемый формат. Гораздо эффективнее и проще настроить кэширование (на сервере/с помощью модулей или плагинов вашего движка), перенести к себе скрипты/стили/шрифты грузящиеся со сторонних ресурсов, убрать из секции head скрипты, которые блокируют загрузку страницы (чаще всего это счетчики метрики и аналитики). Можно в head подключить критический css, но в будущем могут быть проблемы при разработке, я от этого отказался, да и не особо это отражается на скорости. Чаще всего, перечисленного достаточно, чтобы оказаться в зеленой зоне по Google page speed, естественно при условии быстрого хостинга. Если хотите поиграться с изображениями, то выгрузите их на компьютер и сожмите их чем-нибудь типа fileOptimizer

Онлайн Val_Ery

  • Бизнес оценка: (0)
  • Постоялец
  • ***
  • СПАСИБО: 89
  • Сообщений: 162
  • Карма: 17

Онлайн Val_Ery

  • Постоялец
  • ***
Re: Оптимизация под Page Speed
« Ответ #3 : 04-03-2020, 22:03:20 »
Форматы JPEG 2000, JPEG XR и WebP

Из трех представленных форматов первый (jpeg 2000) полностью поддерживается только Сафари (картинки в этом формате увидят только владельцы макбуков, айфонов/айпадов и аймаков), второй (JPEG XR) - разработка мелкософта, но поддерживается только в ослике 11-ом (IE11). На сегодняшний день microsoft перестала осуществлять поддержку формата в своем "флагманском" браузере ёж (edge), но если у вас установлен windows 10, вы можете увидеть в списке установленных программ модуль поддержки webp.

Получается, на сегодняшний день webp - формат, поддерживаемый всеми мобильными браузерами и десктопными. Исключение составляют Сафари и IE11. Ослик в 10-ой винде от глаз рядового пользователя спрятан (многие и не знают, что он есть), а яблочники отказались выпускать Сафари для Windows (предполагается близкая смерть продукта). Поэтому можно без вопросов конвертировать свои картинки в webp. Гарантированно, 99% пользователей их увидят :)

стоит ли это делать

На моё ИМХО, да.
Вот здесь я приводил в пример две картинки. Учтите, что в webp картинка пожата с параметром качества по умолчанию (80%, по-моему), а результат получается - прим.300 килобайт для 16 мега пиксельного изображения.

Один момент.
Если у вас сайт на голом html - проблем вообще никаких. Почитайте только изначально про picture и srcset, прежде, чем за изменения браться (это для подстрaховки, вдруг кто-то с айфона на ваш сайт зайдет).
А если CMS... Тогда придется искать плагины. Например, под ВордПресс плагинов куча. Но все монстроподобные, на мой взгляд.

с помощью чего конвертировать

Софта всевозможного множество, включая онлайн конвертеры. Из устанавливаемого под винду точно знаю, что можно конвертить в XnView, ImageMagick. Есть плагин для Фотошопа. Лично мне милее оригинальная гугловая утилита cwebp (консольная).
Есть пакет gulp-webp. Это если пользуетесь gulp...
Да чё там :) php-gd с getimagesize или imagewebp (это если версия php на сервере, где сайт, ниже чем 7.1).

В общем, вариантов "с помощью чего" множество.

Оффлайн KEBUH

  • Бизнес оценка: (0)
  • Пользователь
  • **
  • СПАСИБО: 12
  • Сообщений: 91
  • Карма: 2

Оффлайн KEBUH

  • Пользователь
  • **
Re: Оптимизация под Page Speed
« Ответ #4 : 04-03-2020, 22:44:25 »
WebP  лучше не делать, его не все браузеры нормально воспринимают, поэтому на джепегах, сжатых через Оптимизиллу, вполне можно остановиться. на 30-50% режь качество - глазу не заметно, а по весу под 80% упадёт.


Онлайн Val_Ery

  • Бизнес оценка: (0)
  • Постоялец
  • ***
  • СПАСИБО: 89
  • Сообщений: 162
  • Карма: 17

Онлайн Val_Ery

  • Постоялец
  • ***
Re: Оптимизация под Page Speed
« Ответ #5 : 05-03-2020, 06:21:19 »
Относительно поддержки webp: лучше сами посмотрите, кто что поддерживает. А советы пожать жипеги с 50% лучше игнорируйте, ибо на результат без слез не взглянешь

Оффлайн justmary31Автор темы

  • Бизнес оценка: (0)
  • Пользователь
  • **
  • СПАСИБО: 5
  • Сообщений: 93
  • Карма: -3

Оффлайн justmary31Автор темы

  • Пользователь
  • **
Re: Оптимизация под Page Speed
« Ответ #6 : 05-03-2020, 10:06:11 »
Всем спасибо за советы!

Оффлайн TipTopSeo

  • Бизнес оценка: (0)
  • Дебютант
  • *
  • СПАСИБО: 0
  • Сообщений: 2
  • Карма: 0

Оффлайн TipTopSeo

  • Дебютант
  • *
Re: Оптимизация под Page Speed
« Ответ #7 : 07-03-2020, 16:57:23 »
Оптимизация под Page speed относительная. Лучше потестите загрузку самого сайта, на сколько он быстро загружается на таких сервисах как: ГТметрикс или вебпейджспид.

Оффлайн <seo>Алексей</seo>

  • Бизнес оценка: (0)
  • Ветеран
  • *****
  • СПАСИБО: 288
  • Сообщений: 549
  • Карма: 57
  • Награды SEO Профессионал SEO-специалист КМС поисковой оптимизации

Оффлайн <seo>Алексей</seo>

  • Ветеран
  • *****
Re: Оптимизация под Page Speed
« Ответ #8 : 18-03-2020, 10:05:07 »
 Ох уж этот раздутый speed test. Лучше сравните выдачу сайтов по вашим запросам. Если есть в выдаче (а они есть наверняка) сайт, с более худшими показателями, то не обращайте на этот показатель внимание. Копайте в другом месте ;)
Бесплатные СЕО-консультации. Skype: ycnex-pr / тел: +7 (999) 200-20-57 Сайт ycnex-pr.ru


Оффлайн Ruby BOOM

  • Бизнес оценка: (0)
  • Пользователь
  • **
  • СПАСИБО: 4
  • Сообщений: 56
  • Карма: 1
  • Пол: Мужской
  • Люблю людей!
    • ЭРА ТЕХНОЛОГИЙ

Оффлайн Ruby BOOM

  • Пользователь
  • **
  • Доп. информация
    • Бизнес оценка: (0)
    • СПАСИБО: 4
    • Сообщений: 56
    • Карма: 1
    • Пол: Мужской
    • Люблю людей!
      • ЭРА ТЕХНОЛОГИЙ
Re: Оптимизация под Page Speed
« Ответ #9 : 18-03-2020, 10:35:35 »
А насколько ужасные показатели? Можно цифры?
Если есть реклама на сайте, то попробует отключить ее и проверить сайт еще раз. У меня реклама отнимает половину баллов. Так что возможно дело и не сайте-то вовсе.


 

Похожие темы

  Тема / Автор Ответов Последний ответ
124 Ответов
72447 Просмотров
Последний ответ 12-06-2020, 22:58:30
от Astral
0 Ответов
1320 Просмотров
Последний ответ 20-02-2012, 11:48:14
от MoJo
0 Ответов
654 Просмотров
Последний ответ 28-11-2017, 11:48:58
от hopea114y
4 Ответов
1986 Просмотров
Последний ответ 20-02-2019, 14:21:59
от johnmart
0 Ответов
1064 Просмотров
Последний ответ 27-06-2019, 10:13:21
от hellraiser91