Автор: Даниэль Скокко
Перевод: Всеволод Козлов

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

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

  1. Оптимизируйте все изображения: всегда используйте функцию графического редактора «Save for the web». Неоптимизированные изображения тормозят процесс загрузки сайтов, поэтому настоятельно рекомендуется их оптимизировать. В Интернете есть очень хороший инструмент оптимизации изображений – воспользуйтесь им.
  2. Правильно выбирайте формат изображений: помимо оптимизации изображений важен ещё и правильный выбор формата изображений. Формат JPEG предназначен для фотографий и других полноцветных изображений. Формат GIF следует использовать для изображений с малым количеством цветов (не более 256 прим.переводчика), таких как логотипы и различные кнопки. Формат PNG очень похож на предыдущий – GIF, но поддерживает больше цветов.
  3. Оптимизируйте CSS-файлы: в настоящее время дизайн многих сайтов задаётся в css-фалах. Убедитесь в том, что Ваши css-файлы максимально оптимизированы. Если же нет, то воспользуйтесь специальным онлайн-инструментом оптимизации css-файлов CleanCSS. Данный инструмент объединит одинаковые селекторы, удалит бесполезные свойства и пробелы из кода.
  4. Используйте слэш на конце ссылок: когда пользователь Интернет открывает ссылку вида «http://www.domain.com/about» сервер должен «понять», какой файл или страница находится по данному адресу. Если же ссылка имеет вид «http://www.domain.com/about/» (добавлен «/» на конце ссылки), то сервер уже будет знать, что это за страница. Тем самым уменьшается время загрузки сайта.
  5. Для всех изображений указывайте атрибуты Height и Width: многие веб-мастера забывают указывать для изображений атрибуты Height и Width. Данные атрибуты дают браузеру информацию о размере изображения до его загрузки. В результате браузер «бронирует» место под изображение указанных размеров и продолжает загружать веб-страницу дальше. Таким образом, процесс загрузки сайта ускоряется.
  6. Уменьшите количество HTTP запросов: при открытии веб-страницы каждый объект (изображение, скрипт…) делает запросы к серверу. Этот процесс прибавляет секунды к времени загрузки сайта. Постарайтесь уменьшить кол-во объектов, например, путём объединения нескольких css-файлов в одном.

Оригинал статьи: 6 Ways to Speed Up Your Site




Смотрите также:

Понравилась статья? Поделитесь ей в социальных сетях: