Оптимизация
- Google Closure Compiler в деталях
Этот раздел посвящен Google Closure Compiler.
Чтобы его написать, мне пришлось буквально разобрать компилятор по косточкам, благо все сырцы в наличии есть. И, как оказалось, оно того стоило.
Инструмент мощный, сложный (поначалу), парой слов тут не отделаешься. Надеюсь, что после прочтения данного раздела он станет для вас простым. читать дальше »
- Yahoo: лучшие способы ускорения сайта
Предлагаем Вашему вниманию перевод статьи Стива Содерса с Yahoo по улучшению производительности сайта путем правильного проектирования HTTP/HTML/CSS/JS.
В статье рассмотрены 14 весьма(!) полезных правил  читать дальше »
- Анализ оптимизации страниц c Yslow
- Интерфейсы. Прочь от MVC
Большинство сложных программных систем создаются с использованием паттерна MVC.
Многие программисты, приходя на javascript с других языков, по инерции используют этот подход.
Однако, при программировании javascript-интерфейса он зачастую бесполезен, приводит к тормозам, переусложнению приложений...
В javascript-интерфейсах, в отличие от Java/C++ и других - обычно не нужен паттерн MVC. читать дальше »
- Оптимизация Javascript-кода
Оптимизировать код javascript, конечно, надо не везде. Обычно - в ускорении нуждаются
- интерфейсные компоненты
- обработчики частых событий
- onmousemove
- CSS expression (IE)
Основные узкие места - как правило, там, где javascript вызывается очень часто. Мы рассмотрим основные причины тормозов и то, как их преодолеть.
А чтобы все было очевидно и наглядно для любых браузеров - примеры можно тестировать тут же, онлайн.
читать дальше » - Польза от documentFragment
В свое время читал много статей о documentFragment, но долго не мог понять, что в нем реально крутого.
Через некоторое время осознал, что ничего, но кое-что есть. Об этом и поговорим  читать дальше »
- Сжатие Javascript и CSS
При сжатии javascript, как и HTML/CSS, используется GZIP на сервере: mod_deflate в apache/nginx, mod_deflate/mod_compress в lighttpd.
Это - универсальное сжатие. Но есть и специфическое, которое помогает уменьшить размер в 2 и более раза, по сравнению с простым gzip.
Минификация javascript убирает лишние символы из исходника и хитрыми способами уменьшает его размер. При хорошем сжатии обычно происходит обфускация, т.е имена переменных заменяются на более короткие там, где это возможно, в результате скрипт становится непонятным. читать дальше »
- Улучшаем сжимаемость Javascript-кода.
При сжатии javascript-кода минификатор делает две основные вещи.
- удаляет заведомо лишние символы: пробелы, комментарии и т.п.
- заменяет локальные переменные более короткими.
В статье рассматриваются минификаторы YUI Compressor и ShrinkSafe.
На момент написания это лучшие минификаторы javascript.
Есть несколько несложных приемов программирования, которые могут увеличить сжимаемость JS-кода.
читать дальше » - Умное Кеширование и Версионность в Javascript/CSS
Подключая внешние CSS и Javascript, мы хотим снизить до минимума лишние HTTP-запросы.
Для этого .js и .css файлы отдаются с заголовками, обеспечивающими надежное кеширование.
Но что делать, когда какой-то из этих файлов меняется в процессе разработки? У всех пользователей в кеше старый вариант - пока кеш не устарел, придет масса жалоб на сломанную интеграцию серверной и клиентской части.
Правильный способ кеширования и версионности полностью избавляет от этой проблемы и обеспечивает надежную, прозрачную синхронизацию версий стиля/скрипта. читать дальше »
|
