sgatpage3

Устраняем пункт Оптимизируйте изображения” в PageSpeed Insights

СОДЕРЖАНИЕ
10
29 января 2019

оптимизируем изображениЯ page speed
Приветствую на wpsovet.ru. Как и обещал сейчас буду разбирать следующий пункт PageSpeed Insights, который гласит так “Оптимизируйте изображения, правильный формат и сжатие изображений позволяет сократить их объем.” Я думаю из названия все понятно, ваши графические элементы на сайте слишком много занимают места, а соответственно и дольше загружаются браузерами пользователей.

Последствия

Чем для вас грозит эта проблема:

  1. Просто посетители будут от вас уходить, не дождавшись ответа сайта.
  2. Понижение в выдаче поисковиков. Если к вам пришел посетитель из поиска, то у роботов яндекса и гугла включается режим наблюдения, они смотрят как ведет себя человек на вашем сайте, и если он просто закрывает страницу не дождавшись даже загрузки, то это просто минус минусов.
  3. Место на хостинге не резиновое, у кого-то вообще 500 мб, и такое расточительство не простительно.

И это еще не полный список всех проблем, а всего-то надо на пять минут подольше посидеть, и все будет отлично. У меня для вас четыре метода, но приоритетный только один, но он будет в самом конце статьи, так что читайте дальше.

Способы угодить правилам

  1. Плагины, я посмотрел много из них, мало того что сам факт его наличия на блоге, так еще и сами по себе хреново работают. Я нашел штук наверное пять, и не остался в восторге. Многие просят зарегистрироваться, и получить свой API ключ, конечно бесплатный, но в последствии могут запросить денежку. Степень сжатия вообще никакая, я сам увеличиваю результат в разы. Короче, если вы не привыкли запариваться, то это для вас, я ничего советовать не буду, так как достойных не нашел, не для меня.
  2. Сервисы, тут я вам помогу, у меня есть один в загашнике, он очень крутой, название у него очень длинное просто вот вам статья, там ничего сложного, все расписано и на мой взгляд стоит внимания.
  3. Третий пункт неоднозначный 50/50, тут решение предлагает сам PageSpeed Insights, он предоставляет уже сжатый вариант собственного приготовления. Смотрите на скриншот ниже, будет все понятнее.
    PageSpeed Insights и сжатие картинок
    Если у вас что-то не в порядке, то гугл сам предоставит все оптимизированное содержимое, только пользуйтесь. Что качается JS и CSS, то там все в порядке, но об этом позже, а вот картинки, придется посмотреть и проверить. Нажимайте на ссылку  “изображения, ресурсы JavaScript и CSS” и к вам на компьютер автоматом будут загружены все неудовлетворяющие файлы, уже в исправленном формате, запакованные в архив. Далее открываем, и там три папки и один html документ.
    оптимизируем изображения page speed
    С директориями CSS и js разберемся попозже, в других постах, нас сейчас интересует image, открываем ее (предварительно распаковать архив), и видим там уже оптимизированные картинки. Я не буду приводить скриншот, там вы ничего нового не увидите. Но без подсказки разобраться будет трудно, и наш друг google даже сделал нам специальный файл с путями расположения всех интересующих нас изображений. Открываем “MANIFEST”, хоть через сам браузер, в нем все пути где лежат “не очень хорошие объекты”.
    PageSpeed Insights и сжатие изображений
    Как видно из снимка, то все расписано очень подробно. Если вас устраивает качество, то смело заменяйте оригиналы на скаченное из PageSpeed Insights, тем более адреса у вас есть.

    Делайте обязательно резервные копии, вдруг что, бывает всякое. Но вообще гугл молодец, настолько все продумать, и даже предоставить готовый пример, я снимаю шляпу и аплодирую.

  4. Ну вот и добрались, до моего последнего раздела, и самого важного. Не буду оригинален, если вы следите за блогом, то моя прошлая запись была про программу RIOT, вот она нам и пригодится, никто из приведенного списка не дотягивают до нее. Все про этот полезный софт написано здесь. Там все есть, и где скачать и как пользоваться, и достоинства и недостатки Говорю сразу же, все остальное так для разогрева, а этот пункт самое главное. Все что сжималось в этой программе никогда не попадало в игнор правил pagespeed’а, а качество просто на высоте.

Вывод.

На этом у меня все, мои итоги таковы, плагины не стоят внимания вообще, интернет ресурсы хорошо (может быть и лучше), сам google справляется на половину, а вот стационарный софт справляется просто супер.

P.S. А теперь вы скажите какой из примеров лучше всего подходит вам, и помогла ли вам статья?

Комментировать
10
Комментарии
  1. Петр ()
    Ответить

    Ну мне в принципе этот пункт не особо мешает. Но полезно было узнать как его удалить в PageSpeed Insights.

  2. Дмитрий ()
    Ответить

    Статья помогла. Давно хотел уже удалить этот пункт. Огромное спасибо за ценную информацию.


  3. Warning: is_file(): open_basedir restriction in effect. File(/home/v/valent5k/wpsovet.ru/public_html/wp-content/uploads/gravatar/fd3540646b4176a053d1199ff1059626-s50.jpg) is not within the allowed path(s): (/var/www/b5821/data:.) in /var/www/b5821/data/www/wpsovet.ru/wp-content/plugins/nix-gravatar-cache/nf-gravatar-cache.php on line 164

    Warning: fopen(): open_basedir restriction in effect. File(/home/v/valent5k/wpsovet.ru/public_html/wp-content/uploads/gravatar/fd3540646b4176a053d1199ff1059626-s50.jpg) is not within the allowed path(s): (/var/www/b5821/data:.) in /var/www/b5821/data/www/wpsovet.ru/wp-content/plugins/nix-gravatar-cache/nf-gravatar-cache.php on line 206

    Warning: fopen(/home/v/valent5k/wpsovet.ru/public_html/wp-content/uploads/gravatar/fd3540646b4176a053d1199ff1059626-s50.jpg): failed to open stream: Operation not permitted in /var/www/b5821/data/www/wpsovet.ru/wp-content/plugins/nix-gravatar-cache/nf-gravatar-cache.php on line 206

    Warning: fwrite() expects parameter 1 to be resource, boolean given in /var/www/b5821/data/www/wpsovet.ru/wp-content/plugins/nix-gravatar-cache/nf-gravatar-cache.php on line 208

    Warning: fclose() expects parameter 1 to be resource, boolean given in /var/www/b5821/data/www/wpsovet.ru/wp-content/plugins/nix-gravatar-cache/nf-gravatar-cache.php on line 209
    Игорь ()
    Ответить

    Опять таки, проще сразу сжимать изображения в Microsoft Office Manager, которые будут самого минимального размера. Можно выбрать пункт “для электронной почты” и загружаться такие изображения будут быстро.

  4. Александр ()
    Ответить

    Неплохая статья, хорошо расписано. Мне больше TinyPNG понравился, меньше заметны потери качества изображений


  5. Warning: is_file(): open_basedir restriction in effect. File(/home/v/valent5k/wpsovet.ru/public_html/wp-content/uploads/gravatar/72c2febd5afa69eb64d56549e78fa485-s50.jpg) is not within the allowed path(s): (/var/www/b5821/data:.) in /var/www/b5821/data/www/wpsovet.ru/wp-content/plugins/nix-gravatar-cache/nf-gravatar-cache.php on line 164

    Warning: fopen(): open_basedir restriction in effect. File(/home/v/valent5k/wpsovet.ru/public_html/wp-content/uploads/gravatar/72c2febd5afa69eb64d56549e78fa485-s50.jpg) is not within the allowed path(s): (/var/www/b5821/data:.) in /var/www/b5821/data/www/wpsovet.ru/wp-content/plugins/nix-gravatar-cache/nf-gravatar-cache.php on line 206

    Warning: fopen(/home/v/valent5k/wpsovet.ru/public_html/wp-content/uploads/gravatar/72c2febd5afa69eb64d56549e78fa485-s50.jpg): failed to open stream: Operation not permitted in /var/www/b5821/data/www/wpsovet.ru/wp-content/plugins/nix-gravatar-cache/nf-gravatar-cache.php on line 206

    Warning: fwrite() expects parameter 1 to be resource, boolean given in /var/www/b5821/data/www/wpsovet.ru/wp-content/plugins/nix-gravatar-cache/nf-gravatar-cache.php on line 208

    Warning: fclose() expects parameter 1 to be resource, boolean given in /var/www/b5821/data/www/wpsovet.ru/wp-content/plugins/nix-gravatar-cache/nf-gravatar-cache.php on line 209
    Александр ()
    Ответить

    Кстати этим методом пользуюсь, после каждой новой статьи проверяю, иногда приходится по рекомендации гугл картинку сжатую скачивать и закидывать. Лучше уделить 5 минут на эту процедуру, чем блог будет впоследствии все дольше и дольше грузится=))


    • Warning: is_file(): open_basedir restriction in effect. File(/home/v/valent5k/wpsovet.ru/public_html/wp-content/uploads/gravatar/458c441fbb7710b73e0eccd1e3400841-s50.jpg) is not within the allowed path(s): (/var/www/b5821/data:.) in /var/www/b5821/data/www/wpsovet.ru/wp-content/plugins/nix-gravatar-cache/nf-gravatar-cache.php on line 164

      Warning: fopen(): open_basedir restriction in effect. File(/home/v/valent5k/wpsovet.ru/public_html/wp-content/uploads/gravatar/458c441fbb7710b73e0eccd1e3400841-s50.jpg) is not within the allowed path(s): (/var/www/b5821/data:.) in /var/www/b5821/data/www/wpsovet.ru/wp-content/plugins/nix-gravatar-cache/nf-gravatar-cache.php on line 206

      Warning: fopen(/home/v/valent5k/wpsovet.ru/public_html/wp-content/uploads/gravatar/458c441fbb7710b73e0eccd1e3400841-s50.jpg): failed to open stream: Operation not permitted in /var/www/b5821/data/www/wpsovet.ru/wp-content/plugins/nix-gravatar-cache/nf-gravatar-cache.php on line 206

      Warning: fwrite() expects parameter 1 to be resource, boolean given in /var/www/b5821/data/www/wpsovet.ru/wp-content/plugins/nix-gravatar-cache/nf-gravatar-cache.php on line 208

      Warning: fclose() expects parameter 1 to be resource, boolean given in /var/www/b5821/data/www/wpsovet.ru/wp-content/plugins/nix-gravatar-cache/nf-gravatar-cache.php on line 209
      Лифанов Валентин ()
      Ответить

      Только надо проверять качество картинок которые выдает гугл.


  6. Warning: is_file(): open_basedir restriction in effect. File(/home/v/valent5k/wpsovet.ru/public_html/wp-content/uploads/gravatar/b4a13a522e39f899b305c528e11b2e6b-s50.jpg) is not within the allowed path(s): (/var/www/b5821/data:.) in /var/www/b5821/data/www/wpsovet.ru/wp-content/plugins/nix-gravatar-cache/nf-gravatar-cache.php on line 164

    Warning: fopen(): open_basedir restriction in effect. File(/home/v/valent5k/wpsovet.ru/public_html/wp-content/uploads/gravatar/b4a13a522e39f899b305c528e11b2e6b-s50.jpg) is not within the allowed path(s): (/var/www/b5821/data:.) in /var/www/b5821/data/www/wpsovet.ru/wp-content/plugins/nix-gravatar-cache/nf-gravatar-cache.php on line 206

    Warning: fopen(/home/v/valent5k/wpsovet.ru/public_html/wp-content/uploads/gravatar/b4a13a522e39f899b305c528e11b2e6b-s50.jpg): failed to open stream: Operation not permitted in /var/www/b5821/data/www/wpsovet.ru/wp-content/plugins/nix-gravatar-cache/nf-gravatar-cache.php on line 206

    Warning: fwrite() expects parameter 1 to be resource, boolean given in /var/www/b5821/data/www/wpsovet.ru/wp-content/plugins/nix-gravatar-cache/nf-gravatar-cache.php on line 208

    Warning: fclose() expects parameter 1 to be resource, boolean given in /var/www/b5821/data/www/wpsovet.ru/wp-content/plugins/nix-gravatar-cache/nf-gravatar-cache.php on line 209
    witos1 ()
    Ответить

    Проверяю на сжатие уже все сжато ни хрена пишит сожмите сжимаю по новой 0% сжатия уже не куда пишит сажмите что за хрень.


    • Warning: is_file(): open_basedir restriction in effect. File(/home/v/valent5k/wpsovet.ru/public_html/wp-content/uploads/gravatar/458c441fbb7710b73e0eccd1e3400841-s50.jpg) is not within the allowed path(s): (/var/www/b5821/data:.) in /var/www/b5821/data/www/wpsovet.ru/wp-content/plugins/nix-gravatar-cache/nf-gravatar-cache.php on line 164

      Warning: fopen(): open_basedir restriction in effect. File(/home/v/valent5k/wpsovet.ru/public_html/wp-content/uploads/gravatar/458c441fbb7710b73e0eccd1e3400841-s50.jpg) is not within the allowed path(s): (/var/www/b5821/data:.) in /var/www/b5821/data/www/wpsovet.ru/wp-content/plugins/nix-gravatar-cache/nf-gravatar-cache.php on line 206

      Warning: fopen(/home/v/valent5k/wpsovet.ru/public_html/wp-content/uploads/gravatar/458c441fbb7710b73e0eccd1e3400841-s50.jpg): failed to open stream: Operation not permitted in /var/www/b5821/data/www/wpsovet.ru/wp-content/plugins/nix-gravatar-cache/nf-gravatar-cache.php on line 206

      Warning: fwrite() expects parameter 1 to be resource, boolean given in /var/www/b5821/data/www/wpsovet.ru/wp-content/plugins/nix-gravatar-cache/nf-gravatar-cache.php on line 208

      Warning: fclose() expects parameter 1 to be resource, boolean given in /var/www/b5821/data/www/wpsovet.ru/wp-content/plugins/nix-gravatar-cache/nf-gravatar-cache.php on line 209
      Лифанов Валентин ()
      Ответить

      В какой из страниц такое встречается?

  7. Сергей ()
    Ответить

    Здравствуйте!
    В скаченных рекомендациях к замене некоторые файлы с расширением png вместо gif … скорее всего они работать не будут – надо код править?


    • Warning: is_file(): open_basedir restriction in effect. File(/home/v/valent5k/wpsovet.ru/public_html/wp-content/uploads/gravatar/458c441fbb7710b73e0eccd1e3400841-s50.jpg) is not within the allowed path(s): (/var/www/b5821/data:.) in /var/www/b5821/data/www/wpsovet.ru/wp-content/plugins/nix-gravatar-cache/nf-gravatar-cache.php on line 164

      Warning: fopen(): open_basedir restriction in effect. File(/home/v/valent5k/wpsovet.ru/public_html/wp-content/uploads/gravatar/458c441fbb7710b73e0eccd1e3400841-s50.jpg) is not within the allowed path(s): (/var/www/b5821/data:.) in /var/www/b5821/data/www/wpsovet.ru/wp-content/plugins/nix-gravatar-cache/nf-gravatar-cache.php on line 206

      Warning: fopen(/home/v/valent5k/wpsovet.ru/public_html/wp-content/uploads/gravatar/458c441fbb7710b73e0eccd1e3400841-s50.jpg): failed to open stream: Operation not permitted in /var/www/b5821/data/www/wpsovet.ru/wp-content/plugins/nix-gravatar-cache/nf-gravatar-cache.php on line 206

      Warning: fwrite() expects parameter 1 to be resource, boolean given in /var/www/b5821/data/www/wpsovet.ru/wp-content/plugins/nix-gravatar-cache/nf-gravatar-cache.php on line 208

      Warning: fclose() expects parameter 1 to be resource, boolean given in /var/www/b5821/data/www/wpsovet.ru/wp-content/plugins/nix-gravatar-cache/nf-gravatar-cache.php on line 209
      Лифанов Валентин ()
      Ответить

      Здравствуйте, да конечно расширение придется заменять. Gif самый тяжелый формат, поэтому гугл и перекодировал в более легкий jpeg, и еще дело может быть в самом размере файла по ширине и длине.