Мысли о механизме публикации файлов CSS.JS

описывать

Примечание

уровень ресурса

Уровень ресурса страницы:

1. Глобальный уровень (Общий)
2. Уровень модуля
3. Уровень страницы (Страница)

План оптимизации

Оптимизация в основном фокусируется на следующих аспектах:

1. Уменьшить размер одного файла в байтах
2. Уменьшите количество файлов (т.е. уменьшите количество http-запросов)

Другие оптимизации основаны на навыках разработки и зависят от уровня знаний.

Решение для вывода файлов

1. слить
2. сжатие

На основе уровней ресурсов и планов оптимизации формулируются следующие четыре плана:


1. Цитируйте один файл напрямую и вводите его последовательно (<link/>, <script/>).


2. На основе 1 выполнить сжатие одного файла.


3. Объединить в новый файл в соответствии с уровнем ресурса.


4. На основании 3 сжимаем объединенные файлы

Мысли

Вариант 3: Как определить количество объединенных файлов?

проблема с кэшированием

Использовать суффикс временной метки

f2econfig_json

Конфигурационный файл:

вар f2eJson={
"Версия":"v3",//версия

"Update":"20091015",//Обновляем кеш согласно временной метке

"Сжать":"1",//Схема вывода файла (1, 2, 3, 4)

"Общий":[//Публичный стиль для всего сайта

"общий/глобальный.css"

],

"Module":{ //Модуль и стиль

"Модуль 1":["продукт,.css"]

},

«Страница»:{//Стили, принадлежащие каждой странице.

"index.php":["","sys/index.css"],

//Первый элемент хранит имя ссылки на модуль, если нет, оставьте его пустым.

"search.php":["Модуль 1","product/search.css"]

//Ссылка на несколько модулей, разделенных знаком ",", например: модуль 1, модуль 2

}

}

1. PHP имеет специальную библиотеку преобразования json.
2. Структура конфигурации js такая же, как конфигурация json CSS.

f2engine.php

1. Если файл конфигурации не обновляется, json анализируется в массив только один раз.
2. Анализируйте ресурс только один раз и сохраните результат для прямого использования в следующий раз.

пример

Например, ссылка на стиль страницы search.php.

1. Найдите ресурсы уровня страницы на основе страницы: Page["search.php"]
2. Найдите стиль модуля, на который ссылаются, на основе первого значения этого массива.
3. Определите схему вывода файла на основе значения «Сжать» в файле конфигурации и обработайте ее.
4. Вывод на странице

   //Общий стиль полного сайта

   <link type="text/css" href="common/global.pack.css?20091015" rel="stylesheet" />

   //Модуль стиля модуля

   <link type="text/css" href="product.pack.css?20091015" rel="таблица стилей" />

   //Стиль страницы

   <link type="text/css" href="product/serach.pack.css?20091015" rel="stylesheet" />

   Примечание. После сжатия имя файла становится search.pack.css.