Сжимаем css алгоритмом base62
Итак, начнем. Для статьи я взял стили от стандартного дизайна номер 101. Вот они. В исходном состоянии файл стилей весит 15 килобайт.
Шаг первый
Сначала, используя свой css компрессор я убрал из стилей все лишние символы, комментарии и так далее. В итоге у меня получился файл размером 12 килобайт.
Шаг второй
Теперь я создаю js файл вот такого вида и вставляю в него полученные стили. Обратите внимание что все стили не должны содержать одиночных кавычек и должны быть в одну строку!
Шаг третий
Получившийся js код я сжимаю с помощью технологии base62. Для того чтобы это сделать, вставьте свой код в верхнее поле на этой странице: Packer, затем отметьте галочку Base62 encode и нажмите pack. Скопируйте полученный код из нижнего поля и вставьте его в ваш js файл вместо старого кода. В итоге этих действий у меня получился файл размером 8 килобайт. Как видите способ оправдывает себя - сжатие почти в 50% + возможность объединить js и css в один файл, что так же ускорит загрузку сайта (при условии что исходный файл не очень большой).
Надеюсь статья вам пригодилась и вы сочли её интересной. При копировании статьи на сторонние ресурсы ссылка на http://studioad.ru обязательна.
При малейшем редактировании придется подымать бекап, вносить изменения, сжимать "своим компрессором" (непонимая зачем нужно было изобретать велосипед и чем не удовлетворил cleancss.com) и еще потом packer'ом.
Т.к. CSS кешируется браузером, но врядли вы выиграете на этом существенное время. На фоне загружаемых скриптов юкоза (~300кб) и графики (~200-600кб), 7кб роли не сыграют.
Тиски прикольные, а есле еще и навести мышь на кнопку "Связь с дизайнером",
можно наблюдать как ручка от тисков таинственым образом исчезает :)
Во всяком случае в опере :-р
Пост тоже неплохой
Тиски классно) Особенно то, как они размещены