173003, г. Москва

ул. Большая Юшуньская, д 1А, корп 4 к. 1002


Представительство в Нижнем Новгороде

603105, ул. Памирская, д 3, оф 9

e-mail: Atavisma@yandex.ru

скайп-Atavisma711   IСQ-585 76 76 76


Портфолио - ПРОДВИЖЕНИЕ в Поисковых системах

Рейтинг пользователей: / 0
ХудшийЛучший 

Ускорение наших сайтов

И снова здравствуйте.

Продолжаем от простого к сложному.


В предыдущих статьях ( раз, два, три, четыре, пять ) мы с Вами разобрали самые простые и очевидные вещи.

Но очень важные. И приятно то, что не являясь программистами мы с Вами смогли решить эти довольно неприятные для любого сайта проблемы.

Мы сделали несколько простых вещей

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

Увеличиваем скорость открытия страниц нашего сайта

Теперь давайте займёмся более тяжёлым делом. Постараемся увеличить скорость открывания наших сайтов. ( кстати- а для чего вообще ускорять сайты? Первое, что приходит в голову - это то что чем быстрее открываются страницы, тем удобнее пользователю, меньше ждать, больше шансов ему понравиться и соотвественно для увеличения пользовательских факторов. Ну и конечно -поисковики заставляют быть быстрее)))

Итак- берём больной сайт — у меня пусть это будет вот такой nnov-ideal.ru


копируем адрес и вставляем его последовательно в формы трёх классных бесплатных сервисов.

Вот они -

  1. http://developers.google.com/speed/pagespeed/insights/

  2. http://www.webpagetest.org/

  3. http://tools.pingdom.com/fpt/


Статей получится здесь несколько, не одна, так как затронутые темы очень большие.

Но и радость Ваша будет так же неподдельная, после того, как Вы всё сделаете и почистите.


Итак- тест на первом сервере. Я вставил адрес вот этот nnov-ideal.ru , Вы- свой естественнно.

Включаем- немного ожидания.

Смотрим и печалимся...проверка скорости открывания сайта

Гугловский сервер пишет что оценка нашего сайта - 23 из ста !!!!!!!!!! ((((((((((((((. Это на компе. На мобильном траффике — 21 из ста. Хуже быть не может.


Сразу же тест на №2. Ожидание -и такая же низкая оценка -24 из ста. (см. здесь картинку)

В первых строках оба сервиса пишут - НАДО ОПТИМИЗИРОВАТЬ ИЗОБРАЖЕНИЯ

№ 3 выдал оптимистичную картину )) странно, но вопрос ведь не в этом. Вопрос в том, как исправлять выявленные недостатки, а не как любоваться собой и своим сайтом.


Итак- Опять от простого идём.


На 1 и 2 серверах выявилось одна и та же ошибка наших сайтов. У Вас- думаю- будет так же, чуть лучше возможно. Итак- оба сервера требуют от нас — ОПТИМИЗИРУЙТЕ ИЗОБРАЖЕНИЯ !!!!

И когда Вы посмотрите на скрин- то ужаснётесь вместе со мной. Это что-то страшное.

Ну когда картинки со ста кб нужно уменьшить вдвое -это нормально- надеюсь- у Вас так.

Но чтобы на сайте были картинки больше мегабайта Очень большой размер изображений на сайте- это ни в какие ворота конечно не лезет.


Итак-





я и Вы

оптимизируем свои изображения

Первое, что нужно сделать — это уменьшить размер изображения. Можно уменьшать в программах на компе- я обычно использую для этого бесплатный редактор с русским модулем Ирфан вьюер ,

но недавно нашёл очень удобный он-лайн сервис ,который уменьшает картинки почти без потери качества.

Давайте дойдём до него. Открываем. Появляется вот такая страничка. Дальше лучше загружать картинки с компа ( а это значит ,что сначала Ваши тяжёлые картинки надо сначала с Вашего сайта сохранить на Вашем жёстком диске), итак -загружаем картинку с компа и дальше жмём вкладку вверху - «Изображение» - «Размер изображения» Выставляем приемлимый размер- около 400х300.


Получилось вот так как получилось. Дальше жмём ФАЙЛ — СОХРАНИТЬ. Ну и сохраняем на компе.

В моём случае я с полутора мб убрал изо до 30 кб. То есть уменьшил в 50 !!!!!!!!!!!!! раз.

Конечно качество пострадало, но нам сейчас важнее скорость на сайте.

( кстати, немного быстрее- если картинок для редактирования много - будет сделать так. Открываем в Ирфан вьюер 1,5 мб наши, делаем так ,чтобы картинка была примерно на пол экрана, и обрезаем её другой очень классной прожкой маленькой FastStone Capture ( на торенте найдёте). И так же получаем примерно 400х300. Так же с потерей некоторой качества. Ну тут уж.....


Это первое

А второе здесь.

С картинкой ещё не всё конечно.

Идём на бесплатный так же сайт оптимизации картинок http://tools.dynamicdrive.com/imageoptimizer/ вставляем опять в форму нашу картинку и выбираем не очень страшную, обычно в два раза меньшую, картинку , сохраняем её и ВОТ ТОЛЬКО СЕЙЧАС

Меняем картинки на сайте. Меньшую на большую. С таким же названием через админку или ФТП, как уж у кого.

Я бы советовал напрямую с компа на FTP. Быстрее просто.  Да -и там, где можно - расширение .png меняйте на .jpg


И ТАК ВСЕ картинки на сайте, с размером большим чем 60-70 кб и которые могут быть заменены с небольшой потерей качества.


И конечно -если на картинках не проставлены теги title="" alt="" сделать это срочно и ОБЯЗАТЕЛЬНО. Ну и отступ не забыть от текста 4 или 7 пикселей, и выравнивание слева или справа. Или как Вам угодно.


Вот по картинкам всё. Я пошёл ковырять своё безобразие, а Вы -смотрите и редактируйте -своё.

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

И, чтобы было понятно- КАК !!!! влияют все факторы на скорость открытия сайта, смотрим.

Я только почистил и уменьшил картинки. И вот результат. Результат оптимизации изображений

Добавить комментарий


Защитный код
Обновить