Топ-10 советов о том, как увеличить скорость загрузки страницы. Как увеличить скорость загрузки


Как увеличить скорость загрузки в Steam: практические советы и рекомендации

Сегодня мы попытаемся понять, как увеличить скорость загрузки в Steam. Этот вопрос возникает у пользователей сервиса по всему миру, и в частности в России. Как бороться с упомянутой проблемой? И почему скорость загрузки данных иногда падает? Разобраться во всех этих темах сможет даже начинающий пользователь ПК.

Программы

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

Чтобы решить проблему, как увеличить скорость загрузки в Steam, рекомендуется закрыть все сторонние менеджеры загрузки и торренты. Скачивание документов через браузеры тоже придется остановить. Любые программы, использующие интернет-подключение, отключить. Например:

  • Skype;
  • антивирус;
  • центр обновления Windows;
  • игровой центр @Mail.

Как только не останется ничего, кроме "Стима", можно посмотреть на результат. Скорее всего, предложенный прием действительно поможет.

Регион

Следующий совет, как увеличить скорость загрузки в Steam, работает почти всегда. Он активно применяется пользователями.

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

Итак, как ускорить загрузку в Steam этим методом:

  1. Открыть соответствующую программу.
  2. Перейти в меню "Steam" - "Настройки" - "Загрузки" - "Регион".
  3. Поменять регион. Если там уже стоит сторонняя местность, рекомендуется выставить свою область проживани либо местность, близкую к ней.
  4. Сохранить изменения.

Желательно после этого перезайти в "Стим". Можно посмотреть на результат. При корректировке региона загрузки документов выставлять разрешается любую местность. Особенно если изначально в настройках программы стояло реальное место жительства пользователя.

Проблемы Интернета

В некоторых случаях люди задумываются о том, как увеличить скорость скачивания документов в Steam в конкретное время. К сожалению, никак. Существует так называемый "прайм тайм". В эти периоды загрузка игр может падать до нуля. Дело все в том, что prime time - это что-то вроде периода, когда нагрузка на игровой менеджер максимальна. В эти моменты возможны проблемы не только со скачиванием, но и с работой приложения в целом.

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

Прочие советы

Теперь понятно, как увеличить скорость загрузки Steam. Иногда бывает так, что проблема со скачиванием наблюдается только в упомянутом приложении. Существует немало приемов, которые способны помочь решить поставленную задачу.

Например, можно попробовать:

  1. Перезапустить "Стим".
  2. Перезагрузить компьютер либо выключить его на некоторое время и включить снова.
  3. Перезапустить роутер или модем. Для этого на оборудовании есть специальная кнопка Reset.
  4. Проверить компьютер на наличие вирусов. При обнаружении вредоносных файлов очистить ОС.
  5. Найти и переместить документ под названием Hosts на рабочий стол. Он находится в C/Windows/System32/drivers/etc.
  6. Откатить операционную систему на несколько дней назад. Соответствующее меню находится в "Пуск" - "Все программы" - "Стандартные" - "Служебные" - "Средство восстановления системы".
  7. Переустановить драйверы на компьютере. Желательно сразу заняться переустановкой операционной системы.
  8. Проверить наличие вредоносного ПО в браузере. Если оно есть, придется избавиться от подобных расширений.
  9. Отказаться от использования брандмауэра и антивируса. В Windows первая служба отключается в панели управления, в разделе "Система и безопасность".

Пожалуй, это все. Отныне понятно, как увеличить скорость загрузки в Steam. Все перечисленные советы могут помочь. Главное - набраться терпения и действовать решительно. Иногда исправить положение способно обновление Steam или его переустановка.

Кроме того, некоторые пользователи ничего не делают для повышения скорости закачки игр в "Стиме". Им достаточно просто ждать. Как показывает практика, именно после prime time работоспособность Интернета возвращается. Если перечисленные советы не помогли, то, как мы уже говорили, стоит задуматься над сменой тарифного плана для Интернета. Скорость скачивания обязательно возрастет после этого!

fb.ru

Как увеличить скорость скачивания

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

Естественно у кого скорость скачивания не реактивная, ищут варианты ее увеличить. Здесь есть несколько нюансов.

Первый самый главный – это провайдер. Многие желают скачивание увеличить от Ростелеком, Yota, на модеме используемый модеме и даже через wifi.

Городским жителям проще – они могут провайдера сменить, в деревне таких возможностей практически нет, а платить приходится в три дорого.

Что им делать? Как хоть немного прибавить скорость? Давайте вначале ответим на вопрос, а можно ли вообще увеличить скорость скачивания, не меняя провайдера.

ПРИМЕЧАНИЕ: в сети вам наобещают, с медленного интернета сделать ракету. Не видитесь, кроме вирусов не получите ничего – это невозможно.

Можно ли увеличить скорость скачивания

Немного можно, но 10 процентов это максимум, что можно выжать, и то при удачном стечении обстоятельств.

Первое – не скачивайте с файлообменников, например, с shareman если нет доступа к скоростной загрузке (надо покупать).

Втрое — если скачиваете игры, например, tera, world of tanks, варфейс, и т. д., в игровом центре или с battle net старайтесь делать это не в браузере гугл хром или опере, а пользуйтесь менеджерами загрузок, например, Download Master – даже с mediaget будет быстрее.

Программа для увеличения скорости скачивания до максимума

Здесь речь идет о оптимизации параметров интернета при скачивании файлов. Называется эта программа — Auslogics Internet Optimizer. Вот ссылка на нее:

http://www.downloadcrew.com/article/23452-auslogics_internet_optimizer Все что вам нужно это нажать на: «DOWNLOAD», как на рисунке ниже (она бесплатная и на русском языке).

При использовании Auslogics Internet Optimizer, потеря скорости интернета будет минимальной.

Одного щелчка на кнопку » Оптимизировать» будет достаточно для применения оптимальных настроек, только перезагрузите компьютер или ноутбук, хотя, впрочем, программа вам это сама порекомендует.

Также там найдете настройки, для конкретного браузера: IE, Firefox и Opera, вот только для Google Chrome пока нет.

Хотя скорость загрузки файлов должна увеличится максимум на 6 процентов, это немного, но лучше, чем ничего.

Вердикт: если вы новичок в компьютерном мире, то программа Auslogics Internet Optimizer вместо вас быстро оптимизирует скорость скачивания, а для специалистов, в приложении имеются функции ручных настроек.

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

vsesam.org

Как увеличить скорость загрузки интернета?

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

Простой способ увеличения скорости загрузки интернета для Windows 7.

Чтобы увеличить скорость загрузки интернета на вашем компьютере или ноутбуке вам необходимо выполнить следующие действия;

Нажимаем кнопку пуск и в строке поиска набираем команду gpedit.msc  и нажимаем кнопочку ввода.

Далее заходим в пункт конфигурация компьютера.

Затем в административные шаблоны, далее заходим в пункт сеть.

Далее заходим в пункт Планировщик пакетов Qos

Заходим в пункт Ограничения резервируемой пропускной способности.

В появившемся окне ставим галочку включить.

В появившемся окне, строчка, где стоит цифра 20, меняем на 0, нажимаем ОК, наша настройка готова!

Можем пользоваться и наслаждаемся скоростью интернета.

Более подробное видео.

Таким образом мы увеличили скорость загрузки интернета на вашем компьютере.

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

servis-doma.ru

Как увеличить скорость загрузки сайта?

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

Насколько быстрой должна быть скорость загрузки сайта?

  • 1 секунда – великолепно.
  • 2-3 секунды – очень хорошо.
  • 4-7 секунд – нормально, но есть куда расти.
  • 8-10 секунд – плохо.
  • 11 секунд и более – ужасно, начинайте бить тревогу, т.к. огромные деньги утекают прямо из-под вашего носа.

Согласно исследованию Strangeloop, в ходе которого была протестирована скорость загрузки 2000 топовых интернет-магазинов, в среднем скорость загрузки коммерческих сайтов составляет 10 секунд. Возможно, вы спросите: «С какой стати мы должны улучшать скорость загрузки своего сайта, если даже топовые интернет-магазины грузятся так долго?» А вот и ответ:

  • 57% посетителей покидают страницу, которая грузится более 3-х секунд.
  • В те моменты, когда сайт тормозит из-за большого количества трафика, более 75% онлайн-покупателей предпочитают уйти на сайт конкурента.
  • 2 секунды – столько примерно будет ждать терпеливый пользователь до тех пор, пока на экране появится информация. Добавление такого элемента, как «прогресс-бар» может продлить время его ожидания до 38 секунд.
  • Сайт, который грузится 3 секунды, имеет на 22% меньше просмотров, на 50% больше отказов и на 22% меньше конверсии, чем сайт, который грузится 1 секунду. Сайт, который грузится 5 секунд, имеет еще более плохие показатели – на 35% меньше просмотров, на 105% больше отказов и на 38% меньше конверсии.
  • 8% людей считают, что главной причиной их ухода с сайта является медленная загрузка страниц.

Сервисы, с помощью которых можно протестировать скорость загрузки сайта:

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

Чем быстрей загружается сайт, тем лучше конверсия

Чтобы убедиться в этом, изучите следующие результаты исследований:

  • Исследование Aberdeen Group показало, что в результате задержки в 1 секунду уменьшается количество просмотров (на 11%), процент удовлетворенности аудитории (на 16%), а также коэффициент конверсии (на 7%).
  • Компания Shopzilla увеличила скорость сайта на 5 секунд и тем самым повысила конверсию на 12%
  • Сократив время загрузки своих посадочных страниц, компании Mozilla удалось увеличить количество загрузок на 15,4%, что привело к 60 млн дополнительных загрузок.
  • 85% мобильных юзеров ожидают, что сайты будут грузиться так же быстро, как и на компьютере. Не получая такого же результата, они покидают сайт.

Источники: gomez.com, aberdeen.com, en.oreilly.com, blog.mozilla.com

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

5 способов увеличить скорость загрузки сайта

Итак, что же можно сделать, чтобы ускорить загрузку сайта:

1. Уменьшите размер страниц сайта

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

Чтобы уменьшить размер страниц, в первую очередь воспользуйтесь сжатием данных в протоколе HTTP. Это уменьшает размер текстовых ресурсов, включающих элементы HTML, CSS и JavaScript, на 50% и более. Для сжатия данных протокола HTTP используются технологии zip, gzip и другие.

Чтобы уменьшить размер страниц, попросите хостинг-провайдера или администратора сервера включить опцию сжатия данных протокола HTTP. Чтобы оценить полученный эффект, воспользуйтесь одним из сервисов проверки сжатия, например, вот этим. Если администратор сервера все сделал правильно, вы увидите примерно следующую картину:

2. Снизьте «вес» графики

Графика часто составляет 80% и более от общего размера страниц. Поэтому очень важно правильно оптимизировать публикуемые фотографии. Следующие рекомендации помогут вам уменьшить размер изображений на 50% и более:

  • Публикуйте фотографии в формате JPEG, избегайте формата PNG. Формат JPEG позволяет сильно сжимать изображения без потери качества. Например, в день представления Windows 8 компания Microsoft опубликовала на главной странице сайта фото в формате PNG, «вес» которого составил 1 МБ. Фото аналогичного качества в формате JPEG имеет размер приблизительно 140 КБ.
  • Не злоупотребляйте использованием формата PNG для обеспечения прозрачности графики. Эффект прозрачности — это очень красиво, но не всегда функционально.
  • Корректно выбирайте уровень качества картинок в формате JPEG. Уменьшив качество фото на 25-50%, вы практически не заметите разницы по сравнению с исходным изображением. При этом «вес» иллюстрации значительно уменьшится.
  • Очищайте графические файлы от цифрового мусора. Различные редакторы фото, которыми наверняка пользуется ваш дизайнер, оставляют в файле много различных данных, например, комментарии, рабочие версии изображения, неиспользуемые палитры и т.п. Этот цифровой мусор не нужен вашим читателям. Чтобы очистить файл, воспользуйтесь сервисами Pngcrush, или Smush.it.

Уменьшая «вес» фотографий, постарайтесь сохранить эстетическую привлекательность сайта. Пользователи и поисковые системы больше ценят визуально привлекательные ресурсы.

3. Упростите код JavaScript и CSS

Использование специальных средств упрощения кода JavaScript и CSS уменьшает «вес» соответствующих элементов сильнее, чем стандартные технологии сжатия, например, gzip. Сервисы упрощения удаляют из кода лишние элементы, а также сокращают названия функций.

Чтобы упростить код элементов JavaScript и CSS, воспользуйтесь программными средствами или онлайн-сервисами, например, Online Javascript Compression Tool или Online JavaScript/CSS Compression.

4. Уменьшите число запросов браузера

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

Вы никогда не задумывались, почему главная страница Google выглядит так аскетично? Вероятно, одной из причин является желание разработчиков увеличить скорость ее загрузки.

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

  • Разрешите браузерам кэшировать данные. Если страницы вашего сайта являются статическими, нет нужды «заставлять» посетителей всякий раз загружать их содержимое заново. Попросите администратора сервера или хостинг-провайдера включить опцию кэширования фотографий, элементов CSS и JavaScript. Чтобы проверить результат этого действия, воспользуйтесь, например, сервисом Redbot.
  • Комбинируйте и сжимайте файлы CSS и JavaScript. Объединяя эти элементы, вы значительно уменьшаете количество запросов браузера. Этот метод подходит для статических страниц. Чтобы объединить файлы CSS и JavaScript, воспользуйтесь специальными сервисами и ПО, например, CakePHP.
  • Объединяйте небольшие фотографии в CSS-спрайты. Это особенно удобно для ресурсов, на которых есть много иконок, кнопок и других маленьких изображений. Специальные сервисы позволяют объединить их в один файл, который называется CSS-спрайт. Воспользуйтесь инструментом SpriteMe, чтобы проверить эффективность данной рекомендации на практике.

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

5. Сократите расстояние между сайтом и пользователями

Если сервер вашего хостинг-провайдера находится во Владивостоке, посетителям из Санкт-Петербурга придется набраться терпения, ожидая загрузки страницы. Эта проблема особенно актуальна для сайтов с «тяжелым» контентом, которые посещают пользователи, физически удаленные от сервера на большие расстояния. Чтобы решить эту проблему, воспользуйтесь сетями доставки контента (CDN), например, Amazon CloudFront или Akamai.

Используя CDN, вы автоматически изменяете URL ваших фото, CSS- и JavaScript-файлов с http://moisait.com/moefoto.png на http://aaa.cloudnfront.net/moefoto.png. Когда пользователь заходит на ваш сайт, CDN загружает его «тяжелые» элементы со своего сервера, физически расположенного ближе всего к посетителю.

Использованные материалы: 11 Low-Hanging Fruits for Increasing Website Speed (and Conversions), How to speed up your website load times и How to Improve Your Conversion Rates with a Faster Website..

kak-uvelichit-skorost-zagruzki-sayta

texterra.ru

Как увеличить скорость скачивания?

Здравствуйте! В сегодняшней статье я расскажу, как при помощи нехитрых методов можно существенно увеличить скорость скачивания.

Иногда бывают случаи, когда нужно скачать что-то из сети, но либо объем файла слишком большой для быстрой загрузки, либо скорость не очень велика… Приходится очень много времени тратить на это дело, хотя можно существенно сэкономить свое время. И в этом уроке я дам пару советов на тему того, как увеличить скорость скачивания чего-либо, а также покажу программу, которая с этом очень даже неплохо справляется. Программы, которые я буду описывать в этом уроке в своё время мне очень помогали. Когда интернет бы еще «не очень», скачивание какой-нибудь проги в 10МБ занимало много времени. Теперь, конечно, интернет у большинства пользователей довольно шустрый. Но даже в этом случае иногда будут возникать проблемы со скоростью, кстати можете прочитать статью о 3 лучших сервисах измерения скорости интернета. . И, если многие пойдут к провайдеру покупать новый тариф, то я предлагаю вам сэкономить деньги и посмотреть данный урок. Начнем :)

Как увеличить скорость скачивания?

  • Уделите внимание скачиванию только того, что нужно в данный момент. Если вы загружаете что-то через торрент, то поставьте остальные закачки на паузу, а завершенные удалите из списка, так как они раздают то, что вы скачали => также отнимают какой-то процент скорости.
  • Перестаньте временно пользоваться интернетом. Если есть возможность, то лучше пойти и попить чай, а не лазить по сети, это тоже влияет на скорость.

Теперь перейдем к программе. Наилучшей программой для скачивания я считаю Download Master. С помощью нее можно довольно заметно увеличить скорость скачивания, к тому же она может встроиться в Ваш браузер для удобной работы. Ну и не самым главным ее достоинством можно отметить то, что с помощью нее можно скачивать видеоролики с YouTube. Теперь давайте расскажу, как ей пользоваться :)

  • Для начала скачиваем и устанавливаем данную программу. Проблем с этим возникнуть не должно, поэтому решил не описывать это. Скачать можно здесь.
  • После того как установили, открываем программу. Вылазит сообщение, где нужно уточнить тип соединения, выбираем тот вариант, который вы используете.
  • После того, как нажали «Ok», открывается главное окно программы, где вы можете добавлять файлы для скачивания и отслеживать процесс загрузки.
  • Чтобы добавить файл в список закачек, копируем в браузере ссылку для скачивания, открываем программу, нажимаем на кнопку «Добавить». В поле URL должна появиться ваша ссылка, если этого не произошло, то вставьте ее вручную. Укажите место сохранения и нажмите «Начать закачку».
  • После этого пойдет процесс скачивания. Также скорость скачивания вы можете отслеживать в правом нижнем углу:

Для примера я попробовал сравнить скорость скачивания файла zakaz.zip (2GB) из обычного загрузчика Google Chrome и в программе Download Master. У браузера скорость варьировалась в пределах 100-150 КБ\с:

После этого я попробовал включить загрузку в программе и здесь уже скорость была в районе 500-700КБ\с:

Как итог видим увеличение скорости практически в 5 раз (!).

На этом все, желаю удачи!

Похожие статьи:

Понравилось? Поделитесь с друзьями!

internet-up.ru

Как увеличить скорость загрузки файлов из интернета

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

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

Инструкция «Как увеличить скорость загрузки интернета»

  1. Обратитесь к поставщику услуг доступа к интернету, опишите текущую ситуацию, спросите у него, нормально ли это для вашего тарифного плана, и поинтересуйтесь его рекомендациями по настройке соединения. Скорость соединения с интернетом – это главный фактор, определяющий то, как быстро загржаются файлы на компьютер и отображаются странички сайтов на мониторе. Если вы все еще пользуетесь коммутируемым доступом (Dial-up), то серьезно подумайте о переходе на DSL или кабельное подключение. И даже если вы пользуетесь одной из современных технологий, все равно существует способ увеличения скорости (весьма вероятно, за дополнительную оплату). Поинтересуйтесь этим у своего провайдера.
  2. Разберитесь в том, как измеряется скорость интернета. Она представляет собой количество данных, передаваемых за единицу времени (секунду), обычно это килобиты в секунду (Kbps) или мегабиты в секунду (Mbps). В одном килобите 1024 мегабит. Большинство модемов коммутируемого доступа обеспечивают скорость соединения 56 Kbps, тогда как кабельный интернет может работать на 20 Mbps. Обратившись к провайдеру, потребуйте у него дать четкий ответ о гарантированной скорости соединения, и что вам необходимо предпринять для ее увеличения.
  3. При загрузке большого файла закройте все лишние программы. Это высвободит ресурсы компьютера, и он сможет лучше управлять процессом передачи данных. Если возможно, оставьте компьютер наедине с самим собой, пока он занят загрузкой файла из интернета.
  4. Приоритеты загрузки. Вначале поставьте на загрузку только те файлы, в которых вы действительно нуждаетесь в первую очередь. Все второстепенное поставьте на паузу. Чем больше файлов загружается одновременно, тем ниже суммарная скорость загрузки (это правило справедливо в том случае, когда на другом конце линии связи быстрый сервер, отдающий файлы без задержек).
  5. Попробуйте загрузить файл из интернета в другое время суток. Если много других людей одновременно с вами скачивают этот файл с сервера, то видимая скорость может сильно упасть (это не относится к торрентам, там зависимость, как раз, обратная). Если вы загружаете какой-то большой файл, то замерьте скорость утром, днем, вечером. А, может быть, вы быстрее всего справитесь с этой задачей ночью.
  6. Установите Download Accelerator. Download Accelerator — это программа, которая оптимизирует подключение компьютера к интернету. Она не только увеличивает скорость загрузки файлов, но и помогает управлять этим процессом. В ходе загрузки программа сохраняет уже доставленные на компьютер фрагменты файла, и если соединение было прервано, она не выкачивает их повторно, что может оказаться очень полезным при неустойчивом подключении.

kakdelateto.ru

Топ-10 советов о том, как увеличить скорость загрузки страницы / Хабр

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

Поэтому в этой статья я решил собрать топ-10 советов о том, как же можно увеличить скорость загрузки веб-странички и сайта в целом. Статья не претендует на гениальность и рассчитана на новичков.

Итак, поехали:

1. Уменьшите количество HTTP-запросов

80% загрузки страницы ориентировано на загрузку компонентов страницы: скриптов, фотографий, файлов CSS, flash. Спецификация HTTP/1.1 советует, чтобы браузеры параллельно загружали не более 2-х компонентов веб-страницы с одного хоста. Уменьшив количество этих компонентов мы уменьшаем количество HTTP-запросов к серверу и как результат увеличиваем скорость загрузки страницы.

Но как уменьшить количество запросов к серверу не затрагивая внешний вид страницы?

На самом деле есть несколько способ.

  • Использование CSS-спрайтов. CSS-спрайт – это комбинированное изображение, которое содержит в себе несколько маленьких изображений, которые в нужный момент для нужного элемента страницы вырезаются используя свойства: background-image и background-position.
  • Использование Inline-картинок. Inline-картинки используют URL-схему data: для встраивания картинки в саму страницу. Это, однако, увеличит размер HTML-документа. Встраивая inline-картинки в ваши таблицы стилей вы добьетесь уменьшения запросов к серверу, а размер HTML останется прежним.
  • Объединение нескольких файлов в один. Если у Вас на страничке подключается больше одного css- или js-файла, то Вы можете объединить их в один. Это очень простой, но действенный способ уменьшения количества http-запросов на сервер. О том, как это делать на лету я писал в своей заметке здесь «Разгони свой сайт. Статическое сжатие css- и js- файлов на лету»

2. Помещайте CSS файлы в начале страницы

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

Если размещать CSS файлы внизу страницы, то это не позволяет многим браузерам рендерить страницу постепенно. Это объясняется тем, что браузер «не хочет» перерисовывать элементы, у которых после загрузки страницы может измениться стиль. Так что все свои CSS файлы всегда подключайте в верхней части страницы в секции HEAD.

3. Помещайте javascript в конец страницы

Помещая javascript-файлы вниз страницы мы позволяем браузеру загрузить страницу с контентом в первую очередь, а уже потом начать загрузку javascript-файлов. Если же Ваш сайт идет в ногу со временем и содержит все возможные интерактивные «примочки», то этих javascript-файлов может быть несколько и весить они могут несколько сотен килобайт, поэтому перед загрузкой страницы заставлять пользователя ждать пока загрузятся все Ваши javascipt-файлы губительно.

Кроме того, внешние .js-файлы блокируют параллельную загрузку. Спецификация HTTP/1.1 советует, чтобы браузеры параллельно загружали не более 2-х компонентов веб-страницы с одного хоста. Таким образом, если картинки для вашего сайта располагаются на разных хостах, вы получите более 2-х параллельных загрузок. А когда загружается скрипт, браузер не будет начинать никаких других загрузок, даже с других хостов.

4. Минимизируйте css и javascript

Минимизация файла — это удаление из кода всех несущественных символов с целью уменьшения объема файла и ускорения его загрузки. В минимизированном файле удаляются все комментарии и незначащие пробелы, переносы строк, символы табуляции. Здесь все просто. Чем меньше объем файла, тем меньше времени понадобится браузеру на его загрузку. А минимизировать Ваш код помогут вот эти 24 онлайн-сервиса для сжатия и оптимизации CSS кода5. Используйте поддомены для параллельного скачивания

Как я уже говорил Выше, согласно спецификации HTTP/1.1 на браузеры накладываются ограничения на количество одновременно загружаемых компонентов сайта, а именно не более 2-х компонентов с одного хоста. Поэтому если на Вашем сайте много графики, то ее лучше вынести на отдельный поддомен или поддомены. Для Вас это будет один и тот же сервер, а для браузера – разные. Чем больше поддоменов Вы создадите, тем больше файлов браузер сможет одновременно загрузить и тем быстрее загрузится вся страница сайта. Вам остается лишь изменить адрес картинок на новый. Очень простой, но действенный способ.

6. Используйте кэш браузера

Кеширование становится крайне важным для современных веб-сайтов, которые используют обширное подключение JavaScript и CSS. Дело в том, что когда посетитель зашел на Ваш сайт в первый раз, то браузер выполнит загрузку всех javascript и css-файлов, также загрузит всю графику и флэш, однако правильно выставив HTTP-заголовок Expires, вы сделаете компоненты страницы кешируемыми. Таким образом, когда посетитель зайдет на Ваш сайт снова или перейдет на следующую страницу Вашего сайта, в кэше его браузера уже будут находится некоторые нужные файлы и браузеру не потребуется загружать их снова. Отсюда и выигрыш в скорости загрузки сайта.

Поэтому выставляйте HTTP-заголовок Expires везде, где только это возможно, на несколько дней или даже месяцев вперед. Для того, чтобы веб-сервер Apache отдавал соответствующие рекомендациям HTTP-заголовки Expires, необходимо добавить в файл .htaccess, находящийся в корневой папке сайта, следующие строки:

<IfModule mod_expires.c> Header append Cache-Control "public" FileETag MTime Size ExpiresActive On ExpiresDefault "access plus 0 minutes" ExpiresByType image/ico "access plus 1 years" ExpiresByType text/css "access plus 1 years" ExpiresByType text/javascript "access plus 1 years" ExpiresByType image/gif "access plus 1 years" ExpiresByType image/jpg "access plus 1 years" ExpiresByType image/jpeg "access plus 1 years" ExpiresByType image/bmp "access plus 1 years" ExpiresByType image/png "access plus 1 years" </IfModule> Данный фрагмент файла конфигурации Веб-сервера Apache проверяет наличие модуля mod_expires и, если модуль mod_expires доступен, включает отдачу HTTP-заголовков Expires, которые устанавливают срок хранения перечисленных выше объектов в кэше браузеров и прокси-серверов равный одному году с момента первой загрузки. Установив такой срок жизни кэша браузера, может возникнуть сложность с обновлением файлов. Поэтому если Вы изменили содержимое css или javascript-файла и хотите, чтобы эти изменения обновились в кэше браузера, то необходимо изменить название самого файла. Обычно в название файла добавляют его версию, например так: styles.v1.css

7. Используйте CDN для загрузки популярных JavaScript библиотек

Если на Вашем сайте используется популярный javascript фреймворк, например jQuery, то для его подключения лучше использовать CDN.

CDN (Content Delivery Network) — это множество веб-серверов, разнесенных географически для достижения максимальной скорости отдачи контента клиенту. Сервер, который непосредственно будет отдавать контент пользователю, выбирается на основании некоторых показателей. Например, выбирается сервер с наименьшим числом промежуточных хопов до него либо с наименьшим временем отклика. Кроме того браузер кэширует javascript-файлы, и если Вы посещали сайты на котором используется такой метод, то эта библиотека уже есть в кэше Вашего браузера, и он не будет загружать её снова.

Одним из таких CDN – является Google Libraries. Это CDN для популярных open-source JavaScript библиотек. Загрузка популярных javascript фреймверков с Google Libraries позволяет увеличить скорость загрузки страницы и снизит траффик на ваш сервер.

О том как загружать jQuery с репозитория Google я писал вот в этой заметке «Увеличиваем скорость загрузки страницы загружая jQuery с репозитория Google».

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

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

  • GIF – идеально подходят для изображений с несколькими цветами, например логотип.
  • JPEG – отлично подходят для детализированых изображений с большим количеством цветов, такие как фотографии.
  • PNG – ваш выбор, когда вам нужно высококачественное изображение с прозрачностью.
Оптимизировать изображение можно двумя способами: используя программы или онлайн сервисы в Интеренете для сжатия изображений. В первом случае от Вас потребуются определенные знания для работы с той или иной программой, а вот воспользоваться онлайн сервисами может каждый. От Вас лишь требуется загрузить нужные изображения, а сервис сам оптимизирует их и выдаст ссылку на скачивание уже сжатиых файлов.

Вот несколько онлайн сервисов для оптимизации изображений:

9. Не масштабируйте изображения

Не изменяйте размер изображения при помощи атрибутов width и height тега , либо при помощи CSS. Это тоже негативно влияет на скорость загрузки страницы. Если у Вас есть изображение размером 500x500px, а вставить на сайт Вы хотите изображение с размером 100x100px, то лучше изменить размер оригинальной картинки при помощи графического редактора Photoshop, или любого другого. Чем меньший вес картинки, тем меньше времени потребуется для её загрузки.

10. Используйте Gzip- сжатие

Как показали проведенные исследования, gzip-сжатие текстового файла «на лету» в 95–98% случаев позволяет сократить время на передачу файла браузеру. Если хранить архивированные копии файлов на сервере (в памяти proxy-сервера или просто на диске), то соединение в общем случае удается освободить в 3-4 раза быстрее.

Начиная с версии протокола HTTP/1.1, веб-клиенты указывают, какие типы сжатия они поддерживают, устанавливая заголовок Accept-Encoding в HTTP-запросе.

Accept-Encoding: gzip, deflate

Если веб-сервер видит такой заголовок в запросе, он может применить сжатие ответа одним из методов, перечисленных клиентом. При выдаче ответа посредством заголовка Content-Encoding сервер уведомляет клиента о том, каким методом сжимался ответ.

Content-Encoding: gzip

Переданные таким образом данные меньше первоначальных примерно в 5 раз, и это существенно ускоряет их доставку. Однако здесь есть один недостаток: увеличивается нагрузка на веб-сервер. Но вопрос с сервером всегда можно решить. Так что не будем обращать на это внимание.

Для того, чтобы включить GZIP-сжатие на своем сайте, необходимо в файле .htaccess прописать следующие строки кода:

<IfModule mod_deflate.c> AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE text/javascript AddOutputFilterByType DEFLATE text/css <IfModule mod_setenvif.c> BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/4\.0[678] no-gzip BrowserMatch \bMSIE !no-gzip !gzip-only-text/html </IfModule> </IfModule>

Если данный способ сработал, то отлично, если нет, то можно попробовать вот такой вот код:

<IfModule mod_deflate.c> AddOutputFilterByType DEFLATE text/html text/plain text/xml application/xml application/xhtml+xml text/javascript text/css application/x-javascript BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/4.0[678] no-gzip BrowserMatch bMSIE !no-gzip !gzip-only-text/html <ifmodule mod_gzip.c> mod_gzip_on Yes mod_gzip_item_include file \.js$ mod_gzip_item_include file \.css$ </ifmodule> </IfModule>

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

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

Если что-то упустил или у Вас есть, что добавить – пишите свое мнение в комментариях ниже к этому посту. Спасибо за внимание!

habr.com