388x60 Ads

Средства оптимизации шаблона Blogger

Средства оптимизации

Добрый день, уважаемые читатели блога БЛОGГЕР!

Продолжая тему об оптимизации шаблона блога, созданного на блог-платформе Blogger, хотел бы поделится с вами отдельными инструментами (сервисами, программами), которые вам пригодятся в процессе оптимизации.

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

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

Если у вас на компьютере установлена программа Photoshop, откройте в ней изображение и сохраните изображение для web устройств выбрав по своему усмотрению качество от 50% до 70%. Затем загрузите обработанное таким образом изображение в ваш блог. Сразу скажу, что по моим наблюдениям изображение быстрее сохраняется, если вы его добавляете в сообщение в режиме "Изменить HTML".

Если у вас нет программы, которая позволяет сжимать изображения, воспользуйтесь онлайн сервисами:
jpegmini - обеспечивает качественное сжатие изображений в форматах jpeg и jpg.
punypng - быстро сжимает  изображения в форматах jpeg, jpg,  и png.

Читатель может задать такой вопрос - что делать если ранее изображения перед загрузкой в блог не сжимались, а в блоге достаточно много сообщений, почти в каждом из них есть минимум одно изображение?

Как ни странно, но в этом случае к нам Google спешит на помощь. Воспользуйтесь архиватором Google Takeout. Вам нужно создать архив из Picasa и сжать при помощи программы пакетной обработки изображений.

Рекомендую достаточно простую в использовании программу Light image resizer 4.1.1.5.

Скачать бесплатно Light image resizer 4.1.1.5.

Итак, запустите Light image resizer. Откройте в Проводнике папку с изображениями из архива Picasa. Выделите все изображения в папке (Ctrl-A) и перетащите их в окно "Изображений" Light image resizer. Обязательно нужно настроить "Политику". По умолчанию во вкладке "Настройки" Light image resizer установлено - "Всегда изменять размер". Внимание! Если вы оставите все как есть, некоторые ваши изображения будут уменьшены, а некоторые будут увеличены в размере. По этому, в поле "Политика" нужно выбрать - "Всегда уменьшать". Качество ставим от 50% до 70%. Нажимаем кнопку "Выполнить" и получаем сжатые изображения. Для того, что бы сжатые копии изображений не смешивались с оригиналами, в настройках Light image resizer в поле "Сохранить" укажите путь к заранее созданной для этого папке.

Немаловажную роль играет количество сообщений на главной странице блога.

В руководстве "Как ускорить загрузку блога?" Google рекомендует:
Советуем размещать на главной странице не более 10 сообщений.

Я уже писал, что если вы захотите вынести основную css на внешний хостинг, то желательно такой файл сжать. Для этого рекомендую cleancss.

Официальный инструмент для сжатия javascript файлов от компании Google – closure-compile.

Вернемся на минутку к руководству Google "Как ускорить загрузку блога?". В нем сказано:
Для ускорения загрузки блога рекомендуем использовать только виджеты Google или Blogger. То же относится и к скриптам JavaScript и ссылкам.

По этому, сжатые JavaScript рекомендую загрузить на Google Code.

Для проверки скорости загрузки блога Google рекомендует службу Stopwatch.

Если эта статья вам понравилась, не стесняемся и активно плюсуем.



Подпишитесь В закладки НапечататьPrint Friendly and PDF


Вячеслав Вареня
Статус: seo-специалист | Контакты


11 коммент.:

Asimo комментирует... [Ответить]

Интересно, неужели и вправду на главной не более 10 сообщений??

БЛОGГЕР комментирует... [Ответить]

@Asimo

Ну, так советуют...

alexbereza комментирует... [Ответить]

А я как деревня делаю: принтскрин, а потом в Paint вставляю)))))) изображения получаются от 15 до 50 кб, и качество нормальное)))))

ostapof комментирует... [Ответить]

@Asimo Я как-то сам к этому пришёл;) Без помощи подсказок Google смотрю блоги с большим кол-вом сообщений на главной долго грузятся.. и сделал вывод.

Татьяна комментирует... [Ответить]

@alexbereza
А я открываю изображение через Paint и там его моделирую.

Татьяна комментирует... [Ответить]

@alexbereza
А я открываю изображение через Paint и там его моделирую.

Asimo комментирует... [Ответить]

Хорошо что фотографии хоть оптимизирую

ТАНЯ комментирует... [Ответить]

Очень интересно. Теперь знаю, какие я делала ошибки. Спасибо.

Эдитор комментирует... [Ответить]

В своё время чуть не опух, пока пытался сделать шаблон валидным. Это, кстати, смешно даже: блог платформа поисковой системы №1 в мире в плане валидности корява донельзя. Чего не скажешь, например, о вордпрессе. Не понимаю, почему гугл не обратит на это внимание...

Денис Крюков комментирует... [Ответить]

А как сделать в блоке 10 сообщений что бы отражались?

Вячеслав Вареня комментирует... [Ответить]

@Денис Крюков

Настройки - Сообщения и комментарии - Показать не более

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