Созданиесайтов

Разработка сайт-визитки, корпоративного сайта, интернет-каталога, интернет-магазина.

Подробнее

Продвижениесайтов

Продвижение сайтов в поисковых системах, SEO оптимизация, контекстная реклама.

Подробнее

Техническаяподдержка

Надёжность сохранности данных, оперативное восстановление данных, обновление модулей.

Подробнее

Полезноедля сайта

Основные актуальные советы и "фишки" для всех типов сайтов по мнению "SPIDERNET".

Подробнее

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

Главная» Полезное для сайта» Уменьшения размеров загрузки страниц. Минимизация, абфускация и сжатие кода.

Основной способ ускорить загрузку страниц сайта, это уменьшить весь загружаемых объектов.

Минимизация

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

Этого можно добиться за счет:

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

Минимизация применяется к  HTML, CSS, JS и результата можно добиться не хуже gzip-сжатия, уменьшить файлы до 30% от исходного размера, а иногда и более, а если еще и использовать gzip-сжатие, то результаты будут соответственно еще выше. Результирующий код по-прежнему будет полностью кроссбраузерным и работоспособным после минимизации.

Обфусация

Обфусация - процесс, при котором JS-код запутывается для того, чтобы усложнить процесс его разбора и изменению. Процес обфускации состоит из тех же шагов что и минимизация, а также имеет и свои особенности:

  • кодирование символов;
  • изменение имен переменных и названий функций;
  • добавление излишнего кода.

Сжатие

Самый простой способ уменьшить размер загружаемых страниц является сжатие текстовых файлов при помощи GZip. Технология, основанная на алгоритме DEFLATE, существует уже более 16 лет. Практически все браузеры поддерживают GZip сжатие. Браузеры указывают в HTTP-запросах те типы сжатия, которые поддерживают, указывая данную информацию: Accept-Encoding: gzip, deflate

Когда веб-сервер получает такой заголовок , он применяет процесс сжатие указанным методом. После отправки сервер уведомляет клиента каким именно методом сжимался ответ при помощи заголовка Content-Encoding. Например: Content-Encoding: gzip.

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

QZip – сжатие, должно быть отключено для изображений и других двоичных файлов, потому что эти объекты уже сжаты, а их размеры намного больше типичных файлов, и поэтому применение сжатия лишь увеличит нагрузку на сервер.
Также отмечу, что GZip сжатие эффективное для текстовых документов у которых размер 1Кб и более. Сжатие файлов меньших размеров, видимого результата не даст.

Добавить комментарий

Комментарии

Нет комментариев