Скорость загрузки сайта это один из наиболее важных показателей качества сайта. Если сайт медленно загружается в браузере посетителя, то посетитель, скорее всего не станет долго ждать пока в его браузере появится куча всякой ерунды, которая долго грузится и которая зачастую просто не нужна. На скорость загрузки сайта влияет довольно много факторов. Если знать что влияет на скорость загрузки сайта и знать как это исправить, то сайт сможет загружаться быстро, что естественно хорошо скажется на качестве сайта. Только сайт загружающийся быстро сможет стать хорошим и популярным сайтом, такие сайты приятно посещать.
Как проверить скорость загрузки сайта? Существует много сервисов, при помощи которых можно проверить скорость загрузки сайта. С их помощью можно провести анализ и узнать какие элементы сайта и с какой скоростью загружаются. Однако в большинстве случаев делать такой анализ необязательно, достаточно визуально протестировать, зайти на страницу сайта и просто засечь, сколько времени грузится та или иная страница сайта.
Сколько времени должен грузиться сайт? Это зависит от очень многих факторов. Обычно страница хорошего сайта загружается секунд за 5 полностью со всеми элементами страницы. Конечно, есть крупные страницы, есть мелкие. Крупные страницы можно оптимизировать, сократив тем самым время затраченное на загрузку. Сколько времени посетитель сайта будет ждать пока загрузиться страница сайта? А сколько времени готов ждать ты сам? Вот примерно столько времени будут ждать и другие посетители сайта. Обычно больше чем 10-15 секунд ждать пока загрузится страница сайта смысла нет. Но даже дождавшись пока страница всё-таки загрузится, потом смотреть другие страницы, которые медленно грузятся, наверно не захочется.
Что влияет на скорость загрузки сайта и как можно ускорить загрузку сайта в браузере пользователя.
Хостинг для сайта. Скорость загрузки сайта зависит от хостинга на котором размещён сайт. В настоящее время есть бесчисленное множество хостингов. Бывают хостинги дорогие и дешёвые, качественные и не очень. Одни хостинги заботятся о своих клиентах, другие нет. Обычно, чем дешевле стоит хостинг, тем менее качественные он предлагает услуги. Но и дорогие хостинги не всегда предлагают хостинг высокого качества. Но тем не менее, некоторые компании представляют свои услуги много лет и они как правило ценят своих клиентов, стараются предоставлять хостинг высокого качества, а иначе клиенты просто разбегутся по другим хостингам. Новички не имеют много клиентов, и для заманивания к себе клиентов зачастую делают большие скидки на хостинг, но качество услуг слабенькое. Вывод прост, для размещения сайта стоит выбирать старые и проверенные временем компании существующие уже много лет на рынке. Обычно у них невысокая оплата и высокого качества хостинг. Плохой хостинг надо поменять на хороший и скорость загрузки сайта возрастёт. Ну и конечно, стоит учесть, что на сайте бывают часы пик, когда в некое время на сайте много посетителей и это увеличивает нагрузку на хостинг, и соответственно в это время сайт тормозит, и порой очень сильно. Чем больше ресурсы выделены для сайта на хостинге, тем лучше. Естественно, за всякое удовольствие надо платить, чем мощнее ресурсы, тем больше за эти ресурсы владельцу сайта придётся платить. Плохой хостинг как старая кляча, а на старой кляче далеко не уехать. Для хорошего сайта нужна не старая кляча, а резвый жеребец, и тогда сайт будет грузиться быстро, он будет просто летать!
Оптимизация сайта. Помимо хостинга на скорость загрузки сайта влияет и сам сайт, его код, и информация, которая грузится. Если сайт сделан криво и неумело, коды как попало в страницах размещены, картинки неоптимизированны, грузится видео, непонятные ява скрипты, кучи счётчиков и прочее, то загрузка всего этого богатства на сайт будет занимать кучу времени. Все эти косяки конечно надо исправить, дабы увеличить скорость загрузки сайта. А что можно исправить, чтобы увеличить скорость загрузки сайта?
Графика используемая на сайте. Графика, это пожалуй основная причина по которой увеличивается время на загрузку страниц сайта. Чаще всего на сайте могут стоять неоптимизированные картинки и фотографии, и прочая графика или анимация. А если таких картинок много то времени на их загрузку уйдёт море. Вместо больших картинок и фотографий надо использовать мелкие картинки предварительного просмотра. Такие картинки делаются маленькими и по размерам и по весу и тогда они быстро грузятся, а уже с этих мелких картинок надо оставить ссылки на просмотр крупной картинки, если посетитель её захочет посмотреть. Обработку и оптимизацию фотографий и прочей графики лучше всего делать используя программу фотошоп. Эта программа позволит максимально сократить вес картинок за счёт их оптимизации. Правильно оптимизировав картинки и фото на странице сайта можно значительно сократить время на её загрузку. Для графических файлов есть различные форматы: JPEG, PNG, GIF. Одна и та же графика сохранённая в разных форматах будет занимать разный вес. Но и качество сохранения графики в разных форматах тоже может быть разное. Следует выбирать оптимальный вариант, который наиболее актуален в определённом случае. Например для маленьких картинок быстрого просмотра нужно минимальное качество и минимальный вес файла, а для крупной картинки, на которую ведёт ссылка с маленькой картинки уже стоит сохранять изображение с высоким качеством изображения и хороших размеров, так как грузиться такая картинка будет отдельно от страницы сайта и лишь при нажатии на ссылку.
Фотографии используют огромное число цветов и поэтому лучше всего их сохранять в формате JPEG уменьшив при этом качество исходной фотографии на 25-50%. Это значительно сократит вес фото в килобайтах, а визуально качество фотографии от этого практически не изменится. Файлы графики без анимации лучше всего сохранять в формате PNG, их есть два. Один сохраняет всё без изменений в самом высоком качестве, но при этом вес файла будет большим, и используется этот вариант для графики, в которой присутствуют прозрачные части. Если в графике нет прозрачных частей, то используется PNG второго вида, в нём можно указать число цветов, которые будут использованы в сохраняемой картинке. Чем меньше цветов, тем меньше и вес файла получится. Естественно и качество становится меньше. Но есть графика в которой используется немного цветов, в таком случае их вес будет маленький и качество изображение не уменьшится. Графика в которой есть анимация, в которой меняются картинки, должна сохраняться в формате GIF. Формат GIF использует ограниченное число цветов, их можно и уменьшать дополнительно, от чего ухудшается качество графики. В GIF поддерживается и прозрачность, но качество прозрачности не сохраняется на высоком уровне. Меняющихся картинок может быть любое число в анимации, но чем их больше, тем хуже качество анимации и при этом возрастает вес файла с анимацией.
Сохраняя графику в наиболее актуальном формате можно значительно сократить вес графики на сайте и тем самым ускорить загрузку страниц сайта. Кстати, если взять картинку например размером 800x600 px и изменить её размер до 80x60 px при помощи атрибутов width и height тегов, либо при помощи CSS, то уменьшенная картинка будет только выглядеть меньше, а её реальный вес в килобайтах будет таким как у большой картинки размером 800x600 px и скорость загрузки картинки от такого изменения не уменьшится. Для оптимизации картинки надо изменить реальный размер картинки при помощи графического редактора, например при помощи фотошопа.
Автозапуск видео и flash. Очень часто на странице сайта при её посещении сразу по умолчанию загружается видео. Файлы видео практически всегда больших размеров и занимают много мегабайт. Стоит сделать так, чтобы при открытии страницы сайта видео не запускалось автоматически, а просто загружался первый кадр и кнопка для запуска просмотра. Это значительно сократит время затрачиваемое на загрузку сайта. Flash файлы популярные и часто размещаемые на страницах сайта занимают так же не мало времени на загрузку.
Реклама на сайте, JavaScript, CSS и баннеры. Баннеры могут занимать много времени, один баннер может весить много Кб, а если баннеров много, то эти Кб превращаются в Мб и заметно увеличивают время на загрузку сайта. JavaScript часто имеют длинный код, их загрузка занимает много времени, да и то что подгружает JavaScript, то тоже занимает время на загрузку. При помощи JavaScript грузятся разные элементы сайта, баннеры тизерных сетей и прочей рекламы, коды счётчиков статистики, например такие как liveinternet или Яндекс метрика и прочие. Грузятся JavaScript как с собственного сайта, так и со сторонних сайтов. Счётчики имеют длинный код, их загрузка занимает время. Поэтому не стоит размещать на сайте кучи счётчиков, считают они практически одинаково, один или два счётчика установленных на сайте будет больше чем достаточно. Без рекламы сайтов наверно не бывает, но чем больше на сайте рекламы, тем медленнее грузится сайт. Если реклама сильно увеличивает загрузку или тормозит сайт, то её стоит поменять на другую рекламу, или уменьшить число рекламных блоков. CSS является файлом стилей, в этих файлах указывается при помощи кода информация о том как должен быть оформлен сайт. Порой в CSS есть много лишнего кода и часто код довольно длинный. Его можно так же оптимизировать, убрав дублирующие записи и записи, которые не используются в работе сайта, и скорость загрузки страниц может возрасти. В оформлении сайта довольно часто используется несколько CSS файлов, чем больше таких файлов, тем больше поступает на сервер запросов. CSS файлы можно объединить в один файл, это в некоторых случаях несколько сократит время загрузки страниц сайта.
Контент на странице сайта. Сама статья, её текст тоже занимает время на загрузку, но не так много как видео или графика. Но тем не менее, если на странице очень много текста, то его загрузка может затянуться надолго. Если на странице много текста с картинками и фото, то стоит и текст разбить на несколько страниц. Но для начала стоит проверить сколько времени такая страница грузится, если секунд 10, то это нормально.
Многие сайты создаются на популярных движках CMS Joomla!, WordPress и многих других. В таких случаях используется шаблон для сайта. Скорость загрузки сайта зависит и от шаблона. Чем проще шаблон для сайта, и чем меньше в нём элементов, тем легче и быстрее будет на таком шаблоне грузиться сайт. В шаблоне сайта может быть включено много всяких модулей для украшения сайта или для других целей, и они так же замедляют скорость загрузки сайта. Чем больше хлама включено, тем медленнее загрузка. Стоит посмотреть, отключить и убрать ненужные модули и компоненты, которые либо не используются, либо замедляют загрузку сайта.
В некоторой степени, но совсем в незначительной, объём страницы сайта увеличивают и адреса ссылок по которым загружаются картинки и тексты на сайт. Чем длиннее адреса, тем больше символов будет сохранено в странице сайта. Хоть это конечно и незначительно, но используя короткие адреса можно немножечко уменьшить объёмы страниц сайта.
В этой статье были описаны основные способы, при помощи которых можно заметно увеличить скорость загрузки сайта. Способы простые, не требуют особых знаний и навыков, и сделать их легко даже новичку. Помимо перечисленных способов есть и другие, более сложные способы, но они работают не на всех серверах и хостингах, да и требуют некого опыта, который есть далеко не у всех. А если без опыта лезть в настройки сервера, то можно там так наковыряться, что и сайт работать не будет вообще. Описанные выше способы увеличения скорости загрузки сайта являются основными, и их вполне достаточно, чтобы заметно увеличить скорость загрузки страниц сайта.