Хочу Вам рассказать о штуке, которую я изобрел сегодня, чтобы ускорить процесс загрузки сайтов. Все вы знаете, что
<script src="..."></script>
задерживает отрисовку страницы, пока не загрузится этот скрипт. Если их десятки — это может сереьезно замедлить работу сайта — в результате пользователь 20 секунд пялится на пустую (или недорисованную) страницу из-за какого-нибудь тупящего социального виджета (умножить на десяток этих виджетов).
Не правда ли было бы круто, если бы можно было сказать
<script extsrc="..."></script>
(
"extsrc" = "грузи потом"
), чтобы скрипты загружались
после того как страница отрисована?
Все бы хорошо, но есть
document.write
… Сегодня я наконец решил его проблему — представляю
extsrc.js — скрипт, который запустит все скрипты после отрисовки страницы (даже если они содержат
document.write
— и правильно отрисуется все).
Результат? Супер-быстрая загрузка страниц, даже если там море всяких внешних скриптов.
Использование:
Заменяем
<script src="...">
на
<script extsrc="...">
.
Итого получается:
<script src="http://whiteposts.com/extsrc_js/extsrc.js"></script>
<script extsrc="..."></script>