5.0 0.5 3 12

Как ускорить сайт?

Кристина Фирсова
Кристина Фирсова
5 марта 2013
414
Оцените:
Как ускорить сайт?

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

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

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

Оптимизируя изображения, можно столкнуться с многими препятствиями, а их преодоление может иметь десятки вариантов, так что выбор за вами. Можно работать с форматами файлов, улучшить использование СSS и кода, применять различные иные приёмы оптимизации изображений, которые могут оказать вам помощь в сохранении изображения и в воздействии на него необходимым образом. К примеру, выведение на дисплеях Retina готовых рисунков может занять в 4 раза больше времени и места на диске телефона, чем в предшествующих версиях, когда загрузка и запуск приложений производились просто и напрямую. Актуальность этого не очень важна для веб-дизайнеров и разработчиков, однако это показывает важность отображения на различных платформах изображений. Итак, перейдем к важным рекомендациям.

Формат изображения

Один из способов того, как ускорить сайт - работа с форматом изображения. Как известно, различные форматы по-разному влияют на скорость, с которой изображения загружаются. В целом, есть много мифов по этому поводу, но большинство профессионалов используют PNG почти всегда, если только дело не касается кнопок одноцветных либо двухцветных (используется GIF).

Код изображения

Сложно представить, что может повлиять на скорость загрузки сайта хуже, чем автоматическое выставление размеров изображения. Установка показателей, например, "width=’60px’ height=’50px’" на всех изображениях может действительно понизить ту нагрузку, которая падает на сервер.

Применим инструменты оптимизации

Задавшись вопросом о том, как ускорить индексацию сайта, мы непременно наткнемся на этот пункт. Лидерами неофициально являются ImageOptim для Mac, Riot - для Windows. Помещенное в них изображение будет оптимизировано и сохранено в формате, в котором было загружено. За исключением графических и текстовых редакторов эти инструменты являются действительно самыми важными. 

Оптимизации Java-скриптов и CSS

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

  • Во-первых, если что-то возможно сделать в CSS, обязательно делайте это в CSS. Используйте все преимущества СSS3 вашего браузера, ведь именно они предлагают вам все инструменты для быстрого выполнения макетов, и вам уже не потребуется компоновать их в дальнейшем в HTML. В CSS возможно реализовать практически все, пробуйте!
  • Во-вторых, в таком деле, как оптимизация, всем известная формулировка «больше - лучше» не работает. Уменьшайте и уменьшайте, и вы повысите скорость работы сайта не в разы, но улучшение будет заметно. Установите плагин Java/CSS и задайте такие настройки, чтобы скачивалась уменьшенная версия кода сайта.
  • В-третьих, будьте осторожнее с in-line в CSS и JavaScript. Этот метод давно устарел и увеличивает время серверной загрузки. Сайт будет работать и с ними, но при борьбе за оптимизацию от in-line отказаться все-таки придется.
  • В-четвертых, лучшее перемещение - вниз. Если на страницу, которая сделана в HTML, нужно вставить Java-скрипт, то пусть он лучше находится в низу документа. Тогда Java будет выполняться после загрузки страницы.
  • В-пятых, оптимизируйте DOM. Уменьшайте его при каждой возможности. Всегда ищите новые пути. Работа с jQuery создает много подобных элементов и замедляет сайт. 

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

Создавайте файлы favicon.ico, браузеры ищут их, а если не находят, то кешируют для себя ошибку. Уменьшайте размеры cookies, работайте с кэшем и продолжайте свой путь к ускорению загрузки, ибо способов очень много, и пусть вас не волнует вопрос о том, как ускорить индексацию сайта, пусть это будет вопрос о том, как ускорить её ещё сильнее. Надеемся, наша статья дала вам подробные советы о том, как ускорить работу сайта. 

Подписывайтесь на наши группы в социальных сетях - смешные статьи, картинки и факты!