12.07.2015 Views

Реактивные веб-сайты Николай Мациевский Евгений ...

Реактивные веб-сайты Николай Мациевский Евгений ...

Реактивные веб-сайты Николай Мациевский Евгений ...

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

Уменьшение количества запросов127Стоит также упомянуть, что классический JSMin не поддерживает условнуюкомпиляцию для IE. Поэтому тут нужно воспользоваться модифицированнымрешением (например, из исходных кодов Web Optimizer).4.1.3. á‡Íβ˜ÂÌËÂОбъединение текстовых файлов способно значительно ускоритьзагрузку вашего сайта, не причиняя вреда качеству разработки (выможете разрабатывать отдельно и в автоматическом режиме выкладыватьна сайт уже готовые версии файлов). Как показывают данные сwebo.in, на произвольном сайте в Рунете используется 2,7 файловстилей (средний размер — 5,5 Кб) и 5 JavaScript-файлов (среднийразмер — 15 Кб). Простое их объединение позволит выиграть 0,5-1 спри загрузке страницы. А минимизация (вместе с gzip-сжатием,уменьшающим размер на 85%) — еще 60 Кб, что составит 0,6 с прискорости подключения 100 Кб/с.Как мы видим, совершенно простые действия способны значительноускорить загрузку вашего сайта.4.2. Ä΄ÓappleËÚÏ apple‡Á·Óapple‡ Ë Ò·Óapple‡ CSS SpritesВ книге «Разгони свой сайт» был опубликован довольно подробныйобзор технологии CSS Sprites. После внедрения ее на нескольких сотняхрабочих проектов удалось собрать некоторый набор наиболее часто возникающихпроблем при использовании CSS Sprites и методов их решения.Также в этом разделе рассматривается прикладной способ по автоматизациисоздания CSS Sprites для произвольного проекта.4.2.1. é·ÁÓapple ÚÂıÌÓÎÓ„ËËCSS Sprites, на самом деле, —всего лишь расширенное использованиетехнологии background,заложенной еще в спецификацииCSS1. Все, до чего додумалосьпрогрессивное человечество заэти годы, — это множественныйфон у элементов (как он будетсовместим с концепцией CSS

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!