Вес страниц надо уменьшить, помогите(

12
Merlak
На сайте с 19.03.2010
Offline
18
1366

Добрый день форумчане!

Я хочу уменьшить вес страниц за счёт уменьшения css. Рисунков у меня мало.

В основном я проверял через main-ip.ru, там css - 150 кб. это очень много. Или нет?

Я наблюдал за весом страниц вконтакте, там вообще 0,5 % от общего объёма веса. У них всё на ява скриптах. как такое возможно))

Подскажите мне, 380 кб общий вес главной страницы это много? Или терпимо. И сколько должна весить страница чтобы поисковик проиндексировал более или менее страницу.

Спасибо!

Забыл. вот мой сайт: http://www.merlak.com

Garin33
На сайте с 31.08.2009
Offline
169
#1

Я считаю "нормальный" вес страницы - это в пределах 100 кб.

Первое, что приходит на ум - использовать gzip, далее можно попробовать сжать css, статья 2.

Еще неплохо бы уменьшить качество картинок, а то 20-30 кб весят картинки размером в 200 пикселей, многовато для них. После сжатия (к примеру, фотошопом - "сохранить для web и устройств") такая картинка будет весить на 30-60% меньше, для глаза заметных изменений нет.

Потому что Drupal - это круто.
dma84
На сайте с 21.04.2009
Offline
165
#2
Ragnarok
На сайте с 25.06.2010
Offline
208
#3

150кб CSS это жесть

//TODO: перестать откладывать на потом
Merlak
На сайте с 19.03.2010
Offline
18
#4
Ragnarok:
150кб CSS это жесть

Ну это я преувеличил. на самом деле 74 кб. Это с графикой вместе 162179 байт.

Т.е. вот данные:

размер HTML разметки страницы: 75885 байт ( 19.9 % )

полный вес CSS ресурса: 72457 байт ( 19 % )

размер JavaScript страницы : 70229 байт ( 18.4 % )

вес графики включая прописанную в CSS: 162179 байт ( 42.6 % )

графическое изображение:

полный вес главной страницы сайта 380750 байт

Garin33
На сайте с 31.08.2009
Offline
169
#5

В данном случае не нужно полагаться на эти "сервисы", вот я сохранил морду на комп, общий вес файла+папки с графикой 531 кб.

Вообще к моему совету прислушайтесь, не думаю, что кто-то может предложить еще какие-то решения, кроме платных "анализов" и "оптимизации работы".

Merlak
На сайте с 19.03.2010
Offline
18
#6
Garin33:
В данном случае не нужно полагаться на эти "сервисы", вот я сохранил морду на комп, общий вес файла+папки с графикой 531 кб.
Вообще к моему совету прислушайтесь, не думаю, что кто-то может предложить еще какие-то решения, кроме платных "анализов" и "оптимизации работы".

Благодарю Garin33, как с деньгами будет по свободнее обязательно обращусь к платным сервисам!

Спасибо вам за советы!

dma84
На сайте с 21.04.2009
Offline
165
#7

В секции head стоит тег <base href='http://www.merlak.com/' />

зачем у всех ссылок пишите href="http://www.merlak.com/....." ?

ИМХО, лишний вес, причём, учитывая количество внутренних ссылок на странице - 462 по 21 байту, получаем почти 9,5 килобайт ненужной информации

Тег <meta http-equiv="X-UA-Compatible" content="IE=7" /> у вас вообще не работает, он должен идти самым первым в секции head (к весу страницы не относится)

Вес главной страницы увеличивается из-за инлайн Джаваскриптов, но это даже не минус, а, скорее, плюс, т.к. меньше запросов к серверу.

Разметка кода - ну тут кому как, можно сэкономить пару лишних (кило)байт на отступах между тегами.

Вот такие пироги. Ещё можно сжать css и js, объединить их в один файл, юзать gzip для всех текстовых файлов, сжимать картинки и т.д. и т.п.

Merlak
На сайте с 19.03.2010
Offline
18
#8
dma84:
В секции head стоит тег <base href='http://www.merlak.com/' />
зачем у всех ссылок пишите href="http://www.merlak.com/....." ?
ИМХО, лишний вес, причём, учитывая количество внутренних ссылок на странице - 462 по 21 байту, получаем почти 9,5 килобайт ненужной информации

Тег <meta http-equiv="X-UA-Compatible" content="IE=7" /> у вас вообще не работает, он должен идти самым первым в секции head (к весу страницы не относится)

Вес главной страницы увеличивается из-за инлайн Джаваскриптов, но это даже не минус, а, скорее, плюс, т.к. меньше запросов к серверу.

Разметка кода - ну тут кому как, можно сэкономить пару лишних (кило)байт на отступах между тегами.

Вот такие пироги. Ещё можно сжать css и js, объединить их в один файл, юзать gzip для всех текстовых файлов, сжимать картинки и т.д. и т.п.

Яяяясно,... Спасибо dma84!

getnaked
На сайте с 13.02.2011
Offline
62
#9

Сжать CSS через codebeautifier.

Изображения сжать через Smushit или PunyPNG.

Ну и да, если много мелких изображений, то лучше воспользоваться спрайтами.

Мой блог (http://getked.ru)
dma84
На сайте с 21.04.2009
Offline
165
#10
getnaked:
Сжать CSS через codebeautifier.
Изображения сжать через Smushit или PunyPNG.

codebeautifier - да, а вот изображения лучше сжимать UleadSmartSaverPro или Advanced JPEG Compressor.

НО! Многие сжималки для JPEG почему-то коробят красный цвет (создаётся тёмно-красная, вплоть до чёрного, каёмка), так что в ряде случаев можно юзать Фотошоповское сохранение для web и устройств

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий