Category Archives: Client Optimization

Выступление Jan Jongboom из Cloud9 — «The Architect Way» на YAC-2012

http://events.yandex.ru/talks/300/ Презентация в pdf — http://download.yandex.ru/company/experience/yac2012/jongboom_yac_2012.pdf

Оптимизация производительности javascript

PERFORMANCE TIPS FOR JAVASCRIPT IN V8 — http://www.html5rocks.com/en/tutorials/speed/v8/ Оптимизируем производительность JavaScript для V8 — http://habrahabr.ru/post/154537/ Видео:

Почему плохо инициализировать все виджеты при загрузке страницы и как сделать правильно

http://www.elijahmanor.com/2012/10/dont-initialize-all-things-in.html

Новое в firebug 1.10

http://hacks.mozilla.org/2012/07/firebug-1-10-new-features/ перевод на русский — http://habrahabr.ru/post/148219/

Надо ли объединять все js-файлы в один

Надо, потому что: В больших проектах (особенно с большой нагрузкой на сеть) задержка (ping latency) при скачивании файлов часто существенно выше, чем время самого скачивания. Т.е. 30 файлов = 30 задержек, что существенно увеличивает время загрузки страницы. Не надо, потому что: если для каждой страницы генерировать один js-файл, то при переходе по страницам сайта не …

Read more

Встраивание лайков на страницу

http://habrahabr.ru/company/softline/blog/144946/ — интересны ещё и обсуждения. http://tigors.net/external-java-scripts-on-site/#social — асинхронная загрузка лайков

Алгоритм конкатенации js-файлов для каждой страницы на лету

Хочется сделать один js-файл на страницу. Думаю над таким алгоритмом. Сразу после процедуры деплоя пользователи грузят кучу отдельных js-файлов, всё как обычно. Первый пользователь, зашедший на страницу, ставит lock в кэш (на 1 минуту), означающий, что именно ему повезло создать единый js-файл. При генерации страницы пути всех подключаемых js-файлов сохраняются в массивчик (у нас уже …

Read more

Ajax Layout

Доклад Олега Илларионова про архитектуру клиентской части vk.com (vkontakte). Олег Илларионов: Разработчик ВКонтакте, ответственный за API, разделы Видеозаписей, Друзей, Приложений, интеграцию с внешними сервисами Twitter, Email и другие. Студент ЛЭТИ. http://www.slideshare.net/profyclub_ru/ajax-layout

БЭМ — система модулей (виджетов) от Яндекс

Интересная реализация клиентских модулей, которая предполагает определённую файловую структуру для шаблонов, css, js и любых других нужных технологий. Естественно, повторное использование. Декларации для автоматической сборки модулей (css, js, шаблонов) написаны на javascript. Есть скрипты для автоматической сборки модулей в страницы. Пример построения сайта от разработчиков — http://video.yandex.ru/users/ya-events/view/302/?ncrnd=6362 Вот ещё видео — тут рассказывается про то, …

Read more

Chrome Developer Tools

Решил попробовать сменить браузер разработки с firefox на chrome. Почитал статью про возможности Chrome Developer Tools. Оказывается, там столько интересного есть :)