Повысить скорость загрузки сайта 1.X

Оптимизировать код и скрипты, чтобы повысить скорость загрузки сайта

 
Посетитель
no avatar
Сообщений: 39
@chameleon9:

@AlexProfit:


попробуй заменить на
Код PHP:
  1.  
  2. preg_match_all('//', $article['content'], $images);
  3. if(!is_null($images)){
  4. foreach($images[1] as $index => $value){
  5. $new_img = str_replace('src=', 'class="lazy" data-original=', $images[0][$index]);
  6. if(!preg_match('/alt=/', $value) || preg_match('/alt=""/', $value)){
  7. $new_img = str_replace('
  8.  

Что заменять?)) я еще не таксилен в этом
Дизайн интерьеров.
Дизайн-проекты. Дизайн-студии
Посетитель
small user social cms
Почетный донор проектаМедальПочетный донор проекта
Сообщений: 262
@AlexProfit, тогда проще доступ дать тому, кто разбирается, чтоб проверил и поправил
Реклама
cms
Посетитель
small user social cms
Медаль
Сообщений: 157
@AlexProfit:

Проблему описал выше, удали код из frontend.php
Завтра посижу с регулярными выражениями,я не силен в них, потому потребуется время. Завтра доделаем.
Посетитель
small user social cms
Медаль
Сообщений: 157
попробуй в \components\content\frontend.php
перед строкой 241

Код PHP:
  1.  
  2. preg_match_all('/<img (.*?)>/', $article['content'], $images);
  3.  
  4. if(!is_null($images)){
  5. foreach($images[1] as $index => $value){
  6. preg_match('#src="(.+?)"#is',$value,$scr);
  7.  
  8. $new_img = str_replace('src=', 'class="lazy" data-original="'.$scr[1].'" src=', $images[0][$index]);
  9. $article['content'] = str_replace($images[0][$index], $new_img, $article['content']);
  10. }}
  11.  
У меня хостер сбоит на сайте проверить не могу, тестил в онлайн редакторе, но вроде работает

И таким макаром можно сделать лазилоад во всех компонентах.
Редактировалось: 4 раз (Последний: 14 февраля 2020 в 18:00)
Посетитель
no avatar
Сообщений: 39
@chameleon9:

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

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

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

А что вы имели ввиду по поводу других элементов?
Дизайн интерьеров.
Дизайн-проекты. Дизайн-студии
Посетитель
small user social cms
Медаль
Сообщений: 157
@AlexProfit:

А что вы имели ввиду по поводу других элементов?
Можно использовать этот же код, только меняя переменную.
Полистал сейчас твои статьи, у тебя по одной - две картинки на странице, такой код эффективен когда в статье сотня фотографий хорошего качества.
Смотри сам, можешь оставить.
Может кому нибудь еще пригодится.
Редактировалось: 1 раз (Последний: 14 февраля 2020 в 15:59)
Посетитель
no avatar
Сообщений: 39
@chameleon9:

@AlexProfit:

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

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

Еще раз благодарю за уделенное время.
Дизайн интерьеров.
Дизайн-проекты. Дизайн-студии
Посетитель
no avatar
Сообщений: 39
Итоги!!!
Благодаря
@chameleon9:

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

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


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

Код PHP:
  1.  
  2.  
  3. preg_match_all('/<img (.*?)>/', $article['content'], $images);
  4.  
  5. if(!is_null($images)){
  6. foreach($images[1] as $index => $value){
  7. preg_match('#src="(.+?)"#is',$value,$scr);
  8.  
  9. $new_img = str_replace('src=', 'class="lazy" data-original="'.$scr[1].'" src=', $images[0][$index]);
  10. $article['content'] = str_replace($images[0][$index], $new_img, $article['content']);
  11. }}
  12.  
  13.  
Если делать только для статей, лучше добавить только в конце файла \templates\твой шаблон\components\com_content_read.tpl код

Код PHP:
  1.  
  2. {literal}
  3. <script src="/includes/jquery/jquery.lazyload.js"></script>
  4. <script type="text/javascript">$("img.lazy").lazyload({effect : "fadeIn"});</script>
  5. {/literal}
  6.  
Если делать для всего сайта
Подключаем скрипт в файл \templates\твой шаблон\template.php В самом конце, перед </body></html>

Код PHP:
  1.  
  2. <script src="/includes/jquery/jquery.lazyload.js"></script>
  3. <script type="text/javascript">$("img.lazy").lazyload({effect : "fadeIn"});</script>
  4.  
Редактировалось: 4 раз (Последний: 14 февраля 2020 в 18:38)
Дизайн интерьеров.
Дизайн-проекты. Дизайн-студии
Посетитель
small user social cms
МедальПочетный донор проектаАвторитет форума
Сообщений: 2805
А как все тоже самое сделать для версии Инстанта 2.13.1?
Мощный хостинг на NVMе дисках за копейки! Дешевые домены здесь! Автоботы для соцсетей
В начало страницы
Предыдущая темаСледующая тема Перейти на форум:
Страницы: Первая Предыдущая 1 2 3
Быстрый ответ
Чтобы писать на форуме, зарегистрируйтесь или авторизуйтесь.