Финальный этап. Мы собираемся сцепить все JS и CSS файлы в один итоговый большой файл. Как такое возможно? Спросите вы.
Многие могут подумать, что автор просто спятил и пытается реализовать не реализуемое. Ну зачем ему понадобилось сливать эти 2 файла в один?
А я вам скажу, что эта реализация будет экономить вам еще один коннект при загрузке вашего сайта на каждый логический модуль. Более того, вам больше не придется прописывать каждый раз в исходном файле линк на css файл и вспоминать, был ли он, а также переживать, что клиент может недополучить стили. В итоге мы получим единый компонент, который зашит в одном единственном файле и нам не нужно больше думать о том, все ли у клиента заработало.

Дальше начинается магия...

Читать дальше →

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

Читать дальше →

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

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

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

Читать дальше →

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

Вы замечали иногда, что сайт загружается, сайт загрузился. Такой красивый… Но стоит навести на кнопочку – и она подсвечивается через некоторое время, а то и дергается как-то непонятно в первый раз. Или такое: Загружается сайт, а там много мелких изображений… и все постепенно заполняются. А в случае плохой связи – некоторые и не заполняются, вы обновляете страницу – грузятся одни и не грузятся теперь предыдущие… В общем – Ад. Какие есть варианты?

Читать дальше →

Website tuning performance client side. Привет. Затронут очень важный вопрос с точки зрения оптимизации работы сайта. В целом идея не нова, давно всем известна, многими проработана, но используется далеко не всеми сайтами. Сегодня мы рассмотрим, как можно легко реализовать у себя механизм сжатия и шифрования статических файлов, что позволит и защитить некоторые стили и скрипты, а также ускорить их загрузку на устройствах с проблемной связью.

Суть идеи простая – из версий файлов JSи CSS для разработчика – мы создаем сжатый вид продуктивных JS и CSS файлов, которые грузятся быстрее, сложнее разбираются. Также – мы применяем GZIP сжатие. Говорите, что серверу нужно тратить ресурсы на сжатие файлов?

Читать дальше →