Люди часто бродят по вашему сайту по одному и тому же маршруту. Когда мы знаем примерный маршрут посетителя - мы можем оптимизировать нашу страницу таким образом, чтобы пользователь меньше всего времени проводил в ожидании загрузки следующей страницы. Это можно сделать с помощью пред-загрузки (preloading) ссылок. Ниже приведен небольшой скрипт на библиотеки prototype, который пройдет по всем ссылкам вашей страницы, и если обнаружит значение “load” в свойстве rel - подгружает ссылку в скрытом фрейме (iframe).

1
2
3
4
5
6
7
8
9
10

document.observe('dom:loaded', function() {
$$('a').each(function(e) {
		if(e.getAttribute('rel') == 'load') {
			p_sHref = e.getAttribute('href');
			if(/^#/.match(p_sHref) ||  p_sHref == '' || !p_sHref) return;
			l_oIframe = new Element('iframe', {src:p_sHref} ).hide();
			document.body.appendChild(l_oIframe);
		}
	});
});

То есть, чтобы заранее подгрузить определенную ссылку, используем свойство rel:

<a href = "http://blog.kovshenin.com/bio" rel="load">Текст ссылки</a>

Хотелось бы услышить ваше мнение ;)

(далее…)