Соединение JS и CSS между собой

Web

Объединение CSS и JS файлов в один при помощи магии

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

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

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

  • Автор: kosmom
  • Просмотров: 495
  • Комментариев: 0
  • Создан: 31.03.2014 15:01

Объединяем CSS и JS файлы

Web

Сжатие файлов путем объединения схожих между собой файлов

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

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

  • Автор: kosmom
  • Просмотров: 637
  • Комментариев: 0
  • Создан: 19.02.2014 12:11

Полукеш, или Суперкеш. Простая реализация

Web

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

Суперкеш. Сжимай и ускоряй

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

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

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

  • Автор: kosmom
  • Просмотров: 622
  • Комментариев: 0
  • Создан: 22.08.2013 12:34

Оптимизация работы сайта. Часть 2. Сжатие мелких изображений

Web

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

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

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

  • Автор: kosmom
  • Просмотров: 529
  • Комментариев: 1
  • Создан: 19.12.2012 11:07

Оптимизация работы сайта. Часть 1. Сжатие стилей и скриптов

Web

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

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

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

  • Автор: kosmom
  • Просмотров: 607
  • Комментариев: 0
  • Создан: 18.12.2012 11:17
Ваши предложения и пожелания пишите на [email protected]

Теги

bootstrap excel javascript php безопасность кеширование таблица юзабилити

Случайный пост

25.11.2014 13:43
Фиксируемый по горизонтали заголовок страницы