Оптимизировать скорость загрузки сайта

Уважаемые читатели блога alex-bestbusiness.com. Данная статья будет посвящена теме, как оптимизировать скорость загрузки сайта. Это один из важнейших факторов, который оказывает влияние на удовлетворенность Ваших посетителей от Вашего сайта. Кроме того, Google также учитывает скорость загрузки сайта при расчете рейтинга в результатах поисковой выдачи.

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

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

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

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

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

 Прежде всего, я рекомендую Вам скачать и установить интернет-браузер Mozilla Firefox, а затем установить два приложения к нему:

 • Firebug – это приложение позволяет проверять код сайта и легко находить нужные элементы;

• Page Speed ​​- это приложение дает рекомендации по оптимизации Ваших страниц.

 После установки всех приложений нужно открыть свой веб-сайт в браузере Firefox, из запустить Firebug как показано на рисунке,

а затем выберите вкладку Page Speed ​.

Затем нажмите кнопку «анализировать производительность» (analyze performance), и как только Ваша страница обновится, Вы увидите рекомендации по оптимизации.

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

 Для того чтобы уменьшить размер, найдите строку «оптимизировать изображения» в списке, который был сделан после анализа производительности в PageSpeed​​. Приложение уже выдаст вам оптимизированные изображения, поэтому все, что Вам нужно сделать, это загрузить их и использовать вместо старых. В некоторых случаях Вам придется вносить изменения в HTML, поэтому сохраните картинку в правильном расширении, потому что оптимизированное изображение может иметь различные расширения (например,. PNG вместо. JPEG).

 Укажите размер изображения

 Найти «укажите размеры изображений» в списке результатов, предоставляемых Page Speed ​​и внести исправления. Приложение показывает Вам размер изображения, поэтому все что Вам нужно сделать, это открыть исходный код файла (HTML файла) и добавить <width> и <height> Ваших изображений.

 Например, Ваше изображение имеет следующий код:

 <img src='/img/logo.jpeg'/>

 Тогда поставьте значения <width> и <height> для этого изображения. Например,

 <img src="http://alex-bestbusiness.com/wp-content/uploads/2011/11/обложка.jpg" alt="стрелка" style="width: 150px; height: 307px;">

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

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

 Удачного блоггинга.