четверг, 12 марта 2009 г.

Оптимизация скорости загрузки блога


Когда я начинал вести этот блог, то он представлял собой белый лист текста без графики, скриптов и гаджетов. В то время скорость загрузки блога была почти мгновенной. Но, как известно, не только текст повышают интерес читателя к ресурсу, но и использование правильного дизайна. Я, хоть и не обладаю навыками дизайнера, постарался придать блогу немного привлекательности и сделать его удобным для посетителей. Так на блоге появились картинки, JS-скрипты и гаджеты. Но каждый раз, добавляя новую картинку или гаджет, я замечал, что время загрузки блога увеличивается. Это создавало лишние секунды ожидания, а для кого-то, возможно, и минуты.




Если Вы используете счётчик посещений Google Analytics, то обратили внимание на параметр "Показатель отказов.".



Показатель отказов

процент посещений, в ходе которых было открыто не более одной страницы (т.е. тех, при которых посетитель покидает сайт со страницы входа).



Конечно же, пользователь может не обнаружить нужной информации и покинуть сайт по этой причине. Но может быть и так, что пользователь "устал" ждать загрузки и закрыл сайт. Это значит, что скорость загрузки блога имеет наиважнейшее значение для удержания целевых посетителей. Таким образом это говорит о необходимости проведения оптимизации скорости загрузки.



Прежде чем приступить к оптимизации необходимо провести полный анализ. Для этого можно воспользоваться бесплатным и удобным сервисом webo.in или любым другим. Введя адрес своего блога я получил рекомендации по оптимизации в которых были чётко описаны действия, позволяющие добиться максимальной производительности. Так, для этого блога возможное ускорение может составлять 183%.


Общие рекомендации по по оптимизации скорости загрузки




  1. Уменьшение размера HTML-кода путём удаления ненужной информации (комментарии, переносы строк).

  2. Уменьшение размера CSS-cтиля шаблона, используя сервис Code Beautifier.


  3. CSS-стиль расположен в HTML-шаблоне между тегами <b:skin> и </b:skin>. Предварительно сохраните текущий шаблон.


  4. Использование одного ресурса для хранения статичных файлов (иконки, кнопки, скриптов).

  5. Например, можно скопировать кнопки каталогов на fileave.com, что уменьшит количество запрашиваемых хостов.

  6. Использование оптимизированной графики в формате PNG.


  7. Благодаря специальным утилитам можно значительно уменьшить размер графических файлов без потери их качества.



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


12 коммент.:

a13x4ndr комментирует...

Что-то у меня webo.in не заработал :( Может, у них обед?

IvanXP комментирует...

Всякое может быть.
Сейчас пока работает.

Jlocb комментирует...

очень интересный ресурс.
вечером, вернувшись с учебы, попытаюсь разобраться.)

a13x4ndr комментирует...

Все они проснулись, заработало!

prokofevna комментирует...

Я когда-то делала себе анализ на этом сайте...
А потом это сайт выдал весь мой анализ в инет в открытом виде..
Так что поосторожнее с этим сайтом.
Я его вообще удалила у себя из закладок....
Глючил....

IvanXP комментирует...

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

БабочкаЯночка комментирует...

Цитата:"Но каждый раз, добавляя новую картинку или гаджет, я замечал, что скорость загрузки блога увеличивается." Позвольте не согласиться.
Скорость-то загрузки наоборот - уменьшается (когда вы всякие в блог прибамбасы вставляете), это время загрузки, то есть ожидания увеличивается. Чем выше скорость, тем меньше времени ждать надо.

IvanXP комментирует...

Действительно ошибка. Скорость - это чаще постоянная величина (скорость соединения с интернет). Правильно, меняется время загрузки.
Спасибо, таким внимательным читателям. Они мне очень помогают.

Verigold комментирует...

Спасибо! А то для блоггера совсем нихрена нету)))
А как сжать сам HTML код?

Маша Халикова-Нартыева комментирует...

Спасибо, я тоже сначала надобавляла много всего лишнего в свой блог, скорость загрузки существенно снизилась, так что советы пришлись кстати. :-)

Сергей комментирует...

Сам текст обрабатываеся очень быстро. Сайты начинают тормозить в основном из за обилия графики и скриптов.

Max комментирует...

А webo вроде больше не пашет, редирект на платные услуги там
Зато вот такой нашел http://www.unshit.com/ru/

Отправить комментарий

Примечание. Отправлять комментарии могут только участники этого блога.

 
item