C

chameleon9

+42
Репутация
311
Рейтинг
#1 Повысить скорость загрузки сайта 13 февраля 2020 в 22:47



@chameleon9

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

@AlexProfit

Наоборот, файл вижу, а изменения кода картинок нет )))
В какой категории у тебя статьи?
#2 Повысить скорость загрузки сайта 13 февраля 2020 в 22:41


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

@AlexProfit

В самом конце, перед </body></html>

Смотрю на указанном сайте, там нет изменений
#3 Повысить скорость загрузки сайта 13 февраля 2020 в 22:32



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

@AlexProfit

Это пытался открыть стандартными средствами Винды, в нотпаде открывается
Открыть с помощью — блокнот
#4 Повысить скорость загрузки сайта 13 февраля 2020 в 22:04


InstantCMS v1.10.5

@AlexProfit
Давай экспементировать

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

2. \components\content\frontend.php
перед строкой 241 // Выполняем фильтры
  1. $article['content'] = str_replace('<img src=', '<img class="lazy" data-original=',$article['content']) ;
Код картинок в тексте статьи должен измениться так


3. \templates\твой шаблон\template.php
  1. <script src="/includes/jquery/jquery.lazyload.js"></script>
  2. <script type="text/javascript">$("img.lazy").lazyload({effect : "fadeIn"});</script>
Проверь, чтоб подгружался
#5 Повысить скорость загрузки сайта 13 февраля 2020 в 21:47
да, оставь

Вот тут писал
/forum/thread32549-1.html
Что то у него там не получилось, попробуй этот файл yadi.sk/d/wR4ky6VOJGkB-w

У тебя какая версия движка?
#6 Повысить скорость загрузки сайта 13 февраля 2020 в 20:40
в .htaccess добавь

<FilesMatch "\.css.gz$">
ForceType text/css
Header set Content-Encoding: gzip
</FilesMatch>
<FilesMatch "\.css$">
RewriteEngine On
RewriteCond %{HTTP_USER_AGENT} !".*Safari.*"
RewriteCond %{HTTP:Accept-Encoding} gzip
RewriteCond %{REQUEST_FILENAME}.gz -f
RewriteRule (.*)\.css$ $1\.css.gz [L]
ForceType text/css
</FilesMatch>
AddEncoding gzip .gz
<FilesMatch "\.js.gz$">
ForceType text/javascript
Header set Content-Encoding: gzip
</FilesMatch>
<FilesMatch "\.js$">
RewriteEngine On
RewriteCond %{HTTP_USER_AGENT} !".*Safari.*"
RewriteCond %{HTTP:Accept-Encoding} gzip
RewriteCond %{REQUEST_FILENAME}.gz -f
RewriteRule (.*)\.js$ $1\.js.gz [L]
ForceType text/javascript
</FilesMatch>
Теперь файлы: styles.css, common.js, jquery.js можно сжать архиватором 7-zip в .gz, и скопировать эти файлы в папки с оригиналами.
Вместо jquery.js (93 Кб) будет подгружаться jquery.js.gz (30 Кб)

2. Фотографии можно подгружать lazy load
#7 Повысить скорость загрузки сайта 13 февраля 2020 в 20:03


@AlexProfit
Да фиг их знает чего они хотят. Но лишним не будет.
Если что, могу подсказать как еще ускорить.
#8 Повысить скорость загрузки сайта 13 февраля 2020 в 09:00
Для обработки картинок, хорошо подходит XnView



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



#9 Кэширование и ленивая загрузка изображений в ICMS 1.9 1 декабря 2019 в 06:48
посмотри код картинки, должен быть таким

Загружается ли скрипт?
#10 Кэширование и ленивая загрузка изображений в ICMS 1.9 28 ноября 2019 в 14:07
Скачал себе версию 1.9 (тут немного по другому)
Для статей: \components\content\frontend.php
перед строкой $page = $inCore->request('page', 'int', 1); (307 строка)
  1. $article_content = str_replace('<img src=', '<img class="lazy" data-original=',$article_content) ;
А это можно в конце \templates\твой шаблон\template.php
  1.  
  2. <script src="/includes/jquery/jquery.lazyload.js"></script>
  3. <script type="text/javascript">$("img.lazy").lazyload({effect : "fadeIn"});</script>
Но тогда будет подгружаться на всех страницах, если захочешь сделать ленивую загрузку в других компонентах

Если делать только для статей, лучше добавить в конце файла
\templates\_default_\components\com_content_read.tpl
  1.  
  2. {literal}
  3. <script src="/includes/jquery/jquery.lazyload.js"></script>
  4. <script type="text/javascript">
  5. $("img.lazy").lazyload({effect : "fadeIn"});
  6. </script>
  7. {/literal}
  8.  
#11 Кэширование и ленивая загрузка изображений в ICMS 1.9 28 ноября 2019 в 12:01
/includes/jquery/jquery.lazyload.js
#12 Кэширование и ленивая загрузка изображений в ICMS 1.9 28 ноября 2019 в 11:59
В frontend.php
  1. $article['content'] = str_replace('<img src=', '<img class="lazy" data-original=',$article['content']) ;
$article['content'] (возможно будет другая переменная)

Ну и подключить сам скрипт, предварительно закачав в папку
  1. <script src="/includes/jquery/jquery.lazyload.js"></script>
  2. <script type="text/javascript">$("img.lazy").lazyload({effect : "fadeIn"});</script>
#13 Как можно вывести на странице «Содержание статьи» 21 ноября 2019 в 05:44
Посмотрите тут
/blogs/blog-prostoi-blog/dopolnitelnyi-shablon-stati-instantcms-1-10.html
Выводит только H2 и фиксирует при прокрутке
#14 Как сделать сжатие изображений? 6 ноября 2019 в 21:41
$path2=PATH.'конечный путь.'.jpg';
$path3=PATH.'уменьшенная копия.'.jpg';
$size=GetImageSize ($path2);//Создаём новое изображение из «старого»
$src=ImageCreateFromJPEG ($path2);//Берём числовое значение ширины фотографии, которое мы получили в первой строке и записываем это число в переменную
$iw=$size[0];//Проделываем ту же операцию, что и в предыдущей строке, но только уже с высотой.
$ih=$size[1];//Ширину фотографии делим на 200 т.к. на выходе мы хотим получить фото шириной в 200 пикселей. В результате получаем коэфициент соотношения ширины оригинала с будущей превьюшкой.
$koe=$iw/200;//Делим высоту изображения на коэфициент, полученный в предыдущей строке, и округляем число до целого в большую сторону — в результате получаем высоту нового изображения.
$new_h=ceil ($ih/$koe);//Создаём пустое изображение шириной в 200 пикселей и высотой, которую мы вычислили в предыдущей строке.
$dst=ImageCreateTrueColor (200, $new_h);//Данная функция копирует прямоугольную часть изображения в другое изображение, плавно интерполируя пикселные значения таким образом, что, в частности, уменьшение размера изображения сохранит его чёткость и яркость.
ImageCopyResampled ($dst, $src, 0, 0, 0, 0, 200, $new_h, $iw, $ih);//Сохраняем полученное изображение в формате JPG
ImageJPEG ($dst, $path3, 60);
imagedestroy($src);

Решение подсмотрел на каком то форуме.
#15 Ускорение и оптимизация сайта Wordpress 28 июня 2019 в 22:07
Почитал эту тему, решил оптимизировать. версия 1.10.3

Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.