Jump to content
Sign in to follow this  
Pompey

Как удовлетворить Page Speed Insights для гугла

Recommended Posts

Пытаюсь оптимизировать сайт, чтобы понравится гуглу -

Выполняю вроде его советы, но результат такой же, как и был.

 

вот ссылочка

 

 

Если конкретнее я пытался оптимизировать картинки из основного раздела раздела "необходимо к исправлению"

и CSS файлы с Ява скриптами

пробовал путем скачивания уже оптимизированных гуглом результатов отсюда http://prntscr.com/8m0imk

 

А картинки пробовал 2мя способами. После того как не проканало вставить то, что мне гугл предложил скачать, я пробовал

через запуск jpegtran и optiPNG

 

Но все то же самое.

 

Так же после того как я исправил некоторые баги с отображением в мобильной версии, при просмотре метрики в Яндексе я вижу как будто страниа по прежнему

с той же ошибкой (в главном меню один элемент на другой наезжает)

 

Кто подскажет в чем может быть проблема? 

 

Может кэшируется все это как то? Куда тогда? Как поправить?

Share this post


Link to post
Share on other sites

сервис gtmetrix в помощь

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Similar Content

    • By Yulissi
      Сервер: VPS Beget nginx.
      Версия CMS: Opencart 3.0.3.2.
      Уже установлен: модуль Opencart Lightning.
      Нужно ускорить имеющийся магазин до зеленой зоны Google Pagespeed Insights в следующих типах/шаблонах страниц:
       
      СТРАНИЦА --- текущие показатели мобила/десктоп
       
      1. Главная - https://xn--80aeshfq1a7bxd.xn--p1ai/ --- 24 / 68
      2. Услуга - https://xn--80aeshfq1a7bxd.xn--p1ai/programmirovanie-klyuchej-avto --- 38 / 70
      3. Блог список - https://xn--80aeshfq1a7bxd.xn--p1ai/blog --- 34 / 84
      4. Блог статья - https://xn--80aeshfq1a7bxd.xn--p1ai/kak-propisat-klyuch-v-avto --- 47 / 69
      5. Каталог - https://xn--80aeshfq1a7bxd.xn--p1ai/avtomobilnye-klyuchi 28 / 62
      6. Результаты фильтрации - https://xn--80aeshfq1a7bxd.xn--p1ai/klyuchi-audi-a4 --- 28 / 63
      7. Карточка товара - https://xn--80aeshfq1a7bxd.xn--p1ai/vykidnoj-klyuch-audi-a4-rs4-2004-2009-8e0-837-220-q-s-chipom --- 15 / 65
       
      Условия: на поддомене будет развернута техническая копия сайта. Все манипуляции будут произведены на ней и доказана работоспособность способа - есть результат, ничего не сломано. Как только способ будет утвержден с руководством, те же манипуляции будут произведены на основном домене. 
      Оплата - 100% постоплата, по результатам pagespeed insights.
       
      Сроки, цена и прочие условия в личку.
       
    • By sitecreator
      Максимальное ускорение вашего сайта. Бесплатная настройка от автора.
      Бесплатное апробирование до 7 дней при получении тестового ключа по договоренности с автором.
      При этом (для теста) автор также бесплатно может установить и настроить модуль Hi-Optimizer.
      Для тех, кто не вполне понимает, что такое договоренность:
       
      FAQ: Почему рекомендуется воспользоваться бесплатной настройкой?
       
      Совместим с opencart 1.5, 2.*.*, 3.0.*
      Совместим с opencart (ocstore) 1.5 также.

      Позволяет оптимизировать с целью максимального увеличения скорости загрузки страниц:
      стили (CSS) скрипты (JavaScript) объединение, минификация CSS и т.п. откладывание выполнения JavaScript с малым приоритетом возможность асинхронной загрузки как определенных CSS, так и JavaScript оптимизация всевозможных метрик (Яндекс и др.), аналитик (Гугл, Фейсбук и др.)[с определенной осторожностью и по желанию, не является обязательным] оптимизация всевозможных виджетов (Яндекс, Фейсбук, В Контакте и др. ) виджеты могут загружаться при попадении их в зону просмотра (lazy load для виджетов) оптимизация всевозможных чатов (Jivosite, Яндекс и т.д) оптимизация карт Гугла и Яндекса (загружаются при попадении в зону видимости - lazy load для карт), и др. карт оптимизация загрузки фреймов (iframe) оптимизация видео-вставок Ютюб, youtube.com оптимизация загрузки и отображения шрифтов, причем, как из внешних источников, так и из CSS, загружаемых с вашего сайта отслеживание дублей CSS, JS и, соответственно, предотвращение их повторной загрузки оптимизация загрузки всевозможных Lightbox (magnific-popup, colorbox, fancybox) Основную работу по оптимизации модуль Hi-Optimizer способен выполнить самостоятельно в автоматическом режиме. Также можно в ручном режиме помечать любые скрипты, которым имеет смысл назначить низкий приоритет загрузки и выполнения. Такие скрипты будут выполняться только после загрузки страницы и ее важных компонентов.
       
      Модуль Hi-Optimizer не является панацеей для всех случаев.  Бывают крайне неудачно сделанные сайты (соответственно с оценкой гугла близкой к нулю),  которые без серьезной переделки невозможно оптимизировать, а это только ручная работа с версткой, кодом и т.д. Предлагаю сперва (до заказа услуги или покупки модуля) консультироваться с исполнителем и делать предварительный анализ и прогноз на предмет возможной успешной оптимизации конкретного сайта.
       
      На результат могут отрицательно влиять ошибки в коде HTML, имеются ввиду грубые ошибки (непарность парных тегов, незакрытые кавычки и т.п.). Изначально предполагается, что HTML на странице не содержит грубых ошибок, в противном случае возможна некорректная работа hi-optimizer на таких страницах, тестирование hi-optimizer не проводилось на страницах, содержащих грубые ошибки HTML (синтаксические и иные), соответственно автор не несет никакой ответственности за корректную работу таких страниц.
       
      Выполненные (частично или все) рекомендации гугла по оптимизации и/или увеличение оценки на (минимально) 10 баллов (при первоначальном нахождении в красной зоне, т.е. если стартовая оценка была ниже 50) могут считаться критерием для успешной работы Hi-Optimizer. Конечный результат сильно зависит от индивидуальных особенностей сайта, в первую очередь - от примененного шаблона.
       
      Автор данного программного решения не может брать на себя обязательств, что на вашем конкретном сайте в любом  случае можно непременно достичь оценки гугла в 90+ баллов только лишь за счет применения программного решения "Hi-Optimizer". Оптимизатор Hi-Optimizer в первую очередь позволяет выполнять многие рекомендации гугла в плане оптимизации, например, позволяет снимать блокировку основного потока   (сторонними скриптами)  полностью (или, как миниум, существенно уменьшать ее).
      Под спойлером подробнее о том какими средствами объективного контроля (от гугла) можно оценить как Hi-Optimizer выполняет оптимизацию по конкретным рекомендациям гугла.
       
       
      Какие шаблоны из известных являются сложными для оптимизации?
       


       
      Есть несколько автоматических режимов оптимизации JavaScript , начиная с режима банального группирования скриптов в конце HTML, а также есть несколько режимов продвинутой оптимизации JavaScript. Модуль Hi-Optimizer использует продвинутые современные технологии распараллеливания загрузки скриптов и одновременного выполнения построения страницы, используются где необходимо асинхронная загрузка скриптов, отложенная загрузкаи и комбинация этих способов с синхронной загрузкой и выполнением.

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

      За счет использовния модуля Hi-Optimizer будут выполнены максимально насколько возможно рекомендации Гугла (https://developers.google.com/speed/pagespeed/insights/). Это способствует существенному поднятию оценки Гугла и реальному ускорению.

      В настоящее время модуль Hi-Optimizer работает на самых разных сайтах ( примерное количество: 50+) на движке Opencart (OcStore) версий 1.5, 2.*, 3.0
       
      Модуль Hi-Optimizer не занимается кешированием (ускорением) медленно работающих скриптов php на вашем сервере (хостинге), не ускоряет работу вашей базы данных и т.п. Это сугубо серверные задачи, для которых модуль не предназначен.   Перед модулем нет задачи улучшить отклик сервера, данный параметр гугл называет Reduce server response times (TTFB) .
       
      Пример  (это страница БЕЗ оптимизации): https://hi-optimizer.sitecreator.pro/home00.html
      Тут полный порядок с откликом сервера, в этом плане страница очень быстрая. Вообще в плане серверной оптимизации все идеально, и на сервере улучшать нечего. Но кроме работы программ на сервере есть работа программ на устройстве пользователя, т.е. на его смартфоне (в его браузере), на его компьютере, планшете и т.п.   И вот работа этих программ оказывается в данном примере Не оптимизирована.
       
      Но гугл считает, что скорость этой страницы очень низкая и оценивает ее лишь в 24 балла.
      Это как раз говорит о том насколько важна не только (и часто не столько ) скорость отклика сервера,  а скорость работы страницы сайта в браузере пользователя. В приведенной выше ссылке скорость отклика сервера очень хорошая,  но общая скорость по замерам гугла оказывается очень низкой до оптимизации.
      Модуль Hi-Optimizer как раз и призван решить проблемы на стороне клиента, т.е. оптимизировать выполнение программ на устройстве конечного пользователя.
       
       
       
       
      Оптимизирует практически все, что загружается, работает и "крутится" в браузере пользователя. Особый упор сделан на оптимизацию работы программ (скриптов JS) на смартфонах.  Всевозможные минификации в данном случае играют лишь слабую второстепенную роль в оптимизации. Так, например, оптимизация загрузки и отображения  различных шрифтов  вносит гораздо более весомый вклад чем пресловутая минификация HTML или CSS.
      С учетом того, что на любом хостинге используется сжатие gzip для HTML, CSS, JS, то минификация играет крайне слабую роль в оптимизации, а гугл очень слабо оценивает минификацию (если вообще оценивает).
       
      Т.е. сейчас для оценки скорости загрузки страницы важны совсем другие факторы нежели минификация HTML. Поэтому в данном модуле вы не увидите минификацию HTML (по сути это бесполезная функция). Гораздо важнее скорость анализа CSS, выполнения JS и собственно рендеринг страницы.
       
      Если большой вес изображений, то будет также полезна оптимизация изображений (как их веса, таки и загрузки - lazy load).
       
       
       
      Демо-сайт:
       
      https://hi-optimizer.sitecreator.pro
       
      админка (переходить строго по ссылке, доступ к другим настройкам в админке запрещен):
      https://hi-optimizer.sitecreator.pro/admin/index.php?route=extension/module/hi_optimizer
      hioptimizer
      hioptimizer
       
       
      Оценка сайта гуглом
      https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fhi-optimizer.sitecreator.pro%2F
       

       

       
       
       
      Эта же страница ДО оптимизации (ее оценка ДО оптимизации 27 баллов для мобильных):
      код на 100% совпадает с кодом главной страницы https://hi-optimizer.sitecreator.pro/   ДО оптимизации.
      https://hi-optimizer.sitecreator.pro/home00.html
      ссылка для проверки в гугле:
      https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fhi-optimizer.sitecreator.pro%2Fhome00.html&tab=mobile
       
       
       

       
       
      Часть список из нескольких десятков сайтов, на которых работает Hi-Optimizer:
       
       
       
      Можно по комментарию в исходном коде HTML увидеть, что работает Hi-Optimizer, а также получить дополнительную информацию (такую как потраченное время на оптимизацию страницы).
       
       

       
       
       
    • By sitecreator
      3 300.00 руб
      Скачать/Купить дополнение


      Hi-Optimizer for Opencart - интеллектуальный оптимизатор сайта для повышения скорости загрузки страниц и оценки pagespeed google
      Максимальное ускорение вашего сайта. Бесплатная настройка от автора.
      Бесплатное апробирование до 7 дней при получении тестового ключа по договоренности с автором.
      При этом (для теста) автор также бесплатно может установить и настроить модуль Hi-Optimizer.
      Для тех, кто не вполне понимает, что такое договоренность:
       
      FAQ: Почему рекомендуется воспользоваться бесплатной настройкой?
       
      Совместим с opencart 1.5, 2.*.*, 3.0.*
      Совместим с opencart (ocstore) 1.5 также.

      Позволяет оптимизировать с целью максимального увеличения скорости загрузки страниц:
      стили (CSS) скрипты (JavaScript) объединение, минификация CSS и т.п. откладывание выполнения JavaScript с малым приоритетом возможность асинхронной загрузки как определенных CSS, так и JavaScript оптимизация всевозможных метрик (Яндекс и др.), аналитик (Гугл, Фейсбук и др.)[с определенной осторожностью и по желанию, не является обязательным] оптимизация всевозможных виджетов (Яндекс, Фейсбук, В Контакте и др. ) виджеты могут загружаться при попадении их в зону просмотра (lazy load для виджетов) оптимизация всевозможных чатов (Jivosite, Яндекс и т.д) оптимизация карт Гугла и Яндекса (загружаются при попадении в зону видимости - lazy load для карт), и др. карт оптимизация загрузки фреймов (iframe) оптимизация видео-вставок Ютюб, youtube.com оптимизация загрузки и отображения шрифтов, причем, как из внешних источников, так и из CSS, загружаемых с вашего сайта отслеживание дублей CSS, JS и, соответственно, предотвращение их повторной загрузки оптимизация загрузки всевозможных Lightbox (magnific-popup, colorbox, fancybox) Основную работу по оптимизации модуль Hi-Optimizer способен выполнить самостоятельно в автоматическом режиме. Также можно в ручном режиме помечать любые скрипты, которым имеет смысл назначить низкий приоритет загрузки и выполнения. Такие скрипты будут выполняться только после загрузки страницы и ее важных компонентов.
       
      Модуль Hi-Optimizer не является панацеей для всех случаев.  Бывают крайне неудачно сделанные сайты (соответственно с оценкой гугла близкой к нулю),  которые без серьезной переделки невозможно оптимизировать, а это только ручная работа с версткой, кодом и т.д. Предлагаю сперва (до заказа услуги или покупки модуля) консультироваться с исполнителем и делать предварительный анализ и прогноз на предмет возможной успешной оптимизации конкретного сайта.
       
      На результат могут отрицательно влиять ошибки в коде HTML, имеются ввиду грубые ошибки (непарность парных тегов, незакрытые кавычки и т.п.). Изначально предполагается, что HTML на странице не содержит грубых ошибок, в противном случае возможна некорректная работа hi-optimizer на таких страницах, тестирование hi-optimizer не проводилось на страницах, содержащих грубые ошибки HTML (синтаксические и иные), соответственно автор не несет никакой ответственности за корректную работу таких страниц.
       
      Выполненные (частично или все) рекомендации гугла по оптимизации и/или увеличение оценки на (минимально) 10 баллов (при первоначальном нахождении в красной зоне, т.е. если стартовая оценка была ниже 50) могут считаться критерием для успешной работы Hi-Optimizer. Конечный результат сильно зависит от индивидуальных особенностей сайта, в первую очередь - от примененного шаблона.
       
      Автор данного программного решения не может брать на себя обязательств, что на вашем конкретном сайте в любом  случае можно непременно достичь оценки гугла в 90+ баллов только лишь за счет применения программного решения "Hi-Optimizer". Оптимизатор Hi-Optimizer в первую очередь позволяет выполнять многие рекомендации гугла в плане оптимизации, например, позволяет снимать блокировку основного потока   (сторонними скриптами)  полностью (или, как миниум, существенно уменьшать ее).
      Под спойлером подробнее о том какими средствами объективного контроля (от гугла) можно оценить как Hi-Optimizer выполняет оптимизацию по конкретным рекомендациям гугла.
       
       
      Какие шаблоны из известных являются сложными для оптимизации?
       


       
      Есть несколько автоматических режимов оптимизации JavaScript , начиная с режима банального группирования скриптов в конце HTML, а также есть несколько режимов продвинутой оптимизации JavaScript. Модуль Hi-Optimizer использует продвинутые современные технологии распараллеливания загрузки скриптов и одновременного выполнения построения страницы, используются где необходимо асинхронная загрузка скриптов, отложенная загрузкаи и комбинация этих способов с синхронной загрузкой и выполнением.

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

      За счет использовния модуля Hi-Optimizer будут выполнены максимально насколько возможно рекомендации Гугла (https://developers.google.com/speed/pagespeed/insights/). Это способствует существенному поднятию оценки Гугла и реальному ускорению.

      В настоящее время модуль Hi-Optimizer работает на самых разных сайтах ( примерное количество: 50+) на движке Opencart (OcStore) версий 1.5, 2.*, 3.0
       
      Модуль Hi-Optimizer не занимается кешированием (ускорением) медленно работающих скриптов php на вашем сервере (хостинге), не ускоряет работу вашей базы данных и т.п. Это сугубо серверные задачи, для которых модуль не предназначен.   Перед модулем нет задачи улучшить отклик сервера, данный параметр гугл называет Reduce server response times (TTFB) .
       
      Пример  (это страница БЕЗ оптимизации): https://hi-optimizer.sitecreator.pro/home00.html
      Тут полный порядок с откликом сервера, в этом плане страница очень быстрая. Вообще в плане серверной оптимизации все идеально, и на сервере улучшать нечего. Но кроме работы программ на сервере есть работа программ на устройстве пользователя, т.е. на его смартфоне (в его браузере), на его компьютере, планшете и т.п.   И вот работа этих программ оказывается в данном примере Не оптимизирована.
       
      Но гугл считает, что скорость этой страницы очень низкая и оценивает ее лишь в 24 балла.
      Это как раз говорит о том насколько важна не только (и часто не столько ) скорость отклика сервера,  а скорость работы страницы сайта в браузере пользователя. В приведенной выше ссылке скорость отклика сервера очень хорошая,  но общая скорость по замерам гугла оказывается очень низкой до оптимизации.
      Модуль Hi-Optimizer как раз и призван решить проблемы на стороне клиента, т.е. оптимизировать выполнение программ на устройстве конечного пользователя.
       
       
       
       
      Оптимизирует практически все, что загружается, работает и "крутится" в браузере пользователя. Особый упор сделан на оптимизацию работы программ (скриптов JS) на смартфонах.  Всевозможные минификации в данном случае играют лишь слабую второстепенную роль в оптимизации. Так, например, оптимизация загрузки и отображения  различных шрифтов  вносит гораздо более весомый вклад чем пресловутая минификация HTML или CSS.
      С учетом того, что на любом хостинге используется сжатие gzip для HTML, CSS, JS, то минификация играет крайне слабую роль в оптимизации, а гугл очень слабо оценивает минификацию (если вообще оценивает).
       
      Т.е. сейчас для оценки скорости загрузки страницы важны совсем другие факторы нежели минификация HTML. Поэтому в данном модуле вы не увидите минификацию HTML (по сути это бесполезная функция). Гораздо важнее скорость анализа CSS, выполнения JS и собственно рендеринг страницы.
       
      Если большой вес изображений, то будет также полезна оптимизация изображений (как их веса, таки и загрузки - lazy load).
       
       
       
      Демо-сайт:
       
      https://hi-optimizer.sitecreator.pro
       
      админка (переходить строго по ссылке, доступ к другим настройкам в админке запрещен):
      https://hi-optimizer.sitecreator.pro/admin/index.php?route=extension/module/hi_optimizer
      hioptimizer
      hioptimizer
       
       
      Оценка сайта гуглом
      https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fhi-optimizer.sitecreator.pro%2F
       

       

       
       
       
      Эта же страница ДО оптимизации (ее оценка ДО оптимизации 27 баллов для мобильных):
      код на 100% совпадает с кодом главной страницы https://hi-optimizer.sitecreator.pro/   ДО оптимизации.
      https://hi-optimizer.sitecreator.pro/home00.html
      ссылка для проверки в гугле:
      https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fhi-optimizer.sitecreator.pro%2Fhome00.html&tab=mobile
       
       
       

       
       
      Часть список из нескольких десятков сайтов, на которых работает Hi-Optimizer:
       
       
       
      Можно по комментарию в исходном коде HTML увидеть, что работает Hi-Optimizer, а также получить дополнительную информацию (такую как потраченное время на оптимизацию страницы).
       
       

       
       
       
      Добавил sitecreator Добавлено 10.04.2020 Категория Кэширование, сжатие, ускорение Системные требования php 5.6 - 7.4, Ioncube Loader версии не ниже 10+ Метод активации По запросу в ЛС
      По запросу на почту Ioncube Loader Требуется OpenCart 3.0
      2.3
      2.2
      2.1
      2.0
      1.5.6.4
      1.5.6.3
      1.5.6.2
      1.5.6.1
      1.5.6
      1.5.5.1
      1.5.5
      1.5.4.1
      1.5.3.1 ocStore 3.0
      2.3
      2.2
      2.1
      1.5.5.1.2
      1.5.5.1.1
      1.5.5.1
      1.5.4.1.2
      1.5.4.1.1
      1.5.4.1
      1.5.3.1
      1.5.2.1
      1.5.1.3 OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1 Обращение к серверу разработчика Нет Старая цена 0  
  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.