Скорость загрузки сайта — как ее улучшить

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

Оптимизация изображений. Если вы сами редактируете изображения перед загрузкой на сайт, то используйте функцию “Сохранить для Web“, которая имеется во многих (если не во всех) редакторах. Изображения — грузится наиболее тяжело на сайте( представьте время загрузки, если фото 1Mb, а скорость Dial-Up).

Если не умеете пользоваться программами для работы с графикой, то воспользуйтесь online оптимизатором изображений.( От авт.: лично я, после всех операций с изображениями, прогоняю их через “Paint”, Открыть — Сохранить. Иногда значительно уменьшает вес картинки, но вышеупомянутый оптимизатор — это что-то. Моё фото на сайте весит 29kb, “Paint” — сделал 12kb, а оптимизер -8,3kb).
Формат изображений. Помимо оптимизации важно правильно выбрать формат изображения. JPEG формат удобен для фотографий или реалистичных изображений. Формат GIF используется для упрощенных, типа логотипы ,кнопки. PNG работает подобно GIF, но поддерживает больше цветов.

 
Улучшая скорость загрузки сайта, оптимизируй свой CSS. В наши дни большинство сайтов разработаны с использованием CSS стилей. Но если размер файла CSS стилей достигает огромных размеров, то стоит задуматься об оптимизации. Можно воспользоваться сервисом CleanCSS, который удалит бесполезные и объеденит аналогичные участки кода, почистит от пробелов.(От авт.: проверил свой “style.css”: до — 9.195KB, после — 6.294KB компресии 31% ).

 
Используй слеш (/) в ссылках. Когда пользователь открывает ссылку вида http://www.domain.com/about , то серверу необходимо вычислить, какой файл или страница находятся по этому адресу. При наличии слеша (/) в конце ссылки, сервер уже будет знать, что это страница каталога, тем самым уменьшиться время загрузки.

Используйте тэги высоты и ширины (height и width). Многие просто забывают добавить эти тэги в параметры изображения. Если тэги присутствуют, то браузер при загрузке страницы, знает какой размер у картинки. В результате он оставит место для изображения, загружая остальную часть страницы, ускоряя процесс в целом.

 
Уменьшите количество запросов. Во время открытия страницы каждый объект (изображение, скрипты) обращается к серверу. Это может добавить несколько секунд ко времени загрузки сайта. Объедените вместе CSS файлы и скрипты, уменьшите количество обектов на странице.

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

Ирина Петрова

 

 

Метки:

Количество комментариев: 2 к записи “Скорость загрузки сайта — как ее улучшить”

  1. Елена текст комментария:

    Как всегда, на Вашем сайте — только точная и полезная информация. Спасибо, на такие мелочи, действительно обычно не обращаешь внимания, просто не задумываешься, как внимательная проработка оформления сайта может улучшить его восприятие для посетителей. Про JavaScript и PHP все знают, а про детали оформления никто и не задумается. Еще раз спасибо.

    [Ответить]

  2. Анна текст комментария:

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

    [Ответить]

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