Смарт ТВ 

Как ускорить загрузку web страницы. Пять способов ускорить время загрузки страниц. Используйте кеширование и CDN

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

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

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

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

Как ускорить работу компьютера

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

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

Прежде чем начать отключать те из них на которых установлена галочка но в статусе написано что они остановлены , для того чтобы не ошибиться и не отключить какую-либо важную, используемую одной из ваших программ нам нужно запустить на компьютере все часто используемые программы (например: свой интернет браузер, icq, winamp, ту в которой смотрите фильмы и свою излюбленную компьютерную игру).

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

Как ускорить загрузку windows

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

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

Как увеличить скорость компьютера при помощи служебных и сторонних программ

Давно ли вы проводили обслуживание своего компьютера? А ведь оно является еще одним средством для увеличения производительности системы, оно выполняется при помощи стандартных служебных программ windows:

  • Выполнение дефрагментации жесткого диска (хотя бы раз в 2-3 месяца)
  • Очистка реестра системы, где постоянно скапливается целая куча ненужных данных оставшихся от давно удаленных программ (для этого лучше использовать одну из множества специальных предназначенных для этого бесплатных программ, например: RegCleaner или Wise Registry Cleaner Free )
  • Запуск служебной программы очистки диска удалит скопившиеся файлы во временных папках, и тоже позволит увеличить скорость работы компьютера
Последний способ ускорить компьютер и повысить производительность системы

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

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

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

Читайте также: компьютерыоптимизацияпрограммы Комментарии к статье

← Предыдущая статьяСледующая статья →

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

Зачем нужна оптимизация скорости сайта?

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

Тормоза будут особенно ощутимыми при медленном соединении с интернетом или использовании сетей устаревшего формата (3G). А если у сайта не будет мобильной версии или адаптивного дизайна, то мобильный трафик также сильно просядет. Чтобы этого избежать, требуется оптимизация скорости сайта. В идеале страница должна загружаться не дольше 2-х секунд. Если ей требуется больше 4-х секунд – уже повод задуматься и начинать исправлять ситуацию, т.к., согласно исследованиям, это приводит к потере почти 60% трафика.

Быстрой загрузке страниц могут мешать следующие факторы:

  • Неструктурированный html-код;
  • Большие и тяжелые изображения;
  • Скрипты, блокирующие работу сайта;
  • Использование стилей в html-шаблонах;
  • Медленная работа сервера, проблемы на стороне хостинга, превышение лимитов по тарифу;
  • Вирусы и другой вредоносный код на сайте.

Быстрая скорость работы проекта положительно сказывается на конверсии и позициях в поисковых системах. Люди дольше остаются на ресурсе, совершают больше действий, не спешат покинуть сайт.

С чего начать оптимизацию скорости загрузки сайта

Прежде всего, стоит измерить, за какое время страницы сайта загружаются. Нужно проверить не только главный URL, но и все значимые: рубрики в блоге, длинные посты, категории в интернет-магазине, карточки товаров, которые интересны для бизнеса, информационные страницы. Для теста можно использовать любые онлайн-сервисы, например, http://sitespeed.ru. Здесь можно получить информацию об общем времени загрузки, размере файла и времени генерации страницы.

Сервис указывает на проблемы, например:

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

Узнать рекомендации поисковой системы Гугл для оптимизации скорости загрузки сайта можно благодаря сервису Google Page Speed. Он анализирует содержимое страницы при просмотре с мобильных устройств и стационарных компьютеров, в балльной системе оценивает и показывает рекомендации. В основном они сводятся к сжатию подключаемых к шаблону файлов стилей и скриптов, html-кода, изображений.

Как оптимизировать скорость сайта?

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

  • Сократить размер страниц. Длинные статьи разбивайте на несколько частей, используйте спрайты для верстки, включите сжатие данных протокола http (можно сделать через службу поддержки хостинга);
  • Снизить размер и вес графических файлов. Не публикуйте слишком тяжелые картинки, сжимайте фотографии, используйте «легкие» форматы, например, jpeg, очистите с файла все ненужные данные, которые его утяжеляют (информацию о снимке, автора, комментарии и пр.);
  • Сжать js и css-файлы. Можно использовать технологии gzip, применять less, подключать сжатые файлы;
  • Включите кэширование статического содержимого. Эту технологию можно подключить на стороне сайта или сервера. Кэшированные страницы не нужно загружать каждый раз, на них не тратятся дополнительные ресурсы. Но использовать кэш для оптимизации скорости сайта необходимо грамотно, чтобы он не блокировал динамические данные;
  • Оптимизация работы сервера. Чем ближе территориально расположен сервер к посетителям сайта, тем быстрее будет загрузка содержимого. Ускорение загрузки Windows 7

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

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

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

Скорость сайта и методы ее повышения

Андрей Батурин,

Андрей Батурин

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

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

Как проконтролировать быстродействие

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

Лидирующие позиции занимают такие сервисы:

  • https://developers.google.com/speed/pagespeed/insights
  • https://www.webpagetest.org
  • https://tools.pingdom.com

    • Чтобы выполнить проверку, достаточно скопировать url-адрес в соответствующую строку, и вы получите данные о темпе загрузки и некоторые советы по улучшению текущей ситуации.

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

    Этот параметр зависит от многих факторов.

    Перечислим самые популярные способы, которыми пользуются веб-мастера для решения проблем со скоростью:

    Удаление лишних скриптов

    Зачастую в HTML-код вписаны скрипты, которые замедляют производительность. Для динамичного функционирования веб-сайта скриптов должно быть не более 6. Смело удаляйте такие излишки javascript , какими могут оказаться рекламные элементы, неиспользуемые кнопки и виджеты соцсетей, ненужные сервисы и службы, которые тянут сайт вниз. Объективно оцените функционал и избавьтесь от хлама.

    Оптимизация CSS

    HTML-код веб-страниц не должен содержать стили. Создайте отдельный файл, подключенный к основному документу, где будут указаны все идентификаторы и классы. Оптимизировать CSS можно самостоятельно вручную или же с помощью различных программ. Ручная настройка займет много времени, к тому же, есть риск пропустить какие-то неточности.

    Быстро и легко помогут оптимизировать код такие сервисы, как:

    • CleanCSS.com,
    • CSS Optimizer,
    • CSS Compressor,
    • CY-PR.com,
    • плагин Autoptimize.
    Очистка «мертвого кода»

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

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

    Уменьшение изображений

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

    При использовании иллюстраций научитесь оптимизировать их размер.

    Как уменьшить время загрузки Windows в 2+ раз

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

    Кэширование

    Эта опция помогает ускорить производительность интернет-страниц. Внимательно изучите систему управления контентом вашего сайта и найдите реализацию кэширования.

    • Изображений,
    • Файлов стилей и скриптов,
    • Анализа функционирования отдельных модулей,
    • Сохранения информации об обновлениях и изменениях незначительных параметров.
    Удаление «битых ссылок»

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

    Программа Xenu поможет проверить сайт на наличие убитых url. После чего их следует немедленно удалить или исправить.

    Проверка валидации

    Проверка валидации - трудоемкий процесс, требующий от веб-разработчика много усилий и времени. При таком типе оценки анализируются ошибки на каждой из страниц ресурса, от «Главной» до «Новостей».

    Валидаторы проверяют HTML-коды и CSS-коды на предмет их соответствия требованиям. Цель - полностью освободить веб-сайт от ошибок. Она достижима при правильном подходе и последовательном выполнении «чистки».

    Оптимизация нерабочих страниц

    Бесплатная программа Screaming Frog SEO Spider поможет вам найти нерабочие страницы, не дающие код ответа 200. После выявления подобных страниц ваша задача - исправить их либо удалить совсем.

    Настройте «редирект» (перенаправление) со страниц, содержащих неисправности. В случае если вкладка не отвечает кодом 200, пользователь будет перенаправлен на предыдущую.

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

    Другие статьи по тегам на эту тему

    Нужен профессиональный Логотип? Сделаем!

    Посмотри сколько у сильнейших конкурентов. К этой цифре и стремись

    ProOne 18.04.2014 11:04

    Согласен, но я как посмотрю ведь эти данные показывается в Вебмастере Гула!????

    http://pr-cy.ru/speed_test хотя бы тут. Или в анализе сайтов pr-cy есть там скорость загрузки. Посмотри хотя бы там и сравни. Сделаешь быстрее — красавчик, а если не большая разница, ну и хрен с ней. Хотя если выполнить все требования в вебмастере гугла, то хорошая скорость загрузки обеспечена)

    ProOne 18.04.2014 11:06

    Просто интересно, у каждого какой показатель?

    Как ускорить загрузку программ?

    У моего сайта в среднем 181 миллисекунд… «Время, затраченное на загрузку страницы»

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

    Чем меньше, тем лучше, нужно стремиться к минимуму =)

    Время на загрузку страницы гугл вебмастер

    ProOne 18.04.2014 09:54 1 217

    «Время, затраченное на загрузку страницы (в миллисекундах)» Сколько должна быть среднее значение?

    Пожалуйста отключите AdBlock! С AdBlock сайт работает некорректно.

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

    Скорость страницы также важна и для пользователей. Увеличение скорости загрузки существенно увеличивают конверсию и количество продаж. Согласно исследованию, проведенному Amazon, разница всего в 100 мс — единица времени, которую человек даже не может понять, будет достаточной, чтобы сократить их продажи на 1 процент. Аналогичные результаты получили и другие крупные интернет магазины.

    Если эта крошечная единица времени оказывает такое непосредственное влияние на продажи, тогда какое влияние будет оказывать изменение на секунду?

    Измеряем насколько оптимизирована скорость загрузки страницы

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

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

    Именно так работает сервис Google PageSpeed Insights и альтернативные сервисы, например, Pingdom . Эти сервисы покажут вам насколько ваш сайт оптимизирован по таким критериям как:

    • Наличие редиректов;
    • Использование кеша браузера;
    • Качество CSS, HTML и JS;
    • Оптимизация изображений;
    • и т.д.
    Как можно увеличить скорость загрузки страницы? Сокращение HTTP-запросов

    Каждый файл, необходимый для веб-страницы для отображения и работы, например HTML, CSS, JavaScript, изображения и шрифты, требует отдельного HTTP-запроса. Чем больше запросов будет сделано, тем медленнее будет загружаться эта страница.

    Вот с чего все начинается:

    Большинство тем загружают один или несколько файлов CSS и несколько файлов JavaScript. Некоторые, такие как JQuery или FontAwesome, обычно загружаются удаленно с другого сервера, что значительно увеличивает время загрузки страницы.

    Это становится еще более проблематичным, если вы посмотрите на дополнительные файлы CSS и JavaScript, добавленные плагинами.

    Как ускорить загрузку Windows

    Легко получить полдюжины или более HTTP-запросов только из CSS и файлов JavaScript.

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

    Вот что можно сделать для увеличения скорости загрузки:

    • Объединените файлы JavaScript в один файл.
    • Объединените файлы CSS в один файл.
    • Уменьшите или исключите плагины, которые загружают свои собственные файлы JavaScript и / или CSS.
    • Используйте шрифт, например FontAwesome или Ionic Icons, вместо файлов изображений, потому что в этом случае нужно загружать только один файл.
    Включите трейлинг-слэш

    Вот как это работает:

    Когда вы посещаете URL-адрес без конечной косой черты, веб-сервер будет искать файл с таким именем. Если он не найдет файл с таким именем, он будет обрабатывать его как каталог и искать файл по умолчанию в этом каталоге.

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

    Правильное построение ссылок

    (неправильно)
    или
    (это тоже неправильно)
    против
    (правильно)
    или
    (это тоже правильно)

    Включить сжатие файлов

    Включение сжатия GZIP может значительно сократить время, затрачиваемое на загрузку файлов HTML, CSS, JavaScript. Не беспокойтесь — вашим посетителям не придется ничего делать, потому что все современные браузеры поддерживают GZIP и автоматически обрабатывают его для всех HTTP-запросов.

    Включить кеширование браузера.

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

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

    Минимизация ресурсов

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

    К счастью, это не должно быть ручным процессом, потому что есть несколько доступных инструментов онлайн, чтобы преобразовать файл в уменьшенную версию. Для WordPress доступно несколько плагинов, которые заменят ссылки в заголовке вашего веб-сайта для ваших обычных файлов CSS и JavaScript с мини-версией их без изменения ваших исходных файлов, включая популярные плагины для кеширования, такие как:

    • Общий кэш W3
    • WP Super Cache
    • WP Rocket

    Стоит учитывать, что вам могут потребоваться некоторые усилия, чтобы с первого раза получить правильные настройки, потому что минимизация часто может нарушать CSS и JavaScript, поэтому, как только вы минимизировали элементы, обязательно тщательно протестируйте свой сайт.

    Оптимизация мультимедиа-файлов

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

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

    Выбирайте идеальный формат. JPG идеально подходит для фотографических изображений, тогда как GIF или PNG лучше всего подходят для изображений с большими областями сплошного цвета. 8-битные PNG-файлы предназначены для изображений с прозрачным фоном.
    Убедитесь, что изображения имеют нужный размер. Если изображение отображается с разрешением 800 пикселей на вашем веб-сайте, нет никакой пользы для использования изображения шириной 1600 пикселей.

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

    Оптимизация видео. Выберите идеальный формат. MP4 лучше всего в большинстве случаев, потому что это формат с наименьшим объемом. Обеспечьте оптимальный размер на основе размера экрана посетителей — вы ведь замечали, что разрешение на YouTube меняется в зависимости от вашего устройства. Устраните звуковую дорожку, если видео используется в фоновом режиме в качестве элемента дизайна. Уменьшите длину видео. Рассмотрите возможность загрузки видео на YouTube или Vimeo вместо того, чтобы хранить их у себя.

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

  • Изображения в HTML вашего сайта могут быть использованы с помощью набора src, который позволяет браузеру выбирать, загружать и отображать соответствующее изображение в зависимости от размера экрана устройства, которое использует посетитель.
  • Изображения, размещенные через CSS — обычно в качестве фоновых изображений, могут быть использованы с использованием мультимедийных запросов для выбора соответствующего изображения на основе размера экрана устройства, которое использует пользователь.
    • Используйте кеширование и CDN

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

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

    Святослав

    Управляющий партнер, эксперт в digital-маркетинге

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

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

    Закройте ненужные приложения. Так вы увеличите пропускную способность своего интернет-соединения, что приведет к ускорению скачивания файлов.

    • Например, закройте BitTorrent, который работает в фоновом режиме, чтобы быстро скачать обновления Windows.

  • Выключите потоковые сервисы. Если на устройстве запущены потоковые сервисы, такие как Netflix, Hulu и YouTube, это серьезно уменьшает скорость скачивания файлов. Даже если работает только один потоковый сервис, выключите его, чтобы ускорить скачивание файлов.

    • Также закройте все ненужные окна или вкладки веб-браузера.

  • Подключите компьютер к маршрутизатору с помощью Ethernet-кабеля . Затем проверьте, увеличилась ли скорость скачивания файлов.

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

  • Не раздавайте файлы через торрент-клиенты, когда что-то скачиваете. Пиринговые сети основаны на том, что необходимо раздавать контент, но если делать это одновременно со скачиванием файлов, весь процесс может растянуться на неопределенный срок. Поэтому сначала скачайте файлы, а раздавать их можно тогда, когда вы не пользуетесь компьютером (например, ночью).

  • Активируйте шифрование протокола, если вы пользуетесь торрент-клиентами. Так вы «спрячете» от своего интернет-провайдера то, что скачиваете (как правило, интернет-провайдеры уменьшают пропускную способность интернет-соединения, если пользователь скачивает много файлов через торрент-клиенты). Для этого:

    • В окне торрент-клиента (uTorrent) нажмите «Настройки».
    • Нажмите «Настройки программы».
    • Нажмите «BitTorrent».
    • Откройте меню «Исходящие».
    • Выберите «Принудительно».
    • Нажмите «Применить» > «OK».

  • Купите новый маршрутизатор. Если маршрутизатору больше двух лет, его работоспособность будет ухудшаться, и он не будет справляться со скачиванием файлов так, как новый.

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

    • Директор по маркетингу одного из подразделений Optify. Имеет 20-летний опыт запуска различных продуктов и сервисов в е-коммерции, компьютерных играх и других областях.

    Алгоритмы ранжирования Google учитывают скорость загрузки страницы

    9 апреля 2010 года Google официально объявили о том, что в их алгоритмах учитывается скорость загрузки страницы. Слухи ходили задолго до этого - когда компания стала подчеркнуто внимательно относиться к скорости, выпуская продукты Chrome (быстрый браузер) и SPDY (быстрый протокол передачи веб-контента) и продвигая сверхскоростные широкополосные каналы. В этой статье мы постараемся объяснить, как Google определяет скорость, и как вы можете проверить скорость загрузки своих страниц и увеличить ее.

    Мы считаем, что скорость загрузки страницы - отличное дополнение к остальному списку факторов, определяющих ранжирование страниц в Google, и на это есть две основные причины:

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

    2. Скорость загрузки страницы - это фактор, который разработчик может измерить, отследить и оптимизировать. Многое в алгоритме Google неподвластно нашему контролю, но этот показатель мы можем улучшить. Ниже перечислено несколько средств, с помощью которых можно проанализировать скорость работы сайта, а также 6 советов, как повысить скорость загрузки страниц и увеличить рейтинг.

    Как Google определяет скорость?

    Два основных метода анализа загрузки страницы:

    1. Отклик Google-боту. GoogleBot - это программа-агент, которая сканирует ссылки по всей сети, распределяя страницы и контент по категориям и отправляя все это Google, который обрабатывает полученные данные с помощью собственного алгоритма. Google-бот просто собирает информацию, он не анализирует и не оценивает ее. Однако у него есть некоторые ограничения относительно того, насколько полно он просканирует ту или иную страницу, поскольку просмотр миллиардов страниц занимает много времени. Это одна из причин, по которым рекомендуется иметь «чистый» код, размещать хороший контент в верхней части страницы и помещать повторяющийся код (например, CSS) в отдельные файлы.

    2. Время загрузки по данным Google Toolbar. Google очень агрессивно продвигает и популяризирует свои бесплатные инструменты. Одна из причин этому - возможность для Google использовать свою панель инструментов как платформу для анализа отдельных сайтов и страниц.

    Инструменты для измерения скорости загрузки страницы

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

    1. Если у вас есть аккаунт в Google Webmaster (а он у вас должен быть), то вы можете воспользоваться специальным инструментом в разделе Labs. Он позволит вам получить общее представление о том, насколько быстро грузятся ваши страницы относительно страниц других сайтов в статистике.

    Что это изменение алгоритма означает для вас

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

    6 способов повысить скорость загрузки страниц и увеличить рейтинг

    1. Оптимизируйте изображения: крупные картинки можно обрезать, сжать и увеличить скорость их загрузки.
    2. Вместо фоновых изображений используйте просто цвета: так загрузка будет происходить быстрее.
    3. Пользуйтесь кэшем: кэширование удобно для пользователей, поскольку картинки и другие статичные файлы загружаются только при первом посещении, а при последующих этого уже не требуется.
    4. Загружайте внешний Javascript и вызываемые объекты в последнюю очередь: худшее, что вы можете сделать - заставить своих посетителей ждать, пока загрузится весь контент одновременно. По возможности сделайте так, чтобы ваш контент грузился первым, а внешний контент - после него.
    5. Пользуйтесь отдельными файлами для повторяющегося кода: отдельные файлы чаще всего используются с таблицами стилей CSS и позволяют облегчить html-код страницы (меньше строк кода), а также дают центральный, легко находимый файл для внесения изменений в важные участки кода (например, в таблицы стилей).
    6. Для организации страниц используйте стили CSS вместо таблиц HTML: прежде чем загружать саму таблицу, веб-браузеры (IE, Firefox и др.) ждут, пока загрузится весь ее контент. CSS делает этот процесс быстрее (и проще для обновления).

    1. Выберите один из приведенных выше инструментов и установите его.
    2. Проведите тестирование скорости загрузки для главной и еще нескольких страниц разных типов.
    3. Определите, какие компоненты можно улучшить. Обсудите это с вашими техническими сотрудниками и с вебмастером.
    4. Для сравнения проведите те же тесты со страницами конкурентов.

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

    Практически каждый пользователь замечал, как через некоторое время после установки различных приложений, в том числе обозревателей, они начинают работать медленнее. Здесь дело не в ошибочной субъективной оценке производительности браузера или ПК, а в увеличении объёма обрабатываемой информации, наличии устаревших данных. Чтобы ускорить браузер, в частности Яндекс, до максимума и сделать его ещё быстрее, чем вначале, нужно очистить всё ненужное и активировать функции, отвечающие за увеличение скорости работы обозревателя. Одной из полезных функций является аппаратное ускорение, которое за счёт подключения дополнительных ресурсов сокращает время на обработку данных.

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

    • Низкая скорость запуска приложения. Порой от нажатия на ярлык до загрузки проходит минута и даже больше;
    • Медленная загрузка страниц. Это нужно обязательно изменить, так как прогрузка веб-сайтов является основной задачей обозревателя;
    • Небольшая скорость скачивания файлов с Интернета. Если сеть сильно «просаживается» при загрузке файлов, первым делом стоит изучить заявленную провайдером скорость. Вероятно, это является максимальной скоростью, в противном случае – есть возможность улучшить состояние этой сферы;
    • Низкая стабильность интернета, что означает постоянное расторжение связи с сервером и появление различных ошибок.

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

    Ускорение запуска обозревателя

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

    Как ускорить загрузку Яндекс браузера:

    • Изменить настройки стартовой страницы. Если установлен запуск ранее открытых страниц, загрузка станет дольше пропорционально количеству вкладок. Есть 2 выхода из ситуации: закрывать вкладки перед завершением сеанса или установить режим работы – при запуске открывать табло. Чтобы установить новый параметр, переходим в раздел «Настройки » в Yandex Browser и в графе «При запуске открывать» выбрать «Табло с любимыми сайтами»;
    • Очистить ресурсоёмкие и ненужные расширения. Рекомендуем периодически удалять плагины, которые редко используются или стали бесполезными. На странице «Дополнения » в браузере листаем список вниз и поочерёдно отключаем расширения. Наибольшее внимание уделяем разделу «Из других источников». Напоминаем, что одновременная установка двух однотипных дополнений может негативно отразиться на скорости загрузки обозревателя. Лучше оставлять одно, лучшее расширение своего рода;
    • Убрать временные файлы. Простой способ ускорить запуск Яндекс браузера — очистить все временные файлы через приложение CCleaner. Достаточно скачать его по ссылке . В разделе «Очистка» на вкладке «Приложения» выделяем все пункты, имеющие отношение к Google Chrome, далее нажимаем на кнопку «Анализ». После завершения процедуры анализа необходимо нажать на кнопку «Очистка»;
    • Проверить систему на наличие вирусов. Метод поможет увеличить производительность системы в целом и позитивно отразится на скорости работы обозревателя во время прогрузки страниц. Удалить вирусы поможет антивирусный сканер типа Dr. Web или полноценный антивирус вроде ESET NOD32 или Kaspersky Internet Security;
    • Освободить ресурсы компьютера. Если ПК сильно загружен, производительность системы в работе обозревателя будет сильно падать. Нужно остановить ненужные процессы или дождаться до окончания важных задач. Ещё один способ увеличения скорости работы компьютера – убрать с автозагрузки все ненужные программы. Это можем сделать на вкладке «Автозагрузка» в «Диспетчере задач».

    Если системные способы не помогают, вероятная причина заключается в низкой производительности ПК. Чтобы повысить скорость загрузки всех приложений, в том числе Яндекс браузера, рекомендуем установить SSD-диск и добавить планки ОЗУ.

    Повышение скорости работы, загрузки страниц

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

    Как ускорить Яндекс браузер и его секреты:

    • Ускорение Яндекс обозревателя наступает при очистке лишних расширений. Способ описан в предыдущем разделе;
    • Повысить скорость открытия и прогрузки страниц поможет дополнительная функция браузера – предварительное выполнение запроса к странице. Предзагрузка способна в разы ускорить быстродействие обозревателя. Как включить возможность:

    • Включение поддержки изображений с прозрачным фоном, от чего наступает некоторое увеличение скорости работы. Функция позволяет сделать Яндекс браузер быстрее на несколько процентов, но в сумме с другими способами прирост ощутим. Для включения функции достаточно перейти на страницу экспериментальных функций и включить флаг с названием #disable-accelerated-2d-canvas , переведя его в состояние «Enabled»;
    • Завершение других процессов, потребляющих большое количество трафика. Закачка файлов, активные торренты, майнинг, просмотр фильмов и некоторые остальные задачи забирают много трафика. Перечисленные действия и комфортный, быстрый сёрфинг – это взаимоисключающие понятия. Ускорить загрузку страниц в Яндекс обозревателе просто, выключив закачку или дождавшись её завершения. Чтобы проверить нагрузку на сеть, можем перейти в «Диспетчер задач» и выбрать сортировку по вкладке «Сеть»;
    • Увеличение максимально доступного размера занимаемой памяти. В Windows 7 часто приходится напрямую задавать допустимую нагрузку со стороны браузера. Чем больше стоит число, выделенное под инициализацию Yandex browser, тем скорее загрузится страница. Чтобы ускорить браузер Яндекс для Виндовс 7 стоит указать больший размер выделенной памяти. Правда, несколько возрастёт нагрузка на компьютер (незначительно). Чтобы увеличить скорость работы браузера активируем флаг #max-tiles-for-interest-area на странице . В последней версии браузера для Windows 10 функция переведена в автоматический режим, её включать не нужно, а в разделе флагов отсутствует;
    • Включить большее количество активных растровых потоков. Помогает быстрее обрабатывать изображения на страницах, а картинки на большинстве сайтов на 80% составляют вес страницы. Рекомендуем флагу #num-raster-threads установить максимальное значение из доступных в выпадающем списке. Это не создаст ощутимой нагрузки на компьютер, но позволит повысить скорость браузера Яндекс;
    • Активация режима «Турбо». Позволяет экономить трафик за счёт сжатия всего контента. Для уменьшения размера контента весь трафик перенаправляется на сервера Яндекс, где он сжимается. Сжатие выполняется в отношении картинок и видео. Можем включить режим на странице «Дополнения » в разделе «Удобные инструменты». Если установить тип работы «Авто», он будет включаться при понижении скорости до 128 кбит/сек и выключаться после повышения – до 512 кбит/сек. Для высокоскоростного интернета нет необходимости в режиме «Турбо»;
    • Отключить VPN, proxy-расширения или приложения. Они неизбежно влекут за собой уменьшение скорости интернета. Метод поможет существенно ускорить открытие страниц в браузере Яндекс. Как отключить прокси:




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

    Как ускорить загрузку в Яндекс браузере до максимума?

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

    • Банальный способ ускорить интернет в целом и в браузере Яндекс — заказать лучший пакет услуг у провайдера;
    • Отключить все промежуточные сервера: прокси и ВПН. Причём рекомендуем выполнить проверку не только в браузере, но и среди десктопных приложений. Чтобы ускорить закачку в Яндекс браузере, лучше отключить proxy вовсе или добавить обозреватель в исключения (Пример прокси: Browsec; Hola; friGate; ZenMate);
    • Изменить правила интернет-защиты и брандмауэра. Перейти в настройки брандмауэра несложно, введя слово «брандмауэр» в поиск Windows (Win+S ). Дальше переходим в группу «Правила для входящих подключений». Находим пункт «Яндекс.Браузер (входящий mDNS-трафик)» и проверяем, что у него состояние «Включено», а также используется порт UDP. Если это не так, стоит создать правило и указать порт 5353. Также в антивирусе есть раздел «Исключения» или «Белый список», в него нужно внести Яндекс браузер (Скриншот 1 — брандмауэр Windows; скриншот 2 — ESET NOD32);
    • Ускорить загрузку файлов в Яндекс браузере при использовании корпоративной сети поможет отключение фаервола. Системный администратор может отключать его для определённых доменов. Подобное разрешение удаётся получить достаточно редко;
    • Правильно подобрать сервер скачивания. С некоторых серверов скорость низкая по причине специальных настроек на стороне хостинга, часто такое бывает когда пользователь выбирает бесплатный способ загрузки. Еще, если при скачивании файла с других серверов скорость и стабильность Интернета лучше, проблема в конкретном ресурсе.

    Часто появляется желание увеличить скорость интернета в браузере Яндекс при скачивании файлов с ресурсов, которые официально в стране заблокированы. Для их использования приходится включать VPN. Единственный способ сделать скачивание быстрее – заменить прокси или VPN-сервис на более качественный/платный (пример: ExpressVPN).

    Аппаратное ускорение в Яндекс браузере

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

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

    Есть 2 простых способа выполнить инициализацию запуска аппаратного ускорения.

    Первый способ:


    Второй метод:


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

    Отключение выполняется точно также, можем использовать один из способов:


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

    Все перечисленные методы помогают увеличить скорость загрузки страниц, файлов, обычно они используются совокупно, чтобы максимально ускорить работу Яндекс браузера. При совместном использовании часто удаётся добиться прироста производительности в разы, хотя некоторые способы и самостоятельно повышают быстродействие на 50-200%.

    Медленный сайт не нравится никому - ни пользователям, ни поисковикам. При нынешней скорости интернета люди уже не готовы долго ждать загрузки страницы. Это вам не подключение по диал-апу, где ожидание было неизбежно. А поисковые системы, борясь за качество результатов поиска, не хотят выдавать пользователям плохие (в данном случае, медленные) сайты. Поэтому при прочих равных медленный сайт будет в выдаче ниже, чем его более шустрые конкуренты.

    Какую скорость загрузки считать нормой

    Чем быстрее, тем лучше. Но в среднем, 2-3 секунды для загрузки основной части контента страницы - это вполне нормально.

    От чего зависит скорость загрузки

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

    Тормозить загрузку сайта могут проблемы на каждой из сторон и в промежутке между ними.

    • Медленный сервер: может банально не хватать оперативной памяти или ядер в процессоре, как у обычного компьютера.
    • Медленный движок сайта (CMS): если код был написан неопытными программистами без учета его быстродействия.
    • Сервер далеко от пользователя: например, сервер с файлами сайта физически находится в Москве, а на сайт заходит пользователь из Владивостока.
    • Много файлов: для отображения страницы браузеру нужно загрузить много картинок, файлов, стилей, скриптов и шрифтов.
    • Тяжелые файлы: плюс эти файлы много весят.

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

    Как проверить скорость сайта

    Из множества онлайн-сервисов для проверки скорости сайта самый популярный, пожалуй, это инструмент Google PageSpeed . Работать с ним просто - указываем адрес сайта и жмем кнопку «Анализировать».

    В результате мы увидим такие показатели (отдельно для компьютеров и для мобильных):

    • Через какое время браузер получает ответ от сервера и начинает отрисовывать контент страницы (FCP - First Contentful Paint).
    • Через какое время пользователь видит основной контент в браузере (DCL - DOM Content Loaded).
    • Насколько сайт оптимизирован в плане скорости загрузки.
    • Конкретные рекомендации по оптимизации. Нажимая на ссылки «Как исправить», видим адреса проблемных картинок и файлов, с которыми нужно что-то сделать (в основном, сжать).

    Желательно попасть в зеленую зону - и в блоке «Скорость сайта» (Page Speed), и в блоке «Оптимизация».

    Еще один хороший сервис для проверки скорости загрузки, правда, на английском - Pingdom . Отличительная черта - вот такие красивые графики (называются waterfall - водопад) показывают какие файлы, в каком порядке и сколько времени загружаются:

    А теперь к сути:

    Как ускорить сайт Шаг 1. Оптимизация картинок

    Неоптимизированные картинки - самая «тяжелая» часть сайта. Поэтому работа с картинками может дать значительный прирост к скорости.

    На что смотрим:

      Размер картинок (ширина и высота)

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

      Вес картинок (килобайты)

      Изображения с фотоаппарата можно (и нужно) сжимать в объеме перед выкладкой на сайт. Делают это либо в Фотошопе (или другом редакторе изображений), либо через онлайн-сервисы, например, TinyPNG или Optimizilla .

      Превью к большим картинкам

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

    Например, Спортмастер использует картинки товаров в трех вариантах:

    Картинка для списка товаров (весит 7 Кб)

    Картинка для карточки товара (весит 18 Кб)

    Картинка для просмотра товара с «лупой» (весит 942 Кб)

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

    При проверке скорости сайта через Google PageSpeed вы получите готовый список картинок, которые следует оптимизировать:

    Шаг 2. Gzip-сжатие

    Gzip - это программа для сжатия файлов на сервере (аналог zip-архивов на компьютере). При включенном Gzip сервер, перед тем как отправлять браузеру код страницы (а также скрипты, стили и прочую текстовую информацию), сперва заархивирует эти файлы. Браузер получит архив и распакует его на компьютере пользователя. Сжатая информация будет передаваться быстрее между браузером и сервером.

    Как включить Gzip-сжатие:

      Если у вас есть доступ к файлу htaccess, добавьте в него такие строчки (в конец файла):


      AddOutputFilterByType DEFLATE text/html text/plain text/css application/json
      AddOutputFilterByType DEFLATE text/javascript application/javascript application/x-javascript
      AddOutputFilterByType DEFLATE text/xml application/xml text/x-component
      AddOutputFilterByType DEFLATE application/x-font-ttf application/x-font-opentype image/svg+xml

      Если у вас не Apache, а Nginx (кто знает, тот поймет), то вам понадобится файл конфигурации nginx.conf. Дописываем код в секцию http {...} и перезапускаем сервер:

      gzip on;
      gzip_static on;
      gzip_comp_level 5;
      gzip_min_length 1024;
      gzip_proxied any;
      gzip_types text/plain text/css application/json application/x-javascript text/xml application/xml application/xml+rss text/javascript application/javascript;

      Если у вас нет доступа к htaccess или конфигурации сервера, напишите в техподдержку хостинга, что вам нужно включить gzip-сжатие.

    Если сжатие работает, то в результатах проверки PageSpeed вы увидите (в блоке «Внедренные приемы оптимизации»):

    Шаг 3. Кэширование на стороне браузера

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

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

      Через файл htaccess (кэшируем статические файлы на 10 дней):


      ExpiresActive On
      ExpiresDefault "access plus 10 days"
      ExpiresByType image/gif "access plus 10 days"
      ExpiresByType image/jpg "access plus 10 days"
      ExpiresByType image/jpeg "access plus 10 days"
      ExpiresByType image/png "access plus 10 days"
      ExpiresByType image/svg+xml "access plus 10 days"
      ExpiresByType text/css "access plus 10 days"

      Для Nginx добавляем в конфигурацию:

      server {
      ...
      location ~* \.(jpg|jpeg|gif|png|ico|css|js|txt)$ {
      root /var/www/user/data/www/site.ru;
      expires 10d;
      }
      ...
      }

      Если к настройкам сервера доступа нет, опять же пишем в техподдержку и просим настроить кэширование статических файлов.

    Аналогично списку картинок, Google PageSpeed выдает список ресурсов, для которых кэширование не настроено, а можно было бы:

    Обратите внимание, что настроить кэширование вы можете только для своих ресурсов. Изменить настройки кэша, например, для скриптов Яндекс.Метрики уже не получится.

    Шаг 4. Минимизация css- и js-файлов

    Минимизация - это сокращение объема файла за счет удаления пробелов, пустых строк, комментариев, использования более коротких имен переменных и т.п. Браузеру все равно, с каким файлом работать - обычным или минимизированным, а весит такой файл меньше.

    Пример обычного кода:

    Speedometer-wrapper {
    position : relative ;
    }
    .speedometer-wrapper .list {
    margin-top : 80px ;
    margin-left : -20px ;
    padding-bottom : 85px ;
    }

    После минимизации:

    Speedometer-wrapper {position :relative }.speedometer-wrapper .list {margin-top :80px ;margin-left :-20px ;padding-bottom :85px }

    Популярные плагины и библиотеки (jQuery, Bootstrap и пр.) всегда имеют минимизированные версии своих скриптов и стилей - подключайте на сайт именно их. Например, обычная версия скрипта jQuery весит 265 Кб, а ее сжатый вариант - 85 Кб. Чувствуете разницу?

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

    PageSpeed и здесь заботливо показывает нам список файлов, размер которых можно уменьшить за счет минимизации:

    Шаг 5. Порядок загрузки css- и js-файлов

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

    Чтобы браузер мог загружать файлы сайта оптимальным образом, рекомендуется все файлы стилей (css) и шрифтов подключать в начале кода страницы (в теге ), а все файлы скриптов (js) - в конце страницы, перед закрывающим тегом .



    ...



    ...


    ...



    Тогда браузер загрузит стили, необходимые для отрисовки, и начнет показывать страницу пользователю, параллельно загружая необходимые скрипты (которые затем обеспечат интерактив - слайдеры, вкладки и пр.).

    Шаг 6. Лишние плагины или счетчики

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

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

    Шаг 7. Использование CDN

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

    Когда пользователь, например, из Хабаровска, хочет загрузить что-то из CDN, то он получает контент не с основного сервера (который может быть, например, в Москве), а с ближайшего к пользователю сервера (который может быть и в том же Хабаровске). Широка страна моя родная, поэтому запрос Хабаровск-Хабаровск пройдет быстрее запроса Хабаровск-Москва. Пусть на миллисекунды, но в умножении на число файлов и их размер это может дать хорошее увеличение скорости.

    Как правило, CDN используют в двух случаях:

    • Загрузка сторонних скриптов. Это все те же jQuery, Bootstrap, шрифты Web Fonts. Например, можно указать браузеру загружать их не со своего сервера, а с серверов Гугла, Bootstrap или других CDN.
    • Загрузка картинок и скриптов со своих CDN. Крупные сайты (Ozon, Avito и пр.) настраивают собственные CDN, используя либо собственные же сервера, либо (чаще) сервера CDN-сетей, например, Google Cloud или StackPath . Некоторые CMS уже включили поддержку CDN в свой функционал. Например, у Битрикса есть бесплатный модуль «Ускорение сайта (CDN)».
    Шаг 8. Сокращение числа http-запросов

    Чтобы браузер делал меньше обращений к серверу (а это и есть http-запросы), нужно сократить число необходимых ему файлов. Например, если у вас есть три отдельных скрипта (для слайдера, для модальных окон и для всплывающих подсказок), то можно объединить их в один файл, а потом еще и минифицировать (см. шаг 4).

    Так как объединять файлы вручную не совсем удобно (если в будущем понадобится заменить один из скриптов), то обычно настраивают их автоматическое слияние. У большинства CMS для этого есть свои плагины (например, Autoptimize для WordPress).

    Настроенное кэширование для браузера (шаг 3) и удаление лишних скриптов (шаг 6) тоже уменьшают число http-запросов.

    Шаг 9. Оптимизация шрифтов

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

    Также сократить число файлов можно, отказавшись от использования устаревших форматов. Раньше каждый шрифт загружался в форматах eot, ttf, woff, svg для корректного отображения в браузерах. Сейчас современные браузеры позволяют ограничиться только двумя форматами - woff и woff2.

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

    Шаг 10. Сокращение HTML-кода

    Помимо сжатия файлов стилей и скриптов (шаг 4), можно настроить минимизацию и для HTML-кода самой страницы. Думаю, это актуально для длинных страниц - статей в блогах, больших списков товаров и т.п. Для настройки стоит поискать подходящий плагин для своей CMS (например, Html Minifier для Joomla).

    Шаг 11. Оптимизация работы сервера

    Если у вас выделенный сервер (ваш системный администратор может управлять его настройками), можно попробовать проапгрейдить его параметры. Например, добавить оперативной памяти или заменить процессор. Также сисадмин может провести «уборку» на самом сервере - удалить неиспользуемые и обновить текущие модули.

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

    Шаг 12. Оптимизация скриптов и баз данных

    Один из этапов загрузки сайта - это генерация сервером итогового HTML-кода, который он отдаст браузеру. Этот код генерируется движком сайта (CMS). Если движок написан неграмотно, то он может «собирать» страницу весьма долго, делая лишние запросы к файлам и базам данных, используя «медленные» алгоритмы программирования и т.д.

    Поэтому при выборе CMS для сайта рекомендуется смотреть в сторону популярных движков (Битрикс, Open Cart, WordPress, MODx и т.д.), которые зарекомендовали свое быстродействие и надежность. А так как эти системы постоянно дорабатываются (в том числе, и в плане скорости работы), то следует регулярно обновлять CMS на своем сайте.

    Нет слоупокам

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

    Если нужна помощь в оптимизации скорости загрузки сайта - пишите , посмотрим ваш сайт и подскажем, можно ли его ускорить.