Есть несколько компромиссов, которые следует учитывать:
- Если у вас есть один большой JS-файл, он должен быть кэширован для всех ваших страниц. Но если только несколько страниц используют JS, это нехорошо.
- Если ваши страницы не разделяют JS, вы можете использовать загрузку «по мере необходимости» для каждого отдельного JS каждой страницы. Но вам не нужно слишком много загрузок, поскольку каждая выборка JS имеет свои издержки.
Примечания
- Убедитесь, что все ваши JS будут постоянно кэшироваться на ваших клиентах. Используйте номера версий в именах файлов или URL-адресах (foo.js? 123)
- Убедитесь, что файлы JS свернуты.
- Убедитесь, что на веб-сервере включена кодировка gzip.
- Возможно, вы захотите использовать недорогую сеть доставки контента для своего JS, например Amazon 10 * Cloudfront или одного из их конкурентов.
Ответы на ваши конкретные вопросы
Вы упаковываете весь свой js-код в один файл и обслуживаете его для всех запросов?
Все запросы получают большой файл JS с библиотечным кодом и JS, используемым на большинстве страниц. Некоторые определенные страницы также получают дополнительный файл JS.
вы условно загружаете определенные js в зависимости от контроллера / действия?
Да, для пары очень тяжелых страниц JS эти страницы получают дополнительный файл JS. Все страницы получают файл reg JS, и он кэшируется / доступен для всех страниц.
Какие инструменты или методы вы используете, например: asset_packager, компрессор yui, звездочки, реализация, вдохновленная BigPipe?
- YUI Compressor
- S3 для обслуживания моего домена assets.foo.com
- rake задачи для объединения / минимизации нескольких исходных файлов JS