[Ссылка] Google Page Speed Online

Оценка производительности страницы с точки зрения клиента и советы по оптимизации (например, хранить мелкие картинки в CSS). Есть подробное описание каждой проблемы и ссылки на документацию. На первый взгляд, сервис аналогичен gtmetrix.com.

Page Speed разрабатывается в Google Labs с 2009 года, когда Мэтт Каттс анонсировал, что скорость загрузки сайта будет влиять на его позиции в результатах поиска (habrahabr.ru/blogs/google/75391/). Недавно вышел плагин Page Speed под Chrome.

Ссылка: http://habrahabr.ru/linker/go/116635/


Источник: Хабрахабр - Клиентская оптимизация
Оригинальная страница: [Ссылка] Google Page Speed Online

[Из песочницы] CSS спрайты из командной строки

Да, инструменты для создания CSS спрайтов существуют. Я даже сделал один такой сервис. Но они время от времени ломаются (как сейчас, мой). Но и командная многого стоит, и imagemagick. Давайте посмотрим, как мы можем создавать CSS спрайты только из командной строки.

Создание картинки

Начнем с того, что у нас есть список отдельных файлов:

$ ls

1.png  2.gif  dot.png  phoney.gif  tw.gif

• — 1.png
• — 2.gif
• — dot.png
• — phoney.gif
• — tw.gif

Сделаем из них спрайт:

$ convert *png *gif -append result/result-sprite.png

Да, это все. Смотрим результат.