Поэтому, я не считаю нужным доводить ситуацию до абсурда, оставив пару необходимых элементов дизайна и тем самым ухудшая поведенческие факторы. Но вместе с тем внедряю возможные способы ускорения. Так были написаны статьи:
- в первую очередь про оптимизацию изображений,
- создание CSS спрайтов,
- верное применение слэша в конце URL,
- необходимость использования параметров height и width в коде изображения,
- умеренность при внедрении внешних скриптов, скажем, из библиотеки Google. Другим примером являются коды счётчиков количества посещений,
Конечно, рекомендаций здесь можно давать довольно много: это и поиск не перегруженной хостинговой машины, на которой расположен сайт, и оптимизация кода, и установление срока кэширования браузером элементов web-страницы, и Content Security Policy. Необходимые предложения по ускорению загрузки даст Page Speed Online. Для сравнения на данный момент http://shpargalkablog.ru присвоено 94 единицы из 100.
Также не стоит забывать, что у пользователей разная скорость интернета. Google Webmaster Tools учитывает средний показатель среди всех посетителей сайта.

Скрипт скорости загрузки сайта
Для измерения скорости загрузки именно с вашего компьютера, можно воспользоваться скриптом, показанным на http://www.himsomnio.com.
До </head> добавляем
<script type='text/javascript'> //<![CDATA[ var startTime = new Date(); function showElapsedTime() { var testSiteUrl = location.href;; var testSiteString = String(testSiteUrl).slice(testSiteUrl.indexOf("www")); var endTime = new Date(); var elapsedTime = Number(endTime-startTime); var browser=navigator.userAgent; var platform=navigator.platform; var msgString = "Время загрузки " + Number(elapsedTime/1000) + " секунд (" + elapsedTime + " ms)<br/><span>Браузер " + browser + "</span>"; document.getElementById("vremia").innerHTML = msgString; } onload=function() {showElapsedTime();} //]]> </script>В то место страницы, где хотим увидеть результат включаем (для пользователей Blogger это может быть гаджет HTML/JavaScript):
<div id="vremia">Загрузка ...</div>
Например, тест скорости загрузки для этой страницы данного блога:
Загрузка ...
9 комментариев:
http://tools.pingdom.com/
Он, кстати, недавно обновился. Умеет сохранять историю тестов одного и того же сайта, и показывает время по отдельным элементам (рисунок, скрипт...). Весьма хорош.
PageSpeed Insights говорит, что загрузку блокируют два файла (названия их всё время меняются):
http://www.blogger.com/static/v1/widgets/2220499320-widget_css_2_bundle.css
http://www.blogger.com/dyn-css/authorization.css?targetBlogID=8549667386702625929&zx=2e9d080e-75a3-4c16-9264-5111b88bd2d9%22/%3E
эти файлы подгружает мне Google (и Вам кстати тоже). Ссылки на них стоят в <head> , но в шаблоне я их не могу найти, они видны только в брузере "Исходный код страницы". Может Вы знаете где их искать в шаблоне? Если избавиться от них нельзя, то нужно хотя бы отложить их загрузку.
Спасибо.
<b:include data='blog' name='all-head-content'/>