lazyload в статьях и блогах

InstantCMS 1.X
#1 28 октября 2017 в 06:57
Lazyload- скрипт отложенной загрузки изображений.
Изображения — это, как правило, самые тяжелые элементы страницы. Поэтому если на странице изображений много, то не стоит загружать их все сразу. Во-первых, это ускорит загрузку страницы, во-вторых, может существенно снизить нагрузку на сервер, а в-третьих, сэкономит трафик пользователю.

скачать скрипт
jquery.lazyload.js положить в /includes/jquery/

в /components/content/frontend.php
после
$article['image'] = (file_exists(PATH.'/images/photos/medium/article'.$article['id'].'.jpg')? 'article'.$article['id'].'.jpg': '');
  1. $article['content'] = str_replace('<img src=', 'img class="lazy" data-original=',$article['content']) ;
в /components/blogs/frontend.php
после
if ($post['cat_id']){
$cat = $inBlog->getBlogCategory($post['cat_id']);
}
  1. $post['content_html'] = str_replace('src=', 'class="lazy" data-original=',$post['content_html']) ;
в конце template.php
  1. <script src="/includes/jquery/jquery.lazyload.js"></script>
  2. <script type="text/javascript">$("img.lazy").lazyload({effect : "fadeIn"});</script>
Все работает отлично, скорость загрузки статей/постов с большим количеством картинок увеличивается в разы, но перестает работать colorbox/
#3 29 октября 2017 в 20:36
Отличная идея, рада что Вы поддерживаете 1 ветку и как то развиваете)) Жду интересные платные компоненты, модули, плагины)))
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.