Получайте секретные материалы проекта на свой E-Mail:

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

Здравствуйте, дорогие читатели! Недавно получил комментарий в котором мне задали вопрос: в чем мой секрет быстрой загрузки сайта? Я решил не отвечать комментарием (слишком много писать), а написать сразу для всех полезный пост на эту тему. То есть сегодня мы поговорим о таком немаловажном факторе, как скорость загрузки сайта.скорость загрузки сайта

Как Вы думаете, зачем нужна быстрая загрузка сайта? Давай-те рассудим логически. Мы пишем для людей, люди должны читать наши посты и получать знания. Наш сайт или блог, это площадка для размещения знаний! Доступ к ним должен быть открытым и быстрым. А если Ваш сайт грузится 15-20 секунд? Разве пользователь решит остаться на нем? Ответ однозначен — НЕТ!

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

Как я говорил уже: Нужно беречь время. Оно течет в одном направлении, и его не вернуть! Можно вернуть деньги, еще что-либо, а время никак! К чему это я? А к тому, что нужно уважать, как свое время, так и время других! Нужно всего-лишь проделать несколько элементарных шагов, и Ваш сайт/блог станет намного быстрее открываться, а с этим прибавится не один посетитель.

[yandexd]

Скорость загрузки сайта — важный фактор при настройки сайта. Нужно стараться любыми путями, уменьшить время ожидания посетителя. Так же и поисковые системы «смотрят» на скорость, и если она низкая (сайт грузится долго), значит и уважения меньше. А если уважения меньше, значит и окажитесь далеко от ТОПа.

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

А также рекомендую прочитать еще несколько интересных статей:

Семь главных ошибок блоггеров при ведении своего блога

Как раскрутить сайт бесплатно

Плеер для wordpress своими руками

Что писать в твиттере

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

1) Page Speed Online - онлайн-сервис проверки скорости сайта от Google. Помимо проверки скорости, сервис выдают список рекомендация по ускорению и оптимизации сайта. Очень полезная штука!

2) Pingdom Tools - онлайн сервис проверки скорости, который достоин низкого поклона. Впервые, когда я решил проверить скорость своего блога, я воспользовался именно им. Так же выдает различные рекомендации и советы.

3) Loadimpact - третий сервис, который, по моему мнению, заслуживает внимания. Здесь посредством генерации запросов определяется средняя скорость.

4) [urlspan]WebWait[/urlspan] - с виду простенький, но очень удобный сервис. Вбивайте адрес Вашего сайта в специальное окошко, ждете некоторое время, и Ваш результат готов. Мне кажется, что этот сервис определяет самое точное время.

Вот такие сервисы я предлагаю Вам для проверки скорости загрузки сайта. Проверили свой сайт? Теперь самое время перейти к главному — ускорение сайта.

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

[yandexd]

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

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

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

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

То есть нужно изменить размер и вес изображения. Если Вам на сайте нужно изображение размеров 300×225, а у Вас оно 600×450 — измените через любой графический редактор, к примеру Adobe Photoshop (Программы для Вебмастера).

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

Еще нужно в коде изображения прописывать размеры, даже если оно выложено, как есть (в стандартном размере), это необходимо.

2. Оптимизация скриптов и кодов

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

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

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

Так же можно переместить скрипты в конец страницы, нежели, чтобы она была в начале. Зачем? Ну Вы сами рассудите: открывается страница, и первым делом начинает грузить различные скрипты, которые в начале совсем не нужны, а на это уходит время! Пусть лучше сначала загрузится страница, а потом начнут грузится скрипты. Так будет намного быстрее.

Сократить CSS можно по ссылке[/urlspan], а сократить Java Script [urlspan]здесь. Просто заходите по ссылкам, прописываете путь до Ваших файлов, после чего нажимаете на определенную кнопку, сохраняете полученный файл на компьютер, и загружаете на сайт, например по ftp.

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

3. Включить сжатие страниц Gzip

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

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

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

Еще раз повторю, после включения сжатия gzip — скорость значительно увеличивается! Поэтому пропускать этот пункт не стоит.

4. Кэш браузера

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

[yandexd]

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

Для того, чтобы это все начало работать, нужно в .htaccess вписать следующее:

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"
Header set Cache-control: private
Header set Cache-control: public
BrowserMatch "MSIE" force-no-vary
BrowserMatch "Mozilla/4.[0-9]{2}" force-no-vary

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

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

На этом у меня все, всем пока!

С уважением, Томский школьник!

Белан Константин Сергеевич

С уважением, Константин Белан.

Рабочая 634570 Россия, Томская обл., г. Томск, +7 952 160 36 17
Добавить пост в избранныеПерейти к списку →
Сделайте мне приятно - нажмите на любую из кнопок:
Подпишитесь на обновления блога и будьте в курсе всех новых статей
Подписаться в один клик
Количество комментариев к данной статье: 54
  1. Спасибо! Именное этого я ждал! Я смотрю у тебя трафик увеличился, но тебе не кажется что лучше заняться продвижение блога в топ гугла и яшки?

    • Степан, Не за что! Этим я и занимаюсь в настоящее время, вроде все получается 🙂

  2. admin:

    Степан, Не за что! Этим я и занимаюсь в настоящее время, вроде все получается

    Я смотрел твою статистику и увидел, что там только 5-10 чел из поисковых систем все остальное с других ресурсов...

    • Степан, что-то ты неправильно смотрел. В день выходит: 30 человек с Яши, 10 с Гугла. Это неплохо для блога, которому пять месяцев

  3. Чтобы включить сжатие Gzip необходимо в файле .htaccess прописать следующее

    и упоминается браузер Мозилла. Я пользуюсь Опера. Как это отразится на других браузерах? Как я понимаю, эта фишка для посетителей, для их скорости загрузки? Проясни немного.

    • sander-fan, еще давно, когда Интернет не был так продвинут Gzip не работало в браузере Opera. Но сейчас же, в 2013 году все отлично работает на всех популярных браузерах.

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

  4. Проверь, пожалуйста, голосование. Нажимаю «Собираюсь провести ускорение» — не срабатывает. Как был ноль, так и остался «0»

    • sander-fan, Все должно работать. Какую соц.сеть Вы выбираете?

  5. Теперь все нормально,

  6. Ага, не туда наверно посмотрел... А насчет закупки ссылок будет статья? Мне просто интересно где и сколько ссылок покупать молодому блоггеру чтобы уложится в скромный бюджет — от 100 до 500 рублей в месяц...

  7. Почему тогда у тебя трафик идет из поисковых систем? Ничего не понимаю...

    • Степан, Есть некоторые фишки. Необязательно покупать ссылки. Об этом я буду писать, когда выйду на посещаемость 300 человек в сутки

  8. Теперь понятно! Буду ждать! Надеюсь не долго прийдется ждать...

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

  10. Спасибо за сервисы) Воспользуемся 🙂

  11. Ответить

    "Можно вернуть деньги, еще что-либо, а деньги никак! " — нужно исправить опечатку.

    • Лидия, спасибо за наводку. Исправил!

  12. Кто пользуется плагином Hyper Cache, gzip сжатие можно не включать

    • Валерий, Да! Т.к. gzip сжатие уже автоматически включается в плагине Hyper Cache. Жаль только, что этот плагин со многими другими конфликтует

  13. Василий, Вот, буквально час назад, обнаружил, что конфликтует с плагином WP Mobile Detector для мобильной версии сайта

  14. Ответить

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

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

    • Василий, Спасибо! Всегда рад помочь.

  15. Ответить

    Костя, спасибо! Сервис от Гугла и код в файл .htaccess очень толковые примочки!!!! 😉 Буду писать на своем статью про оптимизацию, использую часть твоих материалов и сошлюсь на тебя, как на толковый источник! 😉

    • Sun Sunich, Спасибо! Буду очень благодарен

  16. Ответить

    А я не заметил, что Hyper Cache конфликтует с другими плагинами. С какими плагинами он конфликтует?

  17. Ответить

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

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

    Отсальные два заходят, реально тестируют. Но, Page Speed Online какой то не информативный, а с loadimpact надо быть поосторожнее, создаёт сильную нагрузку, может нагрузить ваш сайт вполь до 502 ошибки, если тариф на хостинге слабый. 😉

    • Vit-Am, Я тоже пользуюсь pingdom'ом. Просто отличный сервис!

  18. Игорь, Напишите мне в форму обратной связи содержимое файла .htaccess

  19. А я пользуюсь cy-pr и mainspy 💡

  20. Ответить

    Спасибо за поучительную статью, а почему, когда я дописываю код в .htaccess для Gzip у меня возникает ошибка:

    Internal Server Error

    The server encountered an internal error or misconfiguration and was unable to complete your request. ...

    ?

    • Игорь, Или Вы не правильно вставляете, либо при сохранении меняется кодировка, ставьте Utf-8

  21. Ответить

    Вы имеете в виду кодировку в файле .htaccess?

    Я пробовал вставить перед «RewriteEngine On».

    • Игорь, Да, в файле .htaccess Если не поможет, попробуйте вставить после всего написанного

  22. Ответить

    admin:

    Игорь, Да, в файле .htaccess Если не поможет, попробуйте вставить после всего написанного

    Кодировку изменил, вставлял куда только можно код

    ...

    Ошибка беспощадно вылезает.

  23. Ответить

    Спасибо за достаточно быстрые ответы! Все заработало благодаря Вашему коду для CMS Joomla:

    ExpiresActive on

    ExpiresDefault «access plus 1 month»

    Удачи и с праздниками!

    • Игорь, Рад помочь! Если что обращайтесь. С праздниками!

  24. Спасибо за статью. Я не проверяла загрузку блога 🙁 , да и не знала как, надо проверить 😉

    • Ольга, Всегда пожалуйста!

  25. Про многие из этих сервисов вообще впервые слышу. Надо попробовать обязательно. Спасибо Константин за подсказки.

  26. У тебя есть СЯ(семантическое ядро) или ты работаешь без него?

    • Степан, Конечно есть! Но я его с каждым днем усовершенствую

  27. Мне тоже нужно его создать, а все время не получается 🙁

  28. Степан:

    Мне тоже нужно его создать, а все время не получается

    Если честно удивил не по детски.

  29. Отличная статья! Из сервисов больше всех понравился Pingdom Tools. Сейчас буду применять техники для ускорения скорости загрузки

  30. Ответить

    Проверял сервисом пингдом. Была скорость загрузки 1.96 после добавления 6.05 Что за фигня?

  31. Код кэширования браузеров скачал и обязательно им воспользуюсь. Подсказки от Google пригодились. Спасибо. Статья стоящая. Пишите ещё такие.

  32. Ответить

    Google мне советует сократить ответы сервера. А как это сделать?

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

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

    • Мож это у вас проблемы с интернетом или со зрением!

  34. Ответить

    Спасибо за материал. Для теста использую первый сервис. А что ксается оптимизации css и Javascript: всегда, когда я смотрел содержимое файлов до и после сжатия, мне казалось, особенно в css, что были удалены какие-то важные элементы. Я вообще не понимаю, что можно сжимать, если код написан кратко.

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

  36. Ответить

    Здравствуйте! Большое спасибо за рекомендации, надеюсь теперь снизится нагрузка на хостинг. Единственное, сжатие включить не получилось — выдаёт ошибку 500 (

  37. Ответить

    Оказывается сжатие было включено ранее (хотя скорость загрузки оставляет желать лучшего).