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

InstantCMS 1.X

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

Предыдущая
1
2
3
Показаны 31-39 из 39

#31 13 февраля 2020 в 23:17

@AlexProfit

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

 
   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('

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

Дизайн интерьеров. Дизайн-проекты. Дизайн-студии

#32 13 февраля 2020 в 23:19

@AlexProfit, тогда проще доступ дать тому, кто разбирается, чтоб проверил и поправил

#33 13 февраля 2020 в 23:19

@AlexProfit

Проблему описал выше, удали код из frontend.php
Завтра посижу с регулярными выражениями, я не силен в них, потому потребуется время. Завтра доделаем.

Сегодня в 15:38

#34 14 февраля 2020 в 15:20

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

 
  preg_match_all('/<img (.*?)>/', $article['content'], $images);
 
        if(!is_null($images)){
            foreach($images[1] as $index => $value){
        preg_match('#src="(.+?)"#is',$value,$scr);   
 
        $new_img = str_replace('src=', 'class="lazy" data-original="'.$scr[1].'" src=', $images[0][$index]);
            $article['content'] = str_replace($images[0][$index], $new_img, $article['content']);
            }}

У меня хостер сбоит на сайте проверить не могу, тестил в онлайн редакторе, но вроде работает

И таким макаром можно сделать лазилоад во всех компонентах.

#35 14 февраля 2020 в 15:53

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

@chameleon9

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

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

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

Дизайн интерьеров. Дизайн-проекты. Дизайн-студии

#36 14 февраля 2020 в 15:58

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

@AlexProfit

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

#37 14 февраля 2020 в 16:16

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

@AlexProfit

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

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

Дизайн интерьеров. Дизайн-проекты. Дизайн-студии

#38 14 февраля 2020 в 16:30

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

@chameleon9

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

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

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

 
 
  preg_match_all('/<img (.*?)>/', $article['content'], $images);
 
        if(!is_null($images)){
            foreach($images[1] as $index => $value){
        preg_match('#src="(.+?)"#is',$value,$scr);   
 
        $new_img = str_replace('src=', 'class="lazy" data-original="'.$scr[1].'" src=', $images[0][$index]);
            $article['content'] = str_replace($images[0][$index], $new_img, $article['content']);
            }}

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

 
{literal}
<script src="/includes/jquery/jquery.lazyload.js"></script>
<script type="text/javascript">$("img.lazy").lazyload({effect : "fadeIn"});</script>
{/literal}

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

 
<script src="/includes/jquery/jquery.lazyload.js"></script>
<script type="text/javascript">$("img.lazy").lazyload({effect : "fadeIn"});</script>

Дизайн интерьеров. Дизайн-проекты. Дизайн-студии

#39 23 сентября 2020 в 01:18

А как все тоже самое сделать для версии Инстанта 2.13.1?

По рефке 10% скидка на мощный и гибкий хостинг на NVMе дисках! Дешевые домены здесь! Чат-боты для любых соцсетей

Предыдущая
1
2
3
Показаны 31-39 из 39

Переработать компонент Лента а

Нужно написать статью

Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.

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

Похожие темы

Низкая скорость загрузки сайта с большой базой

Фотоальбомы и загрузка ихображений

Индикатор загрузки файла в процентах

Загрузка фотографий

Ускорю загрузку сайта в 2 раза

Найти проблему и ускорить загрузку страниц сайта.

InstantCMS Team

О проекте

Поддержка

Дополнения