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

Уменьшение количества запросов1374.3.3. èappleÓ·ÎÂχ 1: ‰Ó΄‡fl Ôapple‰Á‡„appleÛÁÍ‡В случае включения фоновых картинок прямо в CSS-файл последнийзаметно увеличивается в размере (даже при использовании gzip-сжатия).Это значительно увеличивает время предзагрузки (если фоновых картинокбольше 10—15 Кб), и пользователь дольше видит белый экран. Опятьвсе плохо. Как быть?Возможным выходом из сложившейся ситуации может стать подключениеCSS-файла с фоновыми картинками по комбинированному событиюwindow.onload, что вынесет загрузку элементов дизайна в ту область, гдеона изначально находилась: на стадию полной загрузки страницы или дажев пост-загрузку. В данном случае мы получаем полную аналогию методаCSS Sprites, только без заявленных выше неудобств.4.3.4. èappleÓ·ÎÂχ 2: ‚˚Íβ˜ÂÌÌ˚È JavaScriptОписанный выше прием позволит облегчить загрузку только пользователейс включенным (или поддерживаемым) JavaScript (их порядка 98-99%). Однако в ряде проектов это может быть недостаточно. Для оставшихсяпользователей мы можем через подключить нужныйнам файл (и конкретно для них замедлить предзагрузку) или поместитьвызов этого файла перед (что в ряде случаев может быть аналогичноподключению стилей в ).В качестве еще одного варианта можно рассмотреть создание единственногоCSS-файла для таких пользователей, чтобы максимально ускоритьим загрузку в случае отключенного JavaScript.4.3.5. èappleÓ·ÎÂχ 3: Safari Ë window.onloadИз-за того, что Safari отличается алгоритмом обновления страницы(что позволяет значительно ускорить отображение самих страниц), дляэтого браузера не удается загрузить дополнительные стили после отображенияпервоначальной картинки (на стадии полной загрузки страницы).В этом случае Safari блокирует отрисовку картинки на экран и ожидает загрузкунового файла стилей.На данный момент для Safari мы можем безболезненно загружать дополнительныефайлы стилей только по полному событию window.onload.4.3.6. èappleÓ·ÎÂχ 4: Microsoft, IE7 Ë Windows VistaВ результате проведенных исследований удалось установить, что всвязи с проблемами безопасности в Vista mhtml-технология для отобра-