Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Подключение JS скриптов 
:(
    Опции темы
nepster
Дата 4.3.2013, 01:40 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 300
Регистрация: 26.4.2009

Репутация: нет
Всего: нет



Есть такой вопрос, 
К примеру если на страницу подключается порядка 20 плагинов, подскажите пожалуйста как лучше их подключать ? 

засунуть в 2 - 3 файла или может как лучше их подключить безошибочно внутри какого-то js файла  ? 

сейчас:
Код
<script type="text/javascript" src="1.js"></script>
<script type="text/javascript" src="2.js"></script>
<script type="text/javascript" src="3.js"></script>
<script type="text/javascript" src="4.js"></script>
<script type="text/javascript" src="5.js"></script>
<script type="text/javascript" src="6.js"></script>
<script type="text/javascript" src="7.js"></script>
<script type="text/javascript" src="8.js"></script>
<script type="text/javascript" src="9.js"></script>
<script type="text/javascript" src="10.js"></script>
<script type="text/javascript" src="11.js"></script>
<script type="text/javascript" src="12.js"></script>
<script type="text/javascript" src="13.js"></script>
<script type="text/javascript" src="14.js"></script>
<script type="text/javascript" src="15.js"></script>

PM MAIL   Вверх
Arantir
Дата 4.3.2013, 02:35 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Рыбак без удочки
**


Профиль
Группа: Участник
Сообщений: 960
Регистрация: 18.11.2012

Репутация: 14
Всего: 55



Много файлов — это плохо. Откройте консоль (например, Ctrl+Shift+K в Firefox) и убедитесь, что на каждый файл браузер тратит время на запрос. Так что это больше запросов и длиннее загрузка. Особенно, если пинг между клиентом и сервером не очень.

Обычно, всё не вставляют на сайт "как есть". Даже те же самые отдельные js-скрипты сжимаются до очень компактного, но абсолютно нечитаемого вида. Наряду с подобными оптимизациями можно и все всунуть в один файл попутно.
Но во время разработки такое делать, очевидно, не обязательно.

Если уж так вышло, что часто приходится менять что-то на активном проекте, но хотите сохранить скорость загрузки, то можно написать нехитрый php-скрипт, складывающий указанные файлы в один и отдающий получившийся текст, а потом просто путь к скрипту в src тега script.


--------------------
interface Жопа {
    // ATTENTION: has to be implemented by every class of the project for proper project work
}
PM   Вверх
CruorVult
Дата 4.3.2013, 15:44 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 868
Регистрация: 24.9.2008
Где: г.Киев, Украина

Репутация: 13
Всего: 28



Цитата(Arantir @  4.3.2013,  02:35 Найти цитируемый пост)
Если уж так вышло, что часто приходится менять что-то на активном проекте, но хотите сохранить скорость загрузки, то можно написать нехитрый php-скрипт, складывающий указанные файлы в один и отдающий получившийся текст, а потом просто путь к скрипту в src тега script. 


Зачем что-то писать если есть Google Closure Compiler. Он умеет и складывать и минифицировать. 
Для удобности можно написать батник и по одному клику собирать все в один файл для продакшена.
PM MAIL Skype   Вверх
Aliance
Дата 4.3.2013, 17:06 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


I ♥ <script>
****


Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 55
Всего: 137



Зачем? Так никто не делает. Сборки и минифакация должна быть в автоматическом режиме. Например, есть реализация JSMin на PHP.
PM MAIL WWW ICQ Skype   Вверх
Arantir
Дата 4.3.2013, 17:27 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Рыбак без удочки
**


Профиль
Группа: Участник
Сообщений: 960
Регистрация: 18.11.2012

Репутация: 14
Всего: 55



Зависит от обстоятельств. Все всегда сводится к "поудобнее и поэффективнее". Если проект имеет таймлайн и рабочая версия пакуется редко, то удобнее паковать скрипты при построении проекта, что можно сделать средствами среды разработки.
Если проект вовсе в разработке и планируется единоразовый релиз, то вообще удобнее один раз вручную, тем же Google Closure Compiler.
Если надо и менять и сразу же это воплощать в рабочей версии, то, конечно, удобнее, чтобы приложение само обеспечивало компактизацию скриптов перед выводом всякими JSMin for PHP, и плюс кеширование для меньших затрат ресурсов.



--------------------
interface Жопа {
    // ATTENTION: has to be implemented by every class of the project for proper project work
}
PM   Вверх
JAYBE
Дата 6.3.2013, 10:08 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 220
Регистрация: 27.3.2008

Репутация: нет
Всего: 0



Все описанные способы касаются либо компресси самого кода, либо задеёствуют серверную сторону. А можно ли способами только со стороны клиента это как-то ускорить? Я где-то читал о таких библиотеках...
PM   Вверх
CruorVult
Дата 6.3.2013, 11:20 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 868
Регистрация: 24.9.2008
Где: г.Киев, Украина

Репутация: 13
Всего: 28



Цитата(JAYBE @  6.3.2013,  10:08 Найти цитируемый пост)
А можно ли способами только со стороны клиента это как-то ускорить?

Как можно ускорить на клиенте загрузку 20 js-ников? Просто не грузить 20 js-ников.
PM MAIL Skype   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »


 




[ Время генерации скрипта: 0.4514 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.