В последнее время я имел возможность поработать с Phing – программой для сборки приложений. С её помощью можно копировать файлы приложения, заменять в них текст (например параметры конфигурационных файлов), и многое другое. Помимо прочего, можно самому создать подключаемые плагины, которые будут выполнять нужные нам задания. Мне нужно было при копировании таблиц стилей и скриптов выполнять их сжатие при помощи YUI компрессора, и я нашел отличное решение для этого.

<< читать дальше >>

В веб дизайне размер изображений чрезвычайно важен. Я раньше полагал, что нет ничего лучшего в плане сжатия изображений, как Photoshop и его "Сохранить для веб…". Но как оказывается, есть нечто лучше – это пара утилит, работающих из командной строки и способных сжимать файлы png и jpg – pngcrush и jpegtran.

Чтобы сжать png файлы без потери качества используйте следующее:

pngcrush -rem alla -reduce -brute image.png result.png

Чтобы сжать файлы jpeg, используйте jpegtran:

jpegtran -copy none -optimize -perfect src.jpg dest.jpg

По моим оценкам, при использовании этих утилит можно дополнительно сжать изображения на 2 – 7%. Максимум, который я получал, это 22%, но это только для небольших файлов, размером 1- 2Кб.

Теперь этот замечательный плагин может работать с Wordpress 2.6. PHP Speedy – это PHP скрипт, который позволяет объединять несколько JavaScript (CSS) файлов в один, сжимать их при помощи GZip. Это позволяет значительно ускорить скорость загрузки сайта. Скрипт можно инсталлировать на любой сайт, работающий на PHP, а для wordpress также имеется плагин. Более подробнее об этом скрипте я писал здесь.

скачать

Джон Ресиг создал новый плагин для jQuery, который позволяет анализировать производительность работы скриптов, написанных с использованием этой библиотеки. Работает он довольно просто, нужно просто подключить плагин…:

<script src="/javascripts/bundle.js"></script>
<script src="http://dev.jquery.com/~john/plugins/profile/jquery-profile.js"></script>

Затем просто пользоваться сайтом, т.е. заставить поработать скрипты. Чтобы просмотреть результаты анализа производительности, нужно ввести в консоли команду jQuery.displayProfile(), результат будет примерно следующим:

Чтобы получить необработанные данные профайлера, воспользуйтесь функцией jQuery.getProfile().

источникскачать

Bananascript.com – это онлайн инструмент, который позволяет очень эффективно сжимать скрипты JavaScript, уменьшая из размер в среднем на 72% (по данным авторов этого сервиса).

Работает этот “packer” точно также, как и аналогичный, более распространенный инструмент от Dean Edwards. Чтобы сравнить эти два инструмента я попробовал сжать файл скрипта Lightgallery. Исходный размер скрипта – 21,3 Кб, паккер Дина Эдвардса сжал его до 7,8 Кб, в то время как bananascript.com уменьшил размер до 5,8 Кб. Довольно таки неплохой результат.

Одно важное замечание – при подключении скриптов, созданных этим инструментом, обязательно указывать кодировку для скриптов ISO-8859-1:

<script src="lightgallery/lightgallery.banana.js" charset="ISO-8859-1" type="text/javascript"></script>

Если вам интересна тема сжатия скриптов, советую почитать статью JavaScript: жать или не жать? на webo.in, в которой сравнивается ряд популярных инструментов для сжатия скриптов JavaScript.