AlexProfit

Итоги!!!
Благодаря

Как фотографии подгружать lazy load

И так, как сделать ленивую загрузку картинок. Актуально для сайтов, где много фоток хорошего качества.


1. Скачиваем файл jquery.lazyload.js и копируем его в /includes/jquery/
2. далее в /components/content/frontend.php перед строкой 241 вставляем код

Если делать только для статей, лучше добавить только в конце файла \templates\твой шаблон\components\com_content_read.tpl код

Если делать для всего сайта
Подключаем скрипт в файл \templates\твой шаблон\template.php В самом конце, перед </body></html>

Полистал сейчас твои статьи, у тебя по одной — две картинки на странице, такой код эффективен когда в статье сотня фотографий хорошего качества.
Смотри сам, можешь оставить.
Может кому нибудь еще пригодится.

Да посмотрел, что на скорость загрузки не повлияло.
Работа проделана большая, поэтому инфу оставлю.
Буду знать как применить на сайтах с большим числом картинок.

Еще раз благодарю за уделенное время.

попробуй в \components\content\frontend.php
перед строкой 241

Сделал. Все работает:
код картинки меняется на lazy
картинки подгружаются!!!

Огромное спасибо!
Благодаря вам немного стал понимать хоть как оно работает)).

А что вы имели ввиду по поводу других элементов?

попробуй заменить на

 
   preg_match_all('//', $article['content'], $images);
        if(!is_null($images)){
            foreach($images[1] as $index => $value){
                $new_img = str_replace('src=', 'class="lazy" data-original=', $images[0][$index]);
            if(!preg_match('/alt=/', $value) || preg_match('/alt=""/', $value)){
            $new_img = str_replace('
 

Что заменять?)) я еще не таксилен в этом

переименовывать ничего не нужно, сам файл jquery.lazyload.js копируете в /includes/jquery/

Сделал.

далее
в /components/content/frontend.php
примерно после строки 204
$article['image'] = (file_exists(PATH.'/images/photos/medium/article'.$article['id'].'.jpg')? 'article'.$article['id'].'.jpg': '');
добавить строчку
$article['content'] = str_replace('

Сделал.

Код картиник изменен.
Скрипт подгружается

Но вместо фото квадраты.

1. Код картиник поменялся.
2. Скрипт есть (увидел😊)

Но картинки не подгружаются

Статьи
www.vinterere.ru/stati/

Код картинки меняется, но файл лэзилоадер в списке не появляется. Так понимаю не подгружается

1. скачай файл (постом выше) и скопируй в папку
/includes/jquery/

Скачал и переименовал в jquery.lazyload.js и поместил в соотвествующую папку

2. \components\content\frontend.php
перед строкой 241 // Выполняем фильтры

$article['content'] = str_replace('
 

Сделал именно в строку 241.

Результаты:
1. Код картинки изменился на класс lazy но
2. Картинки не подгружаются (квадраты)

В файле template.php куда вставлять код?

Все сделал, что-то с файлом jquery.lazyload.js (я его скачал как jquery.js и переименовал)
При попытки его открыть в Нотпаде (на сервере) пишит

У тебя какая версия движка?

InstantCMS v1.10.5

Проверил снова ничего не меняя: МБ 51, ПК 92! )) Как-то радостнее стало)) для ПК

в .htaccess добавь

Добавил. Файлы, которые в template.php подключаются,
css/reset.css');
/css/text.css');
'/css/960.css');
/css/styles.css');
// Подключаем colorbox (просмотр фото)
'includes/jquery/colorbox/jquery.colorbox.js');
'includes/jquery/colorbox/colorbox.css');
includes/jquery/colorbox/init_colorbox.js');


заархивировал и залил в папки оригиналов. Файлы-оригиналы оставил на месте.
Скорость на Моб увеличилась до 60 (была 54), на Пк до 82-85.(была ниже 80)

2. Фотографии можно подгружать lazy load

Это как реализовать?

И еще вопрос.
До этого вставлял этот код:

Его можно оставить или надо убрать?

Если что, могу подсказать как еще ускорить.

Подскажите. Принимаю с благодарностью.
Зеленая цифра 100 радует как-бы там ни было)

Для обработки картинок, хорошо подходит XnView

Благодарю за программу!

Уже год жду толп посетителей

Прекрасно понимаю)), что скорость загрузки не приведет посетителей))...
Но один из факторов, который влияет на % отказа… мне так кажется)..

Да и в сейчас все хотят все быстро)))