Вопрос
Кто-нибудь знает, как я могу уменьшить размер своей страницы во время ее загрузки?Как в любом случае я могу уменьшить размер моего CSS-файла и Javascript-файла?
Решение
- Сжатие в формате Gzip
- Минимизация
- Объединение нескольких запросов в один
Сжатие GZIP эффективно для текстовых ответов, таких как таблицы стилей и HTML, но не для изображений.
Минимизация эффективна в CSS и Javascript (в большей степени в Javascript).Существуют различные решения, доступные в зависимости от вашего языка и фреймворка.Это запутывает отправляемый код, удаляя пробелы и сокращая имена идентификаторов, где это возможно.
Объединение нескольких запросов в один значительно сокращает задержку, даже если это не сильно экономит пропускную способность.Это приводит к более быстрому восприятию времени загрузки пользователями.Вы можете объединить несколько CSS-файлов в один, что совсем несложно.С изображениями вы можете использовать технику, известную как спрайты.
Другие советы
Компрессор YUI это один из вариантов.
ИЗлоу достаточно для того, чтобы получить представление о том, почему это происходит медленно.
В нем, как правило, даются рекомендации для крупных сайтов, а не для маленьких, поэтому руководствуйтесь здравым смыслом.
Вы имеете в виду переданные байты?Если это так, вы бы использовали Сжатие HTML-кода в формате GZIP.В Apache используйте mod_deflate мод_отражать.Существуют также фильтры сервлетов.
w3компилятор это инструмент, который будет делать именно то, что вы хотите.
На эту тему есть замечательная книга под названием Высокопроизводительные веб-сайты.Это книга О'Рейли, которая проведет вас через различные этапы повышения производительности на стороне клиента.В нем рассматриваются предложенные вами темы, такие как размеры файлов CSS и JS, среди прочего.