converlab

Дизайн. Юзабилити. Конверсия.

Written by: Дмитрий Наумов on 17.03.2011 @ 7:38 пп

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

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

Если говорить в общем, уменьшить скорость загрузки сайта можно:

  • Уменьшите количество HTTP запросов, то есть упростив дизайн (уменьшив количество элементов);
  • Уменьшив «вес» элементов (путем оптимизации оставшихся элементов – кода, скриптов, изображений и прочего);
  • Грамотно управляя рендеренгом страницы (определяя порядок загрузки css и скриптов, используя где это нужно Ajax и прочее);
  • Улучшив параметры сервера и оптимизировать его работу.

Итак, давайте обо всем немного подробнее. Вот десятка более конкретных советов по оптимизации скорости загрузки сайта:

Оптимизируйте код

Хороший, чистый и грамотных код — фундамент быстрого сайта. Конечно, оптимизация HTML и CSS не всегда даст такого радикального прироста производительности как некоторые другие методы, тем не менее, именно с этого шага стоит начать (вернее о этом нужно позаботиться еще на стадии разработки сайта).

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

Используйте внешний файл CSS стилей

То что лучше использовать внешний лист стилей CSS — истина старая. Если у вас несколько файлов CSS объедините их в один.

Минимизируйте количество выполняемых скриптов

Сегодня веб-мастера часто злоупотребляют скриптами, хотя именно скрипы чаще чем, что либо еще виноваты в том что сайт грузится 5 минут. Откажитесь от всех лишних скриптов (я например, встречал на некоторых сайтах аж по 5 систем статистики — зачем?). Те скрипты без которых никак не обойтись по возможности лучше так же объединить в одном внешнем файле.

CSS — наверх, JavaScript – вниз

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

скорость

Используйте компрессию или кэширование

С помощью Gzip-компрессии можно существенно уменьшить размер страницы. Поэтому в некоторых случаях ее целесообразно использовать (особенно когда речь о сжатии внешних компонентов — CSS и скриптов).

В то же время сжимать все, что попадется под руку нужно не всегда. Обычно лучшего результата (на этот раз речь о страницах) можно добиться используя системы кеширования, вроде WP Super Cache для Wordpress.

По возможности обходитесь без редиректов

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

Разбивайте «тяжелые» текстовые страницы

Бесконечные «портянки» текста нынче не в моде. Они не только утомительны для читателя, но еще и могут прилично весить. Если вам нужно разместить на странице документ объемом более 5000 знаков, есть смысл подумать о том чтобы его разбить его на несколько страниц.

Оптимизируйте размер изображений

Перед тем как публиковать на сайте изображения, неплохо с ними вначале поработать в Фотошопе. Как минимум откадрируйте изображение в нужное вам разрешение и сохраните в подходящем формате(с оптимальными настройками, разумеется). Таким образом иногда можно уменьшить «вес» изображения в разы, практически без потерь качества.

Там где это уместно используйте превью и Ajax-галереи

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

Где это возможно используйте CDN

Благодаря пока еще не очень распространенной технологии CDN (Content Delivery Network) можно существенно увеличить скорость загрузки сайта. Поэтому там где применение CDN возможно и целесообразно, есть смысл попробовать.

По теме CDN читайте:

http://ru.wikipedia.org/wiki/Content_Delivery_Network

http://telemultimedia.ru/art.php?id=339

Вроде бы все что хотел упомянул, ну а если что забыл — вы меня дополните!

Popularity: 5% [?]

Поделиться в соц. сетях

0

Tags: ,

Catogories: Дизайн
  • sasasa

    ггг. скорость загрузки надо увеличивать, а не уменьшать)

  • http://www.maxibiz.blogspot.com/ Дмитрий Наумов

    Вот это лажанул, конечно. Спасибо за поправку -).

    17.03.2011, 19:55, «Disqus» :

  • http://allpa.ru/ Allpa

    Так. Это что – твой новый блог?

  • http://www.maxibiz.blogspot.com/ Дмитрий Наумов

    Так он давно уже не новый, уже почти год исполнился -).

    17.03.2011, 20:48, «Disqus» :

  • http://allpa.ru/ Allpa

    Мдэ?.. о.О Как я пропустила.. А старый что ж? Что-то давно ничего не приходило по подписке..
    ОК, подписуюсь и на этот :)

  • http://www.maxibiz.blogspot.com/ Дмитрий Наумов

    Старый тоже на месте, посты как и раньше выходят 2-4 раза в неделю. Я там только домен поменял на naumov.ws. Может потому и не приходит?

    17.03.2011, 21:04, «Disqus» :