Размер файла для загрузки js и css скриптов
Я знаю, что лучший способ загрузить javascript и css - это объединять и сжимать css файлы вместе, и то же самое для javascript. Так что, если вам нужны файлы javascript, вы делаете только 1-2 звонка на сервер. Но кажется, что 3 запроса: 1 для html-документа, 1 - для css и 1 - для js - не самый эффективный способ загрузки сайта. Кроме того, поскольку вы можете загружать js асинхронно, вы можете загружать независимые js-файлы одновременно. Просто убедитесь, что вы не загружаете слишком много js-файлов.
Таким образом, вопрос в том, какое оптимальное количество файлов для загрузки? Какое должно быть количество файлов js и css, чтобы загрузка страницы была наиболее эффективной? Есть ли какое-то правило для его расчета? Есть ли зависимость от скорости интернета? Так что, если интернет работает медленно, я не хочу открывать много подключений к серверу, но лучше использовать один?
Вот ответ от Кайла Симпсона: https://stackru.com/questions/12779565/comparing-popular-script-loaders-yepnope-requirejs-labjs-and-headjs/12786867 котором говорится, что вам нужно разделить только если файл JS размер более 100кб. Я действительно пытался найти что-то полезное, но все описания довольно размыты. Заранее спасибо.
1 ответ
На самом деле, в большинстве случаев будет только один вызов HTML-файла. Браузер по умолчанию (если не указано иное в настройках браузера и / или заголовке веб-страницы) будет использовать локальные копии файлов js и css после первого раза.
Большинство браузеров могут сохранять до 20 файлов js/css на одну веб-страницу, так что это не большая проблема.