Изображения — это, как правило, самые тяжелые элементы страницы. Поэтому если на странице изображений много, то не стоит загружать их все сразу. Во-первых, это ускорит загрузку страницы, во-вторых, может существенно снизить нагрузку на сервер, а в-третьих, сэкономит трафик пользователю.
скачать скрипт
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': '');
$article['content'] = str_replace('<img src=', 'img class="lazy" data-original=',$article['content']) ;
после
if ($post['cat_id']){
$cat = $inBlog->getBlogCategory($post['cat_id']);
}
<script src="/includes/jquery/jquery.lazyload.js"></script> <script type="text/javascript">$("img.lazy").lazyload({effect : "fadeIn"});</script>