Улучшение производительности сайта - PullRequest
1 голос
/ 29 июня 2010

У меня довольно большой веб-сайт (asp.net web), и я интенсивно использую JavaScript (jquery, пользовательский javascipt и т. Д.), А также тему и CSS.Сейчас в моей системе огромное количество файлов js и css, и я думаю о том, чтобы минимизировать и разбить js и css, чтобы улучшить производительность.Поэтому, пожалуйста, посоветуйте мне подходящие инструменты и технологии, которые будут использоваться, и, пожалуйста, предложите мне лучшие практики, которые будут применяться в этом сценарии.

Спасибо, Туреин

Ответы [ 4 ]

2 голосов
/ 29 июня 2010

Есть несколько вещей, которые вы можете попытаться улучшить производительность.

Я перечислил методы, которые мы использовали в нашей организации для повышения производительности наших веб-приложений. За исключением GZIP два других, вероятно, не будут иметь прямого влияния на файлы JS и CSS, но сэкономят ваше ценное время загрузки в других областях, делая ваш веб-сайт намного быстрее.

Мы всегда видим значительное увеличение скорости и производительности, когда атрибут розничной торговли имеет значение «True» - в этом режиме отключены все формы отладки, что делает сайт более отзывчивым.

Очевидно, вам нужен только этот параметр на вашем живом сервере.

2 голосов
/ 29 июня 2010

Стив Соудерс из Google ведет очень информативные переговоры по Youtube

Что интересно, размер не всегда проблемаПосмотрите его видео, оно того стоит.

1 голос
/ 29 июня 2010

Лучшие практики - это здорово, но, по крайней мере, в случае производительности, вопрос скорее в правильной практике. Единственный способ узнать это:

  • Мера
  • Попробуйте
  • Измерить снова
  • Сравнение / Contrast

Это почти всегда компромисс с оптимизацией программного обеспечения. Вы должны подумать о том, как изменение влияет на удобочитаемость, масштабируемость, безопасность, сложность развертывания и, возможно, множество других ity , о которых я не думаю.

Сказав все, что практики, которые вы ищете, в значительной степени здесь .

Чтобы подчеркнуть мою мысль, рассмотрим правило Использовать CDN. Это кажется очевидным выбором для чего-то универсального, такого как jquery. Для этого вы можете использовать MSFT и Google . У вас есть потенциальное преимущество параллельной загрузки (в зависимости от браузера клиента) и добавленная возможность уже находиться в кэше клиента (с другого сайта, который они, возможно, посетили). Кроме того, они, вероятно, подают его ближе к пользователю, чем вы.

Но нужно учитывать, что он потребляет некоторую полосу пропускания, поэтому, если вы создаете что-то, что находится во внутренней сети, не делайте этого. Вы также вводите возможность отказа от внешнего источника. Вы можете обойти это, добавив код .

Возможно, наиболее важно то, что использование CDN прямо противоположно первому правилу: уменьшайте HTTP-запросы. Если вы можете комбинировать и минимизировать все ваши js и загружать его более эффективно локально, то вам следует это сделать. Откуда ты знаешь?
Вы должны:

  • Мера
  • Попробуйте
  • Измерить снова
  • Сравнение / Contrast

Веселись!

1 голос
/ 29 июня 2010

Если вы используете jQuery, вы уже должны использовать минимизированную версию на своем производственном сайте.

Для вашего собственного Javascript есть оригинальный минимизатор Дугласа Крокфорда , или вы можете использовать Microsoft Ajax Minifier, который вы можете добавить в качестве задачи MSBuild - обзор здесь .

В ответах на этот вопрос SO .

указано несколько минифайеров CSS.
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...