Проблемы скорости загрузки веб-ресурсов на стороне клиента: классификация и методы решения

Рассмотрены вопросы, связанные с текущим состоянием и производительностью веб-ресурсов в современном Интернете. Проведен анализ методов решения проблем, возникающих вследствие использования браузерами тех или иных ограничений при загрузке веб-ресурсов.

С каждым годом Интернет растет вширь и вглубь. Увеличивается пропускная способность каналов, пользователи переходят с коммутируемого доступа на безлимитный интернет. Интернет-провайдер АКАДО предоставляет привлекательный пакет тарифных планов безлимитного интернета. До конца месяца без дополнительной платы можно подключится и оценить услуги АКАДО .

Сайты увеличиваются по размеру, по наполнению и становятся составными во взаимодействии. Размеры файлов загрузки, при этом возрастают в несколько раз, а время ожидания пользователей не уменьшается. За последние 5 лет средний размер веб-страниц вырос втрое, а за последний год — в полтора раза. При этом каждая страница использует в среднем по 50 объектов, что негативно сказывается на общем времени загрузки.

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

Анализ клиентской и серверной оптимизации.

Клиентская и серверная оптимизация — это два неотъемлемых этапы при разработке веб-приложений. Только около 5-10% от общего ­ времени загрузки приходится на серверную часть. Остальные составляет именно клиентская архитектура, что не означает, что серверная оптимизация не важна.

При построении высокопроизводительных сайтов должен существовать и клиентский, и серверный подход, поскольку их область, хотя и совпадает в некоторых аспектах, но во многом отличается. Объектом клиентской оптимизации есть страницы сайта, получаемые браузером клиента, которые состоят из HTML-документа, в котором содержатся вызовы внешних объектов. Объектом серверной оптимизации является обработка данных, реализация логики программы.

Исследования доказывают, что раздражение человека сильно возрастает, если скорость загрузки страницы превышает 8-10 секунд без всякого уведомления пользователя о о процессе загрузки.

Перед началом клиентской оптимизации, следует провести анализ всех страниц веб-ресурса и найти наиболее «узкие» места в загрузке сайта. Существует множество сервисов, которые позволяют проанализировать сайт.

Главной задачей клиентской оптимизации является уменьшение времени загрузки страницы. Для решения этой задачи используют различные методы, но их можно объединить проблемами, которые они решают:

1) уменьшения размера загружаемых объектов;

2) уменьшение количества запросов;

3) организация кэширования.

Методы уменьшения размера загружаемых объектов.

Минимизация, обфускация и сжатие кода — три основных понятия, которые тесно связанные с уменьшением размера загружаемых объектов.

Термином «минимизация» обозначают процесс уменьшения объема кода за счет следующих операций:

1) удаления избыточных пробелов, табуляций и переносов строк;

2) удаление комментариев;

3) удаление дублирующего кода.

Минимизация может быть применена к коду и в зависимости от размера и содержания кода, позволяет достичь результатов, уменьшать файлы до 30% от исходного размера, а иногда и больше. При использовании сжатия предыдущая минимизация позволяет увеличить итоговый степень сжатия в среднем на 3-5%.В ситуации, когда сжатие применить невозможно, минимизация — один из немногих способов, которые могут существенно уменьшить размер такой страницы.

Рассмотрим отдельно процесс обфускации, во время которого код «запутывается» (обфускуеться) для того, чтобы усложнить процесс его разбора и модификации. Обфускация может включать в себя те же операции, что и минимизация, а также:

1) кодировку в различные форматы;

2) изменение имен переменных и функций;

3) добавление избыточного кода.