Jump to content

Recommended Posts

jQuery async load

Скачать/Купить дополнение

Модуль позволяет переместить javascript-скрипты из шапки в подвал сайта и подгружать их асинхронно, тем самым ускорить отрисовку страницы, увеличить баллы в Google Pagespeed и повысить ранжирование в поисковой выдаче.

Важно: модуль распространяется по принципу – одна лицензия на один домен.

 

С его помощью можно добиться 100/100 баллов в Google PageSpeed Insights. Но только если вы выполнили все рекомендации Google PageSpeed Insights, кроме пункта "Удалите код JavaScript и CSS, блокирующий отображение верхней части страницы". В противном случае результат может быть всего на пару процентов лучше. 
Демо: https://matuvi.com/oc2/async/


pagespeed.thumb.jpg.b9ac28f0f3a141cb741a66cc696d3a23.jpg

 

Внимание. На демо помимо самого модуля оптимизированы изображения и включен кэш (не входит в модуль). 

Протестировано на версиях OpenCart/ocStore 2.0.1.1, 2.1.0.2 и 2.3.0.2.3 на стандартных шаблонах со стандартным набором модулей.
Автор модуля не гарантирует стабильную работу со сторонними плагинами и шаблонами.


Теоретически модуль будет работать и на других версиях и сборках (пока кроме 3+).
Если самостоятельно модуль установить не удалось: пишите в тему поддержки - поможем настроить.


  • Добавил
  • Добавлено
    22.01.2018
  • Категория
  • Системные требования
  • Сайт разработчика
    https://matuvi.com/
  • Метод активации
    Без активации
  • Ioncube Loader
    Нет
  • OpenCart
    2.3
    2.2
    2.1
    2.0
  • ocStore
    2.3
    2.2
    2.1
  • OpenCart.Pro, ocShop
    Не проверялось
  • Обращение к серверу разработчика
    Нет
  • Старая цена

 

Share this post


Link to post
Share on other sites

При установке модуля время загрузки увеличилось. В инсталл файле написано. Модуль готов к работе! Перейдите на витрину магазина и убедитесь что все работает. А как это проверить в витрине магазина. Что должно быть?

Share this post


Link to post
Share on other sites

Какие отзывы? Есть толк от этого дополнения?

Share this post


Link to post
Share on other sites
В 18.03.2018 в 11:07, dlipovskiy сказал:

При установке модуля время загрузки увеличилось. В инсталл файле написано. Модуль готов к работе! Перейдите на витрину магазина и убедитесь что все работает. А как это проверить в витрине магазина. Что должно быть?

В вашем случае в используемом шаблоне скрипты подгружались не как нормально это реализовано в родном шаблоне, а захардкожено через if-чики. Модуль частично не отработал т.к. предусмотреть все вариации невозможно. Убедиться что все работает - означает убедиться что ничего не сломалось что раньше работало - карусели, слайдеры и т.д. У вас ломался слайдер. Эти конфликты были устранены

Share this post


Link to post
Share on other sites
В 25.03.2018 в 23:45, yurok79 сказал:

Какие отзывы? Есть толк от этого дополнения?

Модуль - не панацея от всех проблем со скоростью. Не будет так, что поставите его и сайт начнет грузиться за 0.1 сек. Скорее он относится к тонкой оптимизации, когда основные проблемы исправлены - кэш, оптимизация изображений, минификация кода и т.д. Внимательно читайте описание - модуль асинхронно подгружает все jQuery скрипты, тем самым не блокирует отрисовку страницы. Если не понимаете пользу от этого  - то рекомендую воздержаться от покупки. Т.к. при наличии более серьезных проблем скорее всего не увидите прироста скорости.

Share this post


Link to post
Share on other sites

Google PageSpeed Insights уже не замеряет скорость

 

Для этого есть утилита Lighthouse от google

 

По ней на демо сайте такие результаты

 

5ad9bd769edac_2018-04-2013_13_32.thumb.png.eb5134fdd80fec0620d7a6ffb873608a.png

Share this post


Link to post
Share on other sites
3 часа назад, rezhisser сказал:

Google PageSpeed Insights уже не замеряет скорость

Все он замеряет. Это совершенно разные сервисы. Вот по лайтхаусу в 100% вывести OpenCart нереально ;). Асинхронная загрузка скриптов ускоряет отрисовку страниц сайта? - да, ускоряет. Значит сайт будет работать быстрее. Разнесите файлы по CDN - сайт ускорится. Сожмите и закэшируйте контент - сайт ускорится. Но идеала нигде нет и не будет. Если бы PageSpeed Insights не работал, его бы закрыли, а они наоборот его не так давно обновили. Теперь чистую демку, например эту https://demo.ocstore.com/ прогоните по лайтхаусу и сравните результат с моей демкой

Share this post


Link to post
Share on other sites
18 часов назад, Dragon сказал:

Все он замеряет

 

Ну там же черным по белому написано Скорость - Unavailable)
Как раз после обновления они убрали от туда скорость и рекомендуют замерять производительность утилитой Lighthouse 

 

Но я не говорю, что ваш модуль плохой. Он делает свою задачу, просто показывать картинку с PageSpeed Insights некорректно

 

Лучше показать результат Lighthouse с включенным и отключенным модулем

 

Share this post


Link to post
Share on other sites
2 часа назад, rezhisser сказал:

Скорость - Unavailable)

Это от сайта зависит и/или от сервера. Например вот: 

screen.jpg

Share this post


Link to post
Share on other sites

@Dragon мне прям интерестно стало, на моём сайте почему-то скорость вообще не отображается

Share this post


Link to post
Share on other sites

Демо сайт - потрясающе! :D jQuery не загрузился ;)

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 sitecreator
      УСЛУГА (работа):
      Оптимизация сайта на опенкарт 1.5, 2.* и 3.0
      В состав работ входит установка и настройка необходимого софта, включая разработки для оптимизации (модули) от
      @sitecreator
      Никакой код вашего сайта не правится без возможности отката изменений. Это гарантия того, что в случае любых сомнений (или просто ради теста) вы можете отключить оптимизированную версию сайта и вернуться к первоначальной.
       
      Разработчик уверен в результате и может предложить вам оптимизацию до ее оплаты с пробным периодом в 7 дней. Предложение может быть ограничено ввиду временного отсутствия свободного времени.
       
      тестовый сайт:
      https://hi-optimizer.sitecreator.pro/
      схема дефолтная, но с виджетами, счетчиками, картой, видео-вставкой.
      проверка показателей pagespeed для данного сайта:
      https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fhi-optimizer.sitecreator.pro%2F
       
      При отсутствии оптимизации данный сайт оценивается гуглом в 28 баллов. После оптимизации - 98...99 баллов для мобильных.
      Это не означает, что любой сайт можно вывести в зону 90+ баллов при малом бюджете (как в данной услуге). Но существенно поднять оценку можно.
      Вы можете заметить, что в списке моих работ  не все сайты достигли уровня в 90+ баллов.
       
       
      Работа производится с применением профессионального инструмента оптимизатора (Hi-Optimizer by SiteCreator):
       

       
       
      На сайте оптимизируются (список не является исчерпывающим):
       
      стили (CSS) скрипты (JavaScript) объединение, минификация CSS и т.п. откладывание выполнения JavaScript с малым приоритетом задание приоритета выполнения автоматически или в ручном режиме возможность асинхронной загрузки как определенных CSS, так и JavaScript оптимизация всевозможных метрик (Яндекс и др.), аналитик (Гугл, Фейсбук и др.)  (по желанию и при необходимости) оптимизация всевозможных виджетов (Яндекс, Фейсбук, В Контакте и др. ) виджеты могут загружаться при попадении их в зону просмотра (lazy load для виджетов) оптимизация всевозможных чатов (Jivosite, Яндекс и т.д) оптимизация карт Гугла и Яндекса (загружаются при попадении в зону видимости - lazy load для карт), и др. карт оптимизация загрузки фреймов (iframe) оптимизация видео-вставок Ютюб, youtube.com оптимизация загрузки и отображения шрифтов, причем, как из внешних источников, так и из CSS, загружаемых с вашего сайта отслеживание дублей CSS, JS и, соответственно, предотвращение их повторной загрузки оптимизация загрузки всевозможных Lightbox (magnific-popup, colorbox, fancybox) другое по необходимости (определяется на основе анализа сайта)  
      Поскольку сперва производится анализ сайта, то невозможно до завершения анализа сайта перечислить все необходимые действия по оптимизации конкретного сайта. Работы по оптимизации производятся с учетом конкретных особенностей сайта. К каждому сайту  - индивидуальный подход!
       
      Работа проводится без изменения кода сайта с применением технологии ocmod.  Вы в любой момент можете откатить любые изменения. Даже после обновления шаблона на новую версию результат оптимизации сохраняется почти всегда, но может потребоваться иногда небольшая настройка. Т.е. обычно в таких случаях не нужно заново с нуля проводить оптимизацию. В этом большое преимущество данного подхода к оптимизации - он максимально гибкий и с хорошей переносимостью кода.  Включить или выключить оптимизацию кода на сайте вы можете одной кнопкой.
       

       
      На дефолтном движке и дефолтной теме для мобильных такой результат можете получить как на скриншоте ниже. На других сайтах общий результат также будет зависеть от оптимизации скорости отдачи самой страницы и оптимизации изображений.
       
       
      Результат гарантируется!
       
      Оптимизация отклика сервера и скорости генерации сервером страниц (отдаваемый HTML) не входит в данную услугу. По оптимизации серверной части пользуйтесь другими услугами.
      Как правило, отклик страницы в 1 сек или быстрее не сильно влияет на возможность достижения высоких баллов по оценке Гугла. Т.е. в настоящее время гугл придает наибольшее значение в своей оценке именно оптимизации скриптов JavaScript, CSS, и меньше придает значение скорости отклика сервера, но все в разумных пределах, разумеется.
       
      Для разработчиков, оптимизаторов и др. девелоперов возможна индивидуальная скидка до 50%  от начальной стоимости. Да и просто тем, кто заказывает 2-й раз данную услугу также могу предложить скидку.
      За купоном на скидку, пожалуйста, обращайтесь в личку или на почту opencart@sitecreator.ru.
       

       
       
      Для работы используется профессиональный инструмент:
       
       

       
       
       
      Реальные сайты, на которых производилась оптимизация:
       

       

       

       

       

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


      Оптимизация и ускорение сайта для максимального повышения оценки pagespeed Гугла
      УСЛУГА (работа):
      Оптимизация сайта на опенкарт 1.5, 2.* и 3.0
      В состав работ входит установка и настройка необходимого софта, включая разработки для оптимизации (модули) от
      @sitecreator
      Никакой код вашего сайта не правится без возможности отката изменений. Это гарантия того, что в случае любых сомнений (или просто ради теста) вы можете отключить оптимизированную версию сайта и вернуться к первоначальной.
       
      Разработчик уверен в результате и может предложить вам оптимизацию до ее оплаты с пробным периодом в 7 дней. Предложение может быть ограничено ввиду временного отсутствия свободного времени.
       
      тестовый сайт:
      https://hi-optimizer.sitecreator.pro/
      схема дефолтная, но с виджетами, счетчиками, картой, видео-вставкой.
      проверка показателей pagespeed для данного сайта:
      https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fhi-optimizer.sitecreator.pro%2F
       
      При отсутствии оптимизации данный сайт оценивается гуглом в 28 баллов. После оптимизации - 98...99 баллов для мобильных.
      Это не означает, что любой сайт можно вывести в зону 90+ баллов при малом бюджете (как в данной услуге). Но существенно поднять оценку можно.
      Вы можете заметить, что в списке моих работ  не все сайты достигли уровня в 90+ баллов.
       
       
      Работа производится с применением профессионального инструмента оптимизатора (Hi-Optimizer by SiteCreator):
       

       
       
      На сайте оптимизируются (список не является исчерпывающим):
       
      стили (CSS) скрипты (JavaScript) объединение, минификация CSS и т.п. откладывание выполнения JavaScript с малым приоритетом задание приоритета выполнения автоматически или в ручном режиме возможность асинхронной загрузки как определенных CSS, так и JavaScript оптимизация всевозможных метрик (Яндекс и др.), аналитик (Гугл, Фейсбук и др.)  (по желанию и при необходимости) оптимизация всевозможных виджетов (Яндекс, Фейсбук, В Контакте и др. ) виджеты могут загружаться при попадении их в зону просмотра (lazy load для виджетов) оптимизация всевозможных чатов (Jivosite, Яндекс и т.д) оптимизация карт Гугла и Яндекса (загружаются при попадении в зону видимости - lazy load для карт), и др. карт оптимизация загрузки фреймов (iframe) оптимизация видео-вставок Ютюб, youtube.com оптимизация загрузки и отображения шрифтов, причем, как из внешних источников, так и из CSS, загружаемых с вашего сайта отслеживание дублей CSS, JS и, соответственно, предотвращение их повторной загрузки оптимизация загрузки всевозможных Lightbox (magnific-popup, colorbox, fancybox) другое по необходимости (определяется на основе анализа сайта)  
      Поскольку сперва производится анализ сайта, то невозможно до завершения анализа сайта перечислить все необходимые действия по оптимизации конкретного сайта. Работы по оптимизации производятся с учетом конкретных особенностей сайта. К каждому сайту  - индивидуальный подход!
       
      Работа проводится без изменения кода сайта с применением технологии ocmod.  Вы в любой момент можете откатить любые изменения. Даже после обновления шаблона на новую версию результат оптимизации сохраняется почти всегда, но может потребоваться иногда небольшая настройка. Т.е. обычно в таких случаях не нужно заново с нуля проводить оптимизацию. В этом большое преимущество данного подхода к оптимизации - он максимально гибкий и с хорошей переносимостью кода.  Включить или выключить оптимизацию кода на сайте вы можете одной кнопкой.
       

       
      На дефолтном движке и дефолтной теме для мобильных такой результат можете получить как на скриншоте ниже. На других сайтах общий результат также будет зависеть от оптимизации скорости отдачи самой страницы и оптимизации изображений.
       
       
      Результат гарантируется!
       
      Оптимизация отклика сервера и скорости генерации сервером страниц (отдаваемый HTML) не входит в данную услугу. По оптимизации серверной части пользуйтесь другими услугами.
      Как правило, отклик страницы в 1 сек или быстрее не сильно влияет на возможность достижения высоких баллов по оценке Гугла. Т.е. в настоящее время гугл придает наибольшее значение в своей оценке именно оптимизации скриптов JavaScript, CSS, и меньше придает значение скорости отклика сервера, но все в разумных пределах, разумеется.
       
      Для разработчиков, оптимизаторов и др. девелоперов возможна индивидуальная скидка до 50%  от начальной стоимости. Да и просто тем, кто заказывает 2-й раз данную услугу также могу предложить скидку.
      За купоном на скидку, пожалуйста, обращайтесь в личку или на почту opencart@sitecreator.ru.
       

       
       
      Для работы используется профессиональный инструмент:
       
       

       
       
       
      Реальные сайты, на которых производилась оптимизация:
       

       

       

       

       

       
      Добавил sitecreator Добавлено 17.04.2020 Категория Услуги  
  • 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.