Почему загрузка некоторых файлов css и js занимает слишком много времени?

У меня есть приложение ASP.NET MVC5 на IIS Server, и страница входа загружается слишком медленно после очистки истории браузера. Как видно из поля «Сеть» Developer Tools, похоже, существует серьезная проблема с загрузкой содержимого страницы, то есть файлов css и js. Итак, не могли бы вы объяснить мне, как решить эту проблему для font-awesome и для других файлов? Как я могу увеличить загрузку страницы и другого контента? Обратите внимание, что я сначала загружаю css файлов, затем содержимое страницы и, наконец, javascript файлов. Любая помощь будет оценена ...

введите здесь описание изображения


javascript jquery asp.net performance asp.net-mvc
person Jack    schedule 28.12.2016    source источник
comment
Один из способов — использовать минимизированную версию js. И другой - загрузить все файлы js в кеш.   -  person Dirty Developer    schedule 29.12.2016

Ответы (2)


arrow_upward
1
arrow_downward

Кажется, скорость вашего браузера низкая. Поскольку вы уже использовали уменьшенную версию и размер не превышает 25 КБ, все равно это занимает 15 секунд.

Другой способ - кэшировать эти файлы в браузере и использовать их каждый раз (после первого вызова).

кеширование файлов JavaScript

Кэширование файлов CSS в браузере

Кроме того, я бы предложил следующий приоритет

1. Загрузите JS Много раз я сталкивался с проблемами зависимости Js. Обязательно сначала загрузите родительский js, а затем дочерний. Кроме того, попробуйте перетасовать приоритет js, может вам помочь

2.Ссс

3.Содержимое страницы

редактировать шрифт Google в автономном режиме Загрузка шрифта Google и настройка автономного сайта, который его использует

person Dirty Developer    schedule 28.12.2016
comment
Да ты прав. Сегодня несколько раз проверял одним и тем же методом, грузится всего 1-2 секунды :) С другой стороны, думаю иногда google-font может тормозить, если есть проблема с его загрузкой . По этой причине я включал его локально, но не работал должным образом. Как я могу использовать google-font локально? Я попытался скопировать его на локальный и включить по ‹link href=~/css/google-font.css rel=stylesheet /›. Есть ли лучший способ решить эту проблему? - person Jack; 29.12.2016
comment
Я не использовал его, но вы пытались его скопировать, но очистили ли вы кеш перед его использованием ?? - person Dirty Developer; 29.12.2016
comment
Вы имеете в виду кеш браузера? Я очистил, очистив всю историю, но иногда не удается очистить полностью. Есть идеи? - person Jack; 29.12.2016
comment
Если вы используете IE, у вас есть возможность очистить кеш в инструменте разработчика (вы можете открыть его, нажав F12) почти для всех браузеров, вы можете попробовать ctrl+shift+Del и удалить все, кроме истории и сохраненных паролей или настроек, если таковые имеются. Также я обновил свой ответ некоторыми ссылками на автономные шрифты Google. - person Dirty Developer; 29.12.2016

arrow_upward
1
arrow_downward

Вы можете попробовать объединить и минимизировать эти активы в App_Start\BundleConfig.cs.

person johnniebenson    schedule 28.12.2016
comment
Да, похоже, ты прав. Я тоже могу попробовать. Проголосовал+. Также не могли бы вы взглянуть на мой последний комментарий относительно google-шрифтов? - person Jack; 29.12.2016