Измерение скорости загрузки

Измерение скорости загрузки

22.05.2019

Добрый день, уважаемые читатели! Продолжим наш практический кейс по продвижению блога и поговорим сегодня об одном из самых важных факторов ранжирования, о быстродействии веб-ресурса. Скорость загрузки страниц сайта — тема статьи, в которой Вы узнаете, что же такое скорость загрузки страниц, как ее проверить и конечно же как ее увеличить . Как обычно, я расскажу самое основное про важность быстродействия веб-ресурса, покажу самые основные сервисы оценки этого параметра. Для читателей моих seo-шпаргалок я подготовил документ о проверке скорости своего блога в Google Analytics.

Скорость загрузки страниц веб-ресурса

Важность быстродействия сайта

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

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

Исследование Forrester Consulting по заказу Akamai Technologies в сентябре 2009 года показало , что 2 секунды — это максимальное время ожидания загрузки страницы коммерческого сайта пользователями поисковых систем:

Еще в 2006 году аналогичные исследования показывали совсем другую цифру — 4 секунды. Как говориться, делайте свои выводы, уважаемые веб-мастера и блоггеры. С каждым годом пользователи поисковых систем становятся менее терпимыми к медленным сайтам.

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

  • Негативное/позитивное отношение читателей . Чем больше пользователь из поиска ждет открытия постов Вашего блога, тем меньше у него становится заинтересованности в дальнейшем его изучении. Тем сложнее ему стать постоянным читателем, проблемней предложить ему свои услуги, инфопродукты и т.д.
  • Ниже позиции в результатах выдачи . При одинаковых остальных параметрах ранжирования медленный блог займет ниже позицию в серпе по сравнению с более быстрым веб-ресурсом.
  • Ухудшаются поведенческие факторы . Чем ниже скорость отклика, тем далеки от идеальных основные метрики поведения пользователей — хуже глубина просмотра страниц блога, меньше время взаимодействия с документом, ниже показатель загрузки файлов и т.д.

Каким образом определяется скорость загрузки сайта

Каждый поисковик имеет в своем распоряжении специального робота (или как его еще называют, поискового паука), который выполняет те или другие функции при сканировании сайтов в Интернете. Например, в поисковой системе Google таким пауком является Google-bot. Он собирает всю информацию, бегая по всем страницам блога путем внутренних ссылок. Эту информацию он отдает в базу данных, где она обрабатывается и анализируется.

Сам робот не дает оценку просканированной информации. Но зато он может дать сигнал поисковой системе о быстродействии блога. Так как число постов и страниц в сети Интернет огромное количество, исчисляемое миллиардами документов, он бывает на каждом сайте строго отведенное на просмотр время. Если за это время он сканирует всю страницу, то быстродействие сайта одно, если нет, то другое. Ведь ждать до бесконечности медленно открывающиеся страницы робот не может — у него еще для просмотра море других документов. Таким образом у поисковой системы есть информация, как долго и насколько полно google-bot просканирует информацию на страницах веб-ресурса.

Проверка скорости загрузки страниц сайта

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

Google PageSpeed

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

Вводим url главной страницы своего блога и нажимаем кнопку «Analyze». После проведенных тестов Google PageSpeed результат проверки скорости загрузки нашего сайта:

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

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

GTmetrix

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

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

Все важные анализируемые параметры градуируются по специальной шкале от A (отлично) до F (плохо). Поэтому здесь тоже можно наглядно увидеть все недостатки проверяемого сайта и в дальнейшем принять меры для увеличения скорости его загрузки. GTmetrix использует для своего анализа те же самые инструменты, которые функционируют в Pagespeed (об этом говорит одна и та же общая цифра оценки отклика моего блога, равная 75-ти).

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

Pingdom Website Speed Test

Еще один популярный сервис по оценке скорости загрузки сайта — Pingdom Website Speed Test . Он имеет понятный интерфейс и является удобным инструментом анализа отклика. Для начала работы необходимо ввести адрес своего сайта в специальное окошко:

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

Здесь наглядно с помощью информативных пиктограмм и сообщений мы видим следующие параметры оценки скорости сайта:

  • место проведения теста скорости и дата тестирования;
  • оценка скорости загрузки сайта по 100 бальной шкале (69 в моем случае);
  • количество проведенных запросов для выполнения теста (66);
  • общее время загрузки проверяемой страницы (4,56 — время загрузки главной моего блога);
  • размер проверяемой страницы в мегабайтах (1,1 MB);
  • сравнение скорости загрузки проверяемого сайта с откликами других веб-ресурсов (по данным теста мой блог быстрее, чем 34% из всех других исследуемых сайтов).

Как и на других сервисах, Pingdom Website Speed Test тоже дает свои рекомендации по улучшению скорости загрузки. Это можно увидеть, перейдя в результатах анализа во вкладку «Perfomance grade», в которой наглядно показано влияние тех или иных препятствий в виде градуированной шкалы.

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

WEBO Site SpeedUp

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

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

Кстати, эта компания продает свой платный продукт WEBO Site SpeedUp для различных платформ. Есть там и специальный плагин по ускорению загрузки блога под CMS WordPress. Я принял решение попробовать этот продукт на зуб. Надеюсь, что алгоритмы сжатия и оптимизации этого дополнения позволят моему сайту стать намного шустрее. Об итогах его использования я напишу отдельно в одном из следующих статей.

Так надо ли проверять скорость загрузки своего сайта?

Скорость отклика сайта — очень важный элемент в его успешном продвижении в поисковых системах. Чем быстрее отображаются странички Вашего веб-ресурса, тем больше пользователей из поиска получите. Одно нераздельно от другого. Хуже скорость — меньше читателей на блоге, меньше клиентов на услуги, меньше покупателей товаров интернет-магазина.

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

Не пренебрегайте проверкой быстродействия своего блога! И тогда Вы не потеряете своих читателей, сэкономите время и сохраните нервные клетки. 🙂

Бонус для читателей Seo-шпаргалок . В самом популярном наборе веб-инструментов Google Analytics есть стандартный отчет, дающий данные по быстродействию сайта. В качестве дополнительно материала в виде очередной seo-шпараглки, я подготовил информацию по отчету быстродействия страниц. Если Вы не являетесь читателем этих шпаргалок, но хотите их получить, Вам достаточно заполнить форму, которая идет после этого поста.

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

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

Онлайн сервисы для измерения скорости загрузки сайта

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

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

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

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

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

    1. объединил некоторые картинки из темы оформления сайта в
    2. а также по возможности уменьшил путем
    3. кроме этого имеется смысл

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

    Во всплывающем окне вам предложат скопировать постоянную ссылку на проделанный тест, а также отправить его по E-mail или в Твитер. Также в нижней части окна можно подписаться на на предмет доступности. Если ваш ресурс упадет (станет недоступен для посетителей), то вам будет выслано сообщение на E-mail, либо SMS на сотовый. Но эта услуга является платной, хотя и имеется возможность бесплатного триала.

    Для вашего сайта, а также для просмотра Traceroute, нужно будет выбрать в самом верху страницы вкладку «Ping and Traceroute». Вводите в предлагаемую форму Урл без http, ставите галочку в чекбокс «Traceroute» или «Ping» под этой формой, и жмете «Test now».

  2. WebPageTest — как обычно, вводите Урл проверяемой страницы (не обязательно главной). Сервис некоторое время обсчитывает скорость загрузки всех элементов сайта, после чего выдает очень наглядную диаграмму (точнее даже две — за первый проход и за второй, когда уже часть элементов сайта загружаются из кеша браузера):

    На первой диаграмме уделяете внимание положению фиолетовой вертикальной линии - это будет время окончания отрисовки сайта . Вторая вертикальная линия (синяя) будет означать время полной загрузки . Хорошо, если первая линия находится на 1-1,5 секундах загрузки сайта, а вторая - раньше 4 секунд. Тогда следующие абзацы можно прочитать «для справки». Если сайт загружается дольше 4 секунд - то нужно озабачиваться исправлением этой ситуации.

  3. Google PageSpeed Insights — это инструмент для разработчиков от самого Гугла. Он дает оценку скорости загрузки вашего сайта (а точнее оптимизации этой скорости) по стобальной шкале. 100 — это идеал, который недостижим, а вот 80-90 получить вполне реально, тем более, что сервис дает очень подробные рекомендации по исправлению выявленных недочетов.

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

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

    У меня, например, была проблема с настройкой gzip сжатия и с заданием времени кеширования статики (картинок, css файлов и скриптов) в браузерах пользователей, ибо у меня Апач работает в связке с nginx, а с ним я работать не умею. Пришлось писать в техподдержку Инфобокса с просьбой все настроить — сделали, и даже денежек не взяли (спасибо им!). Кстати, изначально они мне поставили время хранения кеша в 1 час, но Google PageSpeed Insights по-прежнему ругался:

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

  4. Test my Site — новый сервис опять же от Гугла. В основном он делает акцент на оценку мобильной версии вашего сайта в том числе и по критерию его скорости загрузки:

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

  5. GTmetrix — опять таки «не мудрствуя лукаво» вводите Урл нужной страницы и чуток ждете окончания анализа. В результате вы получите отчет, сформированный на основе данных двух плагинов для браузеров — Page Speed (читайте о работе с ним ниже) и YSlow . Собственно, каким данным доверять и чьим рекомендациям следовать — решать вам.

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

  6. Ping Admin — аналогичный онлайн ресурс для измерения время ответа сервера с разных уголков нашей огромной планеты.

  7. Host Tracker — практически то же самое, только страны другие.
  8. ByteCheck — позволяет измерить значение TTFB (Time To First Byte) для вашего сайта, на который часто обращают внимание при оптимизации. Это время получения первого байта данных браузером с сервера. Чем выше значение TTFB, тем медленнее обработка ресурсов сервером, что есть плохо. Читайте советы по оптимизации загрузки сайтов .
  9. Load Impact — это не совсем про скорость, но тоже важный сервис. Он позволяет протестировать нагрузочную способность вашего сайта и то, падает ли при этом скорость загрузки страниц. Весьма полезная штука.
  10. Web Page Speed — онлайн-сервис с дизайном начала девяностых, но вполне себе такой информативный, если приспособитесь к отсутствию юзабилити. Внизу даются общие рекомендации по исправлению ситуации.

Так ли важно отслеживать скорость загрузки страниц?

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

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

Собственно, ничего особенно придумывать и не пришлось, ибо Google сам подсказывает наиболее оптимальное решение. Точнее, он предлагает воспользоваться инструментом, который в свою очередь поможет понять, что именно нужно предпринять для того, чтобы ваш сайт немного (или много) ускорить. Я говорю об онлайн-сервисе Page Speed (раньше были еще и одноименные расширения для браузера FireFox и Хром, которыми я в основном и пользовался).

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

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

На главной странице PageSpeed даже предлагает установить модуль на свой сервер, если он работает под управлением Apache или Nginx (как раз мой случай):

Но я так и не понял, как это делается, ибо совсем не смыслю в администрировании серверов и никогда не работал с юникс подобными системами. Это намного сложнее, чем программу установить или плагин в WordPress залить. Другой уровень погружения. Хостера тоже не решился по этому поводу напрягать. В общем, сей модуль остался мною не испытан — возможно, что вы его уже попробовали и имеет место что сказать...

Вообще, в первый раз я использовал Page Speed в качестве расширения для браузера (сейчас оно, как я понял не фунциклирует). Раньше оно интегрировалось в инструменты для разработчиков в Фаерфоксе и в Хроме. Правда, попервости (несколько лет назад) я лишь мельком посмотрел какие советы он мне дает, и практически ничего не поняв решил, что это не для меня, после чего с легкой душой удалил плагин PageSpeed как не нужный и чуждый моему разуму элемент.

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

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

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

P.S. Сейчас Page Speed можно использовать только онлайн и устанавливать его в браузер уже не требуется (во всяком случае с новыми версиями хрома этот плагин несовместим), хотя сути это не меняет.

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

Дождавшись результатов процесса проверки вы увидите окно подобное тому, что я уже приводил на скриншоте выше по тексту (в пункте 3 описаний онлайн сервисов по проверки скорости загрузки сайтов). Т.о. в результате вы увидите целый список претензий, которые этот онлайн сервис имеет к вашему ресурсу, а именно к скорости его загрузки. Пир этом он даст вам некоторые указания по оптимизации работы Web сервера в купе с используемым вами движком.

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

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

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

У меня первоначальная картина несколько лет назад (еще при использовании плагина — сейчас то же самое можно увидеть в http://gtmetrix.com/ , ибо он испльзует АПИ PageSpeed) для https://сайт была такой:

Я решил тогда начать с самого первого пункта «Leverage browser caching» (сейчас это называется «Используйте кеш браузера» ), ибо по логике работы Page Speed, эти рекомендации должны привести к наибольшему ускорению моего блога.

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

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

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

Оптимизация кэширования в браузере и проверка его работы

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

В общем, мы попытаемся повлиять на сервер где хостится ваш проект таким образом, чтобы он отдавал браузерам команды направленные на оптимизацию кэширования статических элементов. Делать это будем посредством довольно известного инструмента удаленного управления сервером — файла.htaccess . Знаете о существовании такого?

Живет он обычно в корневой папке. Естественно, что все нижеописанное будет работать только на серверах под управлением Apache, но их, как правило, большинство. После подключения к своему ресурсу по FTP (), откройте корневую папку (обычно это либо PUBLIC_HTML, либо HTDOCS) и проверьте наличие в ней файла.htaccess.

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

Если .htaccess не видно, то попробуйте в программе FileZilla выбрать из верхнего меню пункты «Сервер» — «Принудительно отображать скрытые файлы». Если и после этого он в корне не проявился, то создайте у себя на компьютере пустой текстовый файл в любом удобном для вас редакторе (я пользуюсь Нотепад плюс плюс), назовите его как-нибудь и скопируйте в корень.

После этого переименуйте этот файл в.htaccess в программе FileZilla. Теперь нужно будет открыть его на редактирование и добавить в него приведенный ниже код. Но сначала чуток поясню.

Наиболее популярные способы включения данной опции на веб-сервере под управлением Апач — с помщью модулей mod_headers или mod_expires. Расположенный ниже код поможет помочь вам включить кеширование статики в браузере, если онлайн-сервис хотя бы один из этих модулей Апача у вас на серваке установлен.

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

#кэшировать html и htm файлы на один день Header set Cache-Control "max-age=43200" #кэшировать css, javascript и текстовые файлы на одну неделю Header set Cache-Control "max-age=604800" #кэшировать флэш и изображения на месяц Header set Cache-Control "max-age=2592000" #отключить кэширование Header unset Cache-Control

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

Можно будет еще добавить блок кода, рассчитанного на модуль для mod_expires , где опять же используется проверка его наличия на вашем сервере, что гарантирует безопасность использования этого фрагмента кода:

ExpiresActive On #по умолчанию кеш в 5 секунд ExpiresDefault "access plus 5 seconds" #кэшировать флэш и изображения на месяц ExpiresByType image/x-icon "access plus 2592000 seconds" ExpiresByType image/jpeg "access plus 2592000 seconds" ExpiresByType image/png "access plus 2592000 seconds" ExpiresByType image/gif "access plus 2592000 seconds" ExpiresByType application/x-shockwave-flash "access plus 2592000 seconds" #кэшировать css, javascript и текстовые файлы на одну неделю ExpiresByType text/css "access plus 604800 seconds" ExpiresByType text/javascript "access plus 604800 seconds" ExpiresByType application/javascript "access plus 604800 seconds" ExpiresByType application/x-javascript "access plus 604800 seconds" #кэшировать html и htm файлы на один день ExpiresByType text/html "access plus 43200 seconds" #кэшировать xml файлы на десять минут ExpiresByType application/xhtml+xml "access plus 600 seconds"

Комментарии опять же потом можно будет удалить.

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

  1. ExpiresActive On ExpiresByType application/javascript "access plus 1 year" ExpiresByType text/javascript "access plus 1 year" ExpiresByType text/css "access plus 1 year" ExpiresByType image/gif "access plus 1 year" ExpiresByType image/jpeg "access plus 1 year" ExpiresByType image/png "access plus 1 year"
  2. Header set Cache-control: private Header set Cache-control: public
  3. BrowserMatch "MSIE" force-no-vary BrowserMatch "Mozilla/4.{2}" force-no-vary
  4. FileETag MTime Size ExpiresActive on ExpiresDefault "access plus 1 month"

Теперь после того, как вы вставили в.htaccess код, позволяющий повысить скорость за счет оптимизации кэширования в браузере на стороне посетителя, и сохранили произведенные изменения, снова проверьте страницу вашего ресурса в PageSpeed Insights и убедитесь что проблема пропала :

Как видите, в моем случае «Используйте кеш браузера» уже не является критической недоработкой замедляющей загрузку, и значок рядом с этим замечанием сменился на оранжевый, но не на зеленый. К сожалению, повлиять на сторонние сервисы, откуда мой сайт подгружает статики (типа Янедкс, Гугла, Фидбернера и Аптулайка), я не в состоянии.

Что и требовалось доказать. Вот так вот играючи мы с вами разобрались с одной из самых существенных и весомых проблем найденных в Page Speed.

Как включить сжатие статических объектов на сервере

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

Используется при этом , о который я уже писал. Если вы анализируете не напрямую через PageSpeed Insights, а посредством GTmetrix, то в области PageSpeed «Включить сжатие» называется «Enable gzip compression», а в YSlow - «Compress components with gzip».

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

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

AddOutputFilterByType DEFLATE text/html text/plain text/xml application/xml application/xhtml+xml text/css text/javascript application/javascript application/x-javascript

Чуть менее популярным и для него код включения Gzip сжатия для нужных типов файлов будет выглядеть так:

mod_gzip_on Yes mod_gzip_dechunk Yes mod_gzip_item_include file \.(html?|txt|css|js|php|pl)$ mod_gzip_item_include mime ^text\.* mod_gzip_item_include mime ^application/x-javascript.* mod_gzip_item_exclude mime ^image\.* mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*

Собственно, пробуйте и проверяйте страницу в PageSpeed Insights после установки кода. Если проблема ушла, то считайте, что вам повезло. Мне же в силу наличия Апач с nginx все это не помогло (хостер сказал, что за статику отвечает nginx, при таком раскладе и настраивать надо именно его — как он это сделал мне не ведомо).

Удачи вам! До скорых встреч на страницах блога сайт

посмотреть еще ролики можно перейдя на
");">

Вам может быть интересно

Измерение и увеличение скорости сайта в GTmetrix, а так же настройка загрузки библиотеки jQuery с Google CDN
Gzip сжатие для ускорения загрузки сайта - как его включить для Js, Html и Css с помощью файла.htaccess
Как увеличить скорость загрузки сайта по максимуму и оптимизация нагрузки на сервер

Инструкция

Самый простой способ узнать, на сколько процентов загружен процессор, таков. Нажмите на клавиатуре сочетание клавиш Ctrl+Shift+Esc. Сразу же после нажатия этих клавиш запустится диспетчер задач. Или же воспользуйтесь сочетанием клавиш Ctrl+Alt+Del, в результате появится окно. В этом окне выберите «Диспетчер задач. После запуска диспетчера задач пройдите на вкладку «Быстродействие». В верхнем левом углу окна будет раздел «Загрузка ЦП». Там и будет отображена информация о текущей загруженности вашего процессора.

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

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

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

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

Источники:

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

В основном загрузка на ЦП вызвана включением какого либо приложения, и от этого ресурсы системы направляются на выполнение задачи. Нагрузка на процессор возрастает и, включив диспетчер задач, мы можем увидеть, насколько она выросла. При 100% загрузке компьютер начинает виснуть, приложения работают медленно, и порой спасти может только перезагрузка. Рассмотрим основные причины загрузки центрального процессора и методы решения этой проблемы.

Вам понадобится

  • Компьютер
  • Программа диспетчер задач

Инструкция

Большая нагрузка на ЦП идет при включении компьютера, загрузки системы и рабочего стола. Поэтому при появлении рабочего стола можно заметить, как включаются приложения антивируса, возможно, браузера и локальных программ. Все зависит от индивидуальности пользователя, и какими программами он пользуется. Для решения этой проблемы необходимо знать конфигурацию и оперативной памяти. Сделать это можно, кликнув правой кнопкой мыши по «Моему » и выбрав Свойства. Ведь если процессор слабый, и у него 512 оперативной памяти, то не удивительны зависания и торможения. Поэтому стоит обратиться к автозагрузчику, приложению, которое отвечает за загрузку определенных программ в момент включения системы. Если вы не пользуетесь программой Alcohol, то нет смысла в ее автозагрузке. Нажимаем Пуск - Выполнить – msconfig, диалоговое окошко, в котором выбираем вкладку автозагрузка. Мы видим помеченные галочками элементы, которые подгружаются вместе с системой. Можно увидеть названия программа и их путь, поэтому снимаем галочки с тех служб, которые не нужны, жмем OK.

Следующий момент заключается в загрузке приложений или игр, которые вызывают загрузку ЦП. Опять же нужно обратить внимание на конфигурацию оборудования, было ли раньше. Проверьте компьютер на вирусы. При запуске игр выключайте приложения, которым требуются много ресурсов. Ими могут быть браузеры, чаты, проигрыватели. Как возможный, но радикальный метод решения может стать переустановка системы. Также можно системный блок и посмотреть, не накопилась ли пыль. Иногда загрузка на процессор может быть вызвана плохой теплоотдачей в связи с засорением кулера или частей процессора (радиатора). Попробуйте сменить термопасту на . Если ничего не помогает, то пробуйте менять , брать у друзей и смотреть на поведение системы, и если дело в этом, то покупайте более мощный процессор.

Обратите внимание

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

Полезный совет

Для "выдергивания" программ из автозагрузки можно применять специальные программы. Используйте диспетчер задач для просмотра загрузки на ЦП.

Источники:

  • почему загружен цп

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

Инструкция

Существует несколько способов определения загрузки процессора. Самый простой: откройте Диспетчер задач (Ctrl + Alt + Del), в нижней части окна вы увидите данные о загрузке процессора.

Иногда полезно знать, какие программы загружают процессор. В Диспетчере задач есть графа «ЦП», в ней отображаются необходимые данные. Если этой графы у вас нет, выберите в меню Диспетчера задач вкладку «Вид», в ней «Выбрать столбцы». Поставьте галочку в строке «Загрузка ЦП» и нажмите «ОК».

Во многих случаях полезно все время иметь информацию о загрузке процессора перед глазами. Сделать это можно с помощью некоторых программ – например, программы «Everest» (она же «Aida 64»). Это одна из лучших программ, выдающих о компьютере практически всю возможную информацию.

Установите программу «Эверест», затем настройте ее. Выберите Файл – Настройки. Во вкладке «Общие» выберите: «Загружать Everest при старте Windows». Снимите галочку с «Показывать заставку при запуске Everest». Поставьте галочки в пунктах «Кнопка «Свернуть» сворачивает окно в системный лоток» и «Кнопка «Закрыть» сворачивает окно в системный лоток». Там же в меню «При запуске Everest» выберите «Скрывать главное окно (прятать в системный лоток)». Нажмите «ОК».

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

Узнать загрузку процессора и получить массу другой полезной информации о компьютере вы можете с помощью программы AnVir Task Manager. Программа высвечивает в системном трее информацию о загрузке ЦП, загрузке дисков и использовании памяти. С ее помощью вы так же сможете отслеживать запущенные процессы и текущие подключения к сети интернет.

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

Инструкция

Повышенная загрузка процессора может быть вызвана самыми разными причинами, начиная от автозагрузки ненужных программ и заканчивая ошибками в работе операционной системы. Для выявления причины некорректной работы компьютера откройте Диспетчер задач (Ctrl + Alt + Del), посмотрите общую загрузку процессора и его загрузку конкретными процессами.

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

Если вы не можете по названию процесса понять, какой программе или сервису он принадлежит, воспользуйтесь программами AnVir Task Manager или Everest (Aida64). Откройте в одной из этих программ список процессов, найдите тот, что загружает процессор и посмотрите путь к исполнимому файлу. Определив, что это , вы уже сможете решить, что с ней – оставить, заменить или удалить.

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

Для удаления программ из автозагрузки вы можете воспользоваться стандартной утилитой msconfig. В Windows XP откройте: «Пуск – Выполнить», введите команду msconfig и нажмите «ОК». В Windows 7 откройте: «Пуск» и введите команду msconfig в строку поиска. В открывшемся окне выберите вкладку «Автозагрузка» и снимите галочки с ненужных программ, сохраните изменения.

Для того, чтобы ускорить работу операционной системы, отключите ненужные службы: «Пуск – Панель управления – Администрирование – Службы». Информацию о том, какие именно службы можно отключить в вашей версии ОС, найдите в интернете.

Одной из самых неприятных причин чрезмерной загрузки процессора является ошибка операционной системы. В этом случае в Диспетчере задач основная загрузка процессора приходится на строку System. Такое порой происходит с нелицензионными версиями ОС и их «доработанными» сборками. После старта такая система может работать нормально, но в какой-то момент загрузка процессора подскакивает до 100% и уже не уменьшается. Лучший вариант в этом случае – заменить дефектную OС ее исправной версией.

Иногда высокую загрузку процессора дает антивирусная программа. Если это происходит временно, с пиковой загрузкой до 80-90%, то все в порядке. Но если антивирус постоянно и чрезмерно загружает систему, замените его другим.

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

Инструкция

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

Также на данный момент существует множество специальных программ, которые позволяют узнать все самые важные характеристики вашей системы и персонального компьютера. Одной из наиболее популярных программ является CPU-Z. Скачайте ее с официального сайта, далее установите на жесткий диск, запустите и нажмите «Проверить систему». На экране появиться вся информация о вашем компьютере.

Если вас мучает вопрос, мощность процессора, обратитесь к опытным программистам или компьютерщикам. Они знают, подобную проблему, и помогут вам в кратчайшие сроки. Если вы хотите самостоятельно провести увеличение мощности процессора, при загрузке системы нажмите определенную клавишу (это может быть Del, F8, Ins на клавиатуре - зависит от версии) и вы попадете в BIOS, который представляет собой своеобразный центр управление всеми параметрами и характеристиками вашей системы и железа. После захода в BIOS сбросьте все установки по умолчанию, выбрав в главном меню надпись Load default Settings. Также отключите все ненужные порты и контроллеры типа pread Spectrum, Vanderpool Technology, intel speedstep и C1E support. Изменив некоторые из них, можно увеличить мощность процессора на 15 – 20%. Измените следующие параметры Base CLK (частота FSB шины) = 300 Мгц и уменьшите на пару единиц cpu freguency. Затем установите следующие параметры таким образом: тайминг памяти 5-5-5-15-5, тактовая частота памяти 533 МГц. После перезагрузки системы вы наглядно убедитесь, насколько ваш процессор стал работать быстрее.

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

Вам понадобится

  • - доступ в интернет;
  • - программа CPU-Z.

Инструкция

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

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

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

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

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

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

Инструкция

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

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

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

AST BIOS - модель, которая имеет наименьшее распространение среди современных материнских плат. Для этого типа BIOS определение неисправного устройства выявляется еще проще. Если при включении компьютера вы услышали периодически повторяющийся одиночный сигнал, процессор не функционирует нужным образом. При появлении этого звука сразу же стоит выключать компьютер, удерживая кнопку Power более 5 секунд в нажатом положении. Также возможно переключение тумблера на тыльной стороне системного блока (со стороны блока питания).

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

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

Влияние скорости загрузки на продвижение сайта

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

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

Как думаете, если пользователь будет ждать загрузки страницы по 5-10, а то и более секунд, останется ли он на таком сайте? Нет! Он уйдет, а это - показатель «отказов», которые дадут сигнал поисковым системам, что с вашим сайтом что-то не так и его следует понизить в результатах поиска .

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

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

Google сервис анализа скорости загрузки сайта

PageSpeed Insights – Google инструмент проверки скорости загрузки страниц. Позволяет сделать тест, как для стационарного компьютера, так и для мобильного устройства .

Кроме основной его функции, он выполняет еще ряд других:

  1. Проверка скорости загрузки для компьютеров и для мобильных устройств;
  2. Определение удобства пользования;
  3. Предоставление конкретных рекомендаций по ускорению загрузки и повышению удобства пользования.

Перейти к инструменту проверки скорости загрузки: http://developers.google.com/speed/pagespeed/insights/

После того, как выполните анализ, вам будет доступна оценка Google по 100 бальной шкале.

Анализатор подчеркнул, какие исправления нужно сделать обязательно, а какие «по возможности».

Как правило, самые большие проблемы возникают с оптимизацией изображений и большим количеством JS скриптов, которые располагаются в Header (особенно актуально для WordPress). Чуть ниже расскажу, как бороться с этим.

Как уменьшить время загрузки страниц в WordPress

Кэширование

Плагин Wp Super cache , который можно обозначить пометкой Must Have. Он просто обязательно должен быть установлен на WordPress сайт. Его задача кэширование страниц. При первом заходе пользователя, браузер загружает все JS и CSS файлы. При переходе на следующую страницу, эти файлы уже будут в кэше, а значит это позволит избежать их повторной загрузки. У меня установлен плагин Hyper Cache, он является аналогом Wp Super cache и выполняет все те же функции.

Отключение Post Revision

Вы замечали, что при написании или редактировании записи идут авто сохранения черновиков? Это влияет на скорость работы Базы данных, увеличивая ее размер. Чтобы отключить Post Revision, зайдите в файл wp-config.php и добавьте следующую строчку:

define("WP_POST_REVISIONS", false);

Это предотвратит появление новых копий, однако не удалит старые. Для того чтобы стереть из БД старые копии, следует войти в PHPMyAdmin и сделать SQL запрос:

DELETE a,b,c
FROM wp_posts a
LEFT JOIN wp_term_relationships b ON (a.ID = b.object_id)
LEFT JOIN wp_postmeta c ON (a.ID = c.post_id)
WHERE a.post_type = "revision"

Так же для очистки базы данных можно использовать WordPress плагин WP-Optimize.

Комплексная оптимизация WP

Autoptimize – отличный плагин, который позволяет произвести ряд улучшений, таких как: сжатие CSS и JS файлов, объединение их в один файл, перемещение JavaScript файлов в Footer.

JavaScript в конце страницы

Если вы не используете плагин из предыдущего пункта, то вам следует, по возможности, поместить JavaScript в конце страницы. Это позволит загружать JS после загрузки основного контента. Об этом нам так же говорит PageSpeed Insights.

Сжатие JS

Опять же, если Autoptimize не установлен, то нужно использовать другой инструмент по сжатию JS кода. Например - http://javascriptcompressor.com .

Объединение файлов в один

Следует объединить файлы CSS в один. То же следует проделать и с JS. Это позволит сократить количество обращений к серверу.

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

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

Как с этим бороться? Есть множество онлайн сервисов, которые позволяют сжать изображение без потери качества.

Но мне по душе старый добрый Photoshop. В разделе «Файл » - «Save for web » можно сохранить изображение, ориентированное именно на использование его на сайтах. С помощью данного метода размер файла будет уменьшен в несколько раз, при том, что изменение качества самого фото практически не будет заметно. При этом следует правильно выбрать оптимальное расширение.

Хотлинки

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

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


RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http://(www\.)?example\.com/.*$
RewriteRule .*\.(gif|jpg|png|ico)$ -

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

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

Отказ от плагинов

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

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

Почему следует это сделать:

Представьте, если человек зашел с мобильно устройства на сайт, а они не оптимизирован для просмотра на моб. Он сразу его покинет, а это – отказ. Зачем вам рост отказов? Ведь это даст повод поисковикам понизить ваш сайт в результатах поиска.

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



© 2024 beasthackerz.ru - Браузеры. Аудио. Жесткий диск. Программы. Локальная сеть. Windows