Ускорение загрузки страниц

Загрузка ...

Как ускорить загрузку страниц. Ускорение загрузки страниц сайта

Как известно, Гугл придаёт значение скорости загрузки страниц при ранжировании их в своей выдаче. Замер скорости производит тулбар, который засекает время от начала загрузки и до наступления события window. onload в браузере. Таким образом, весь контент, подгружаемый после наступления этого события не влияет на замеряемую скорость.

Много времени занимает загрузка медиаконтента: тизеров с картинками, flash-баннеров. Для многих блогов характерна такая неприятная ситуация: больше всего комментариев оставляется на самых популярных страницах, и замер скорости чаще всего производится на этих же страницах. И если блог использует Gravatar для отображения аватарок пользователей, то оценка Гугла "Это медленнее, чем 99 % сайтов" ему обеспечена: для загрузки каждой аватарки браузер отправляется на сервер Gravatar, и если данный пользователь там не зарегистрирован (а так бывает чаще всего), то происходит перенаправление в другое место (обычно на сам блог). Поэтому идеальное решение купить сервер, дедик, VPS и размещать все медиа ресурсы на своем сервере. Так, на одном моём сайте с большим числом комментариев, средняя скорость загрузки страниц, по версии Google составляла 17, 5 секунд, а самой комментируемой его странице 30, 7 секунд. Прошло 20 дней, с момента оптимизации скорости и Гугл показывает среднюю скорость 5, 5 секунд (что, однако, медленнее 78% сайтов). Но, думаю на средний результат пока еще влияет старая скорость.

Как же вынести загрузку лишнего контента в window. onload? Лишнее может загружаться в трёх местах: в самом коде страницы, в скриптах и в CSS. Вот код для всех трёх случаев: function load_ads() { var adHTML = document. getElementById('adHTML'); if (adHTML) { adHTML. innerHTML = 'реклама';

} var adJS = document. createElement('script'); if (adJS) { adJS. src = ' adJS. type="text/javascript"; document. getElementsByTagName('head')[0]. appendChild(adJS);

}

// var adCSS = document. getElementById('adCSS'); if (adCSS) { adCSS. href = '

}

} window. onload = load_ads();

JS-клоакинг выдаёт одинаковый код для пользователей и для SE и имеет меньшие шансы на получение санкций. В месте с"медленным"контентом можно скрыть все нежелательные для поисковиков ссылки и многое другое.