Category Archives: Optimization

Sizzle: как работает движок селекторов в jQuery

http://blog.bigbinary.com/2010/02/15/how-jquery-selects-elements-using-sizzle.html Главное: Если в браузере доступен document.querySelectorAll(), или достаточно методов document.getElementById() и document.getElementsByTagName(), то запрос к DOM-у будет передан этим методам, и потом ответ будет обёрнут в jQuery. Интересное наступает, если этими методами обойтись нельзя. Для примера возьмем старый браузер без document.querySelectorAll() и селектор

$(".header a")

1	$(".header a")

Best practices клиентской оптимизации от Yahoo!

http://developer.yahoo.com/performance/rules.html

Квест о запросах браузеров к внешним ресурсам в разных ситуациях

http://jakearchibald.github.io/request-quest/

Отложенная загрузка шаблона в AngularJS

Допустим есть некий шаблон, который нужно показать, только когда пользователь заблокирован. Вот код.

<section ng-show="showUserBlocked">
	<div ng-include="'views/partials/user_blocked.html'"></div>
</section>

</section>

Но тогда получится, что блок покажется пользователю только когда будет выставлена переменная showUserBlocked, а внешний шаблон будет подгружаться в любом случае сразу при загрузке страницы. Что неправильно, особенно на мобильных устройствах. Решение этой проблемы — простое:

<section ng-show="showUserBlocked">
	<div ng-include="showUserBlocked && 'views/partials/user_blocked.html'"></div>
</section>

</section>

Т.е. пока переменная showUserBlocked …

Доклад об использовании RabbitMQ в Mamba

Асинхронная обработка данных: RabbitMQ, Comet from Андрей Федоровский http://www.slideshare.net/pomme3/ss-20026832

Performance Checklist for the Mobile Web

http://www.youtube.com/watch?v=0UNWi7FA36M Говорится об оптимизации web-приложений под мобильные устройства. 3 составляющих. Сеть 3G имеет теоретическую максимальную пропускную способность в 3Mbps Радиомодуль мобильных устройств (у которого 3 состояния: Active, Pending, Idle) из спящего режима в режим нормальной работы переходит порядка 1-2 секунд. Поэтому желательно подгружать большие пачки данных сразу и потом эмулировать подгрузку по аяксу (к тому …

Сжатие картинок

http://www.smushit.com/ysmush.it/ Сжимает PNG32 очень хорошо.

Доклад про отладку node на production

Вот слайды — http://dtrace.org/blogs/dap/2012/05/31/debugging-node-js-in-production-fluent-slides/. В докладе рассказывается, как отлаживать боевой сервер без его остановки и как работать с дампами зависшего сервера. Все сводится к использованию двух инструментов: Dtrace (http://dtrace.org/blogs/dap/2012/04/25/profiling-node-js/, http://dtrace.org/blogs/dap/2012/01/13/playing-with-nodev8-postmortem-debugging/) и mdb_v8 (https://github.com/joyent/illumos-joyent/blob/master/usr/src/cmd/mdb/common/modules/v8/mdb_v8.c, https://github.com/joyent/node/blob/master/src/v8ustack.d)

Как найти утечки памяти через Chrome Dev Tools

http://gent.ilcore.com/2011/08/finding-memory-leaks.html

Grunt-таск для генерации спрайтов

https://npmjs.org/package/node-spritesheet Есть минусы: есть очень неприятная зависимость от imagemagick, из-за чего не удалось поставить под Windows (нужно было кроссплатформенное решение), а также нужно поправить файл spritesheet.js

options.outputDirectory = '/home/bullgare/';//dir + file.dest;

1	options.outputDirectory = '/home/bullgare/';//dir + file.dest;