Якщо Вам необхідно оптимізувати роботу сайту, то однин із кроків оптимізації - мінімізація (мініфікація) js скриптів і css стилів.
Простий приклад впровадження та налаштування Yii розширення для мінімізації js і css файлів
Навіщо потрібна мінімізація js і css файлів?
Перш за все мінімізовані css і js матимуть менше розмір ніж вихідні, таким чином зменшитися час завантаження сторінки. Коли проект невеликий, то поліпшення після мінімізації Ви не помітите. Але якщо Ви працюєте з великим проектом, то мінімізація дасть значне зменшення часу завантаження сторінки.
Що ж собою являє мінімізація?
Увага! Хочу зауважити що це не єдине розширення для мінімізації css і js. Всі розширення Ви можете подивитися на офіційному сайті Yii, в розділі розширення.
І так приступимо до впровадження розширення мінімізації наших js і css файлів.
Або по прямого посилання з сайту кодер.укр:
Розпаковуємо архів і копіюємо папку yii-EClientScript в папку / protected / vendors
Тепер нам необхідно підключити розширення до проекту, відкриваємо файл конфігурацій /protected/config/main.php і в components додаємо підключення і настройку розширення:
Файли js і css необхідно підключати наступним чином (неважливо де Ви будете підключати js і css у в'ю або контролері):
Відкриваємо сайт і дивимося вихідний код сторінки. До впровадження розширення мінімізації js і css, підключення css мало вигляд:
До впровадження розширення мінімізації js і css, підключення js мало вигляд:
Після впровадження розширення мінімізації js і css, підключення css має вигляд:
Після впровадження розширення мінімізації js і css, підключення js має вигляд:
Якщо Ви відкриєте оптимізований js або css файл, то побачите що він став в один рядок (без форматування коду). Так само Ви можете налаштувати розширення під свої потреби, например не об'єднувати css або js і т.д. При зміна налаштувань не забудьте очистити папку asstes.
Так само при необхідності Ви можете відключити будь-які дії розширення в потрібному контролері або модулі. Приклад відключення в модулі: