1 (07.08.2011 23:39 отредактировано dimkalinux)

Тема: [Тест] Fancy CSS/JavaScript Cacher

Расширение автоматически объединяет все JS файлы в один файл, и тоже самое делает с CSS. За счёт этого уменьшается количество запросов к серверу. В идеале остаётся 1 JS-файл и 1 CSS. Опционально можно включить минификацию (jsmin) javascript-файлов и минификацию CSS (minify). Перед установкой расширения обязательно проверьте права для директории cache в папке расширения, они должны быть равны 777.

Файлы минифицируются только если в их имени нет префиксов «.min.» или «.pack.».

Замечания и предложения приветствуются.

PunBB 1.3
fancy_js_cache.tar.gz?ver=1.1.1 — версия 1.1.1

PunBB 1.4
fancy_js_cache.zip

Смайл. Дата. Подпись.
+ hcs

Поделиться

2

Re: [Тест] Fancy CSS/JavaScript Cacher

Хорошая штука, вот только где скачать roll

Сайт De-Luxis

Поделиться

3 (25.05.2009 01:11 отредактировано Crazy_LionHeart)

Re: [Тест] Fancy CSS/JavaScript Cacher

Ну частично оно свой функционал выполняет - файлы объединяются. Минифицирует только с определённого момента, То есть форумный js не минифицирется вообще, только подключённые библиотеки (prototype, ajax post edit)

З.Ы. Должен сказать прирост в скорости заметен в любом случае

Сайт Crazy_LionHeart

Поделиться

4 (25.05.2009 01:50 отредактировано dimkalinux)

Re: [Тест] Fancy CSS/JavaScript Cacher

С минификацией пока не всё ясно, сейчас тестируется новая версия.
Всё исправлено в версии 0.1.52.

Смайл. Дата. Подпись.

Поделиться

5

Re: [Тест] Fancy CSS/JavaScript Cacher

В версии 0.1.65 добавлена возможность указания альтернативных $base_url для JS/CSS файлов. Для распараллеливания HTTP-запросов.

Смайл. Дата. Подпись.

Поделиться

6 (26.05.2009 05:18 отредактировано Crazy_LionHeart)

Re: [Тест] Fancy CSS/JavaScript Cacher

при апдейте

Database reported: ERROR: zero-length delimited identifier at or near """" at character 85 .

Failed query: INSERT INTO forum_config (conf_name, conf_value) VALUES("o_fancy_js_cache_css_cdn", "")

Полечилось в ISERT:

'VALUES'    => '\"тут_ставим_название_параметра\", \"\"'

Кстати, можно ведь ещё и CSS сжимать если использовать порт JSmin - CSSMinify

Сайт Crazy_LionHeart

Поделиться

7 (26.05.2009 05:14 отредактировано dimkalinux)

Re: [Тест] Fancy CSS/JavaScript Cacher

Какая база данных, Postgre/MySQL? Залил новую версию — 0.1.66 с решением проблемы.

Добавлено спустя 13 минут 14 секунд:

Я изучаю сейчас сжатие CSS, но кажется выгрыш в скорости там минимальный, а вероятность возникновения ошибок высокая. Максимальный процент сжатия даёт использования gzip/deflate на стороне сервера.

Смайл. Дата. Подпись.

Поделиться

8

Re: [Тест] Fancy CSS/JavaScript Cacher

d-linux пишет:

Какая база данных, Postgre/MySQL? Залил новую версию — 0.1.66 с решением проблемы.

Я изучаю сейчас сжатие CSS, но кажется выгрыш в скорости там минимальный, а вероятность возникновения ошибок высокая. Максимальный процент сжатия даёт использования gzip/deflate на стороне сервера.

Postgre, он по-моему единственный значения в двойных кавычках за столбцы всегда принимает.

На счёт ошибок в CSS попробую не согласиться. Я его(минифизатор) на своём сайте использую вкупе с объединением в один файл CSS|JS пока проблем не наблюдаю.

Был бы на сервере gzip/deflate вообще бы этой мелочью не парился

Сайт Crazy_LionHeart

Поделиться

9

Re: [Тест] Fancy CSS/JavaScript Cacher

Версия 0.2.2

  • возможность минификации CSS-файлов — на практике 57КБ уменьшился до 40КБ.

  • возможность перемещения JS кода вниз страницы для ускорения её загрузки.

  • исправлены мелкие ошибки.

Смайл. Дата. Подпись.

Поделиться

10

Re: [Тест] Fancy CSS/JavaScript Cacher

Великолепно, всё работает как надо

Сайт Crazy_LionHeart

Поделиться

11

Re: [Тест] Fancy CSS/JavaScript Cacher

Спасибо!
Средний размер страниц уменьшился с 94КБ до 72КБ.

Поделиться

12

Re: [Тест] Fancy CSS/JavaScript Cacher

При современных скоростях интернета размер мало влияет на скорость загрузки страницы. Гораздо важней количество запросов необходимых для генерации страницы. Хотя включить GZIP сжатие конечно стоит.

Смайл. Дата. Подпись.

Поделиться

13

Re: [Тест] Fancy CSS/JavaScript Cacher

А мы по старинке - "лучше меньше да лучше".
Проблема - при установленном расширении, даже если в опциях не включены опции "Минифицировать..." - не работает вот эта фишка - http://punbb.informer.com/forums/topic/ … -by-daris/

М.б. какие-то подсказки?

Поделиться

14 (29.05.2009 01:54 отредактировано Crazy_LionHeart)

Re: [Тест] Fancy CSS/JavaScript Cacher

Отключи минификацию js
не увидел

Сайт Crazy_LionHeart

Поделиться

15

Re: [Тест] Fancy CSS/JavaScript Cacher

Что именно не работает? CSS или JS часть? Если JS то хорошо бы посмотреть в консоль ошибок браузера. Можно попробовать отключить опцию перемещения скриптов в низ страницы, если она была включена.

Смайл. Дата. Подпись.

Поделиться

16

Re: [Тест] Fancy CSS/JavaScript Cacher

Отключены все опции расширения. Помогает только его полное отключение.
Консоль ИЕ сообщает о синтаксической ошибке в строке 4548 в файле, состоящем из 250-300 строк.
Дальше пока не лез.

Поделиться

17

Re: [Тест] Fancy CSS/JavaScript Cacher

ek_chatlite не совместим с моим расширением, потому что автора ek_chatlite использовал идиотский способ передачи параметров своему скрипту. Выхода два, или переписать chatlite — достаточно изменить 3 строчки или в новой версии моего расширения отключить объединение JS, оставив только оптимизацию CSS. Новая версия будет сегодня, после тестирования на моём форуме.

Смайл. Дата. Подпись.

Поделиться

18 (01.06.2009 00:44 отредактировано dimkalinux)

Re: [Тест] Fancy CSS/JavaScript Cacher

Версии 0.2.22

Обновлёна система настроек расширения, возможно выборочное отключение JS или CSS объединения. Обновлён перевод, исправлены мелкие ошибки.

Смайл. Дата. Подпись.

Поделиться

19

Re: [Тест] Fancy CSS/JavaScript Cacher

Вообще для клиентской оптимизации PHP-сайтов есть Web Optimizer, code.google.com/p/web-optimizator/ , который можно устанавливать в качестве отдельного веб-приложения или попытаться портировать как плагин к PunBB. Если автор разработки захочет улучшить свою (или присоединиться к разработке гораздо более мощного компонента), то милости просим.

Поделиться

20

Re: [Тест] Fancy CSS/JavaScript Cacher

Спасибо вроде даже, что-то работает smile жаль только  из-за ek_chatlite , приходиться выключать (  Включить объединение JavaScript файлов  ).  Со всем остальным вроде пока всё отлично работает.

Выхода два, или переписать chatlite — достаточно изменить 3 строчки

Если не затруднит какие 3 строчки и как переписать? а то другого чата нет и без чата как то не айс.

Сайт flashcat

Поделиться

21

Re: [Тест] Fancy CSS/JavaScript Cacher

flashcat пишет:

Спасибо вроде даже, что-то работает smile жаль только  из-за ek_chatlite , приходиться выключать (  Включить объединение JavaScript файлов  ).  Со всем остальным вроде пока всё отлично работает.

Выхода два, или переписать chatlite — достаточно изменить 3 строчки

Если не затруднит какие 3 строчки и как переписать? а то другого чата нет и без чата как то не айс.

В манифесте ek_chatlite версии 0.5.1

$forum_head['ek_chatlitejs'] = '<script type="text/javascript" src="'.$ext_info['url'].'/media/js/chat.js?logged='.(($forum_user['is_guest']) ? 0 :(($forum_user['is_admmod']) ? 2 : 1)).'&baseUri='.$base_url.'/&extUri='.$ext_info['url'].'/"></script>';

Моё расширение не умеет корректно обрабатывать передачу параметров через URL.

/media/js/chat.js?logged=

Надо параметр logged передавать скрипту любым другим способом.

Добавлено спустя 3 минуты 33 секунды:

Разработка и поддержка расширения перенесена в GitHub.

Смайл. Дата. Подпись.

Поделиться

22 (20.12.2009 07:15 отредактировано Ruzzz)

Re: [Тест] Fancy CSS/JavaScript Cacher

Обнаружил еще одну проблему, подобную выше упомянутой.
Появляется много файлов явыскрипт из-за того что плагин ajax_post_edit делает так:
var ape={'csrf_token':'710f8c64df65a8d4a37518d4d8617d7f4ce447d2'

вот этот код:

    $ape = 'var base_url = \''.$base_url.'\';';
    $ape .= "\n".'var ape = {\'csrf_token\' : \''.generate_form_token($ext_info['url'].'/edit.php').'\'';
    $ape .= ', \'Loading\' : \''.$lang_ape['Loading'].'\'';
    $ape .= ', \'Quick edit\' : \''.$lang_ape['Quick Edit'].'\'';
    $ape .= ', \'Normal edit\' : \''.$lang_ape['Normal Edit'].'\'';
    $ape .= ', \'url_edit\' : \''.$forum_url['edit'].'\'';
    $ape .= '}';

    $forum_head['ape_css'] = '<link rel="stylesheet" type="text/css" media="screen" href="'.$ext_info['url'].'/style.css" />';
    $forum_head['ape_js'] = '<script type="text/javascript">'."\n".$ape."\n".'</script>';
    $forum_head['ape_js2'] = '<script type="text/javascript" src="'.$ext_info['url'].'/ajax_post_edit.js"></script>';

Что можно сделать?

И сюда же еще пожелания:

  • Вынести файлы кеша из папки плагина, в общую папку кеша;

  • Найти более подходящее место для кнопки «Очистить кеш».

Поделиться

23

Re: [Тест] Fancy CSS/JavaScript Cacher

Если не сложно, отпишитесь — есть ли в планах решение проблемы с ajax_post_edit? Или может посоветуете альтернативу этому плагину, с которой проблем нет? Спасибо!

Поделиться

24

Re: [Тест] Fancy CSS/JavaScript Cacher

На выходных протестирую ajax_post_edit и сообщу о результатах.

Смайл. Дата. Подпись.

Поделиться

25

Re: [Тест] Fancy CSS/JavaScript Cacher

Изменения

  • добавлена совместимость с ek_chatlite и ajax_post_edit.

  • добавлена возможность не кешировать inline-джаваскрипт

  • переписан и оптимизирован весь код

  • добавлена французская локализация

Тестовая версия
fancy_js_cache_test_0.9.7.tar.gz — версия 0.9.7
Разработка и поддержка расширения в GitHub.

Смайл. Дата. Подпись.

Поделиться