Потребителят винаги иска съдържание. И, възможно най-скоро. Той не е бил използван, за да се изчака и не искал да го направя. Верижен, в нещо подобно на потребителя. Той също така иска съдържанието. Въпреки това, в момента на издаването му, той най-вероятно не го е грижа, но това е много загрижен за полезно съдържание, свързано с общия размер на информация на страницата.

В тази статия, аз ще напиша как бързо и лесно да се направи обратното натоварване на съдържанието и да направим нещо за SSI прилика, но на клиента, а не на сървъра.

Какво е важно на страницата?

Първо, трябва да се реши какво в страницата е важно и трябва да бъде зареден с първата вълна. Мисля, че са важни:

• Съдържание (основната част на страницата)
• Навигация (ако потребителят е изключен JS или бот е необходимо във всеки случай, се използва за препратки)
• лого на сайта (по мое мнение, трябва наведнъж. Но това е спорно)

Къде да завърши зареждането на съдържание?

За да добавите към нещо натоварване, първо трябва да реши къде отиваме е нещо, поставена. Аз предлагам да се наложи страница, на която обозначава мястото, където ще се зареди повече данни, но да останат празни. Тези сайтове ще предоставят на идентификатора, и на която ние ще ги намерите в текста на страницата.

Ето една страница. Смятам да добавите към идентификатора товар = "ляво", ИД = "право", ИД = "IMG".

Това ще добави към товара?

Сега ние трябва да се създаде тест, аз открих, че ще добави към товара. Реших да се ограничи името на файла, а не резултатите от сценария. Защо? Повече за това по-късно.

• left.html - Той остави текст

right.html - It Right текстове

img.html - Това е картина

За да се избегнат проблеми с Аякс, предлагам незабавно да направи всичко в UTF-8. Така че правилно и удобно.

товарач двигател

Аз препоръчваме да използвате JQuery библиотеката. Това е малка, бърза и удобна. Свързването веднъж, че всички скриптове на страницата могат да бъдат написани с помощта на режещи работни места и броя на код. Но в действителност, едно и също нещо може да се направи за подобряване на чисто JS, или с помощта на други библиотеки.

За да започнете, трябва да се постави на съответното поле на тази страница, файловете, които се изтеглят от тях. В JS за този полезен обекти. Така че, ние създаваме обекта.

/ * Данните за зареждане * /
Var to_load = '#left ":" left1.html "
"#right": "right.html"
"#img": "img.html"
>

Сега трябва да улови момента, когато основното съдържание вече е зареден. В този момент, трябва да започне да доставя нашите допълнителни единици. Ние улов на събитието:

/ * ТОВАРЕНЕ допълнително съдържание * /
$ (Документ) .ready (функция () предупреждение ( "Време за зареждане на допълнително съдържание");
>);

Римейк нашата функция, така че да е от полза. За да направите това, ние трябва да се ходи на ключовете на нашите хеш области на нашия обект и зареди съответната клетка желаното съдържание.

/ * ТОВАРЕНЕ допълнително съдържание * /
$ (Документ) .ready (функция () за (к в to_load) $ (к) .load (to_load [к]);
>
>);

По принцип, всичко работи. Но би било желателно естетика. Необходимо е да се даде възможност на потребителя да се знае, че ние имаме нещо все още се зареди. Обикновено тя се използва GIF изображение. Ние няма да се отклони от традицията. Така че, да извлече всички блокове качване GIF изображение.

/ * ТОВАРЕНЕ допълнително съдържание * /
$ (Документ) .ready (функция () за (к в to_load) $ (к) .append ( '');
>
за (к в to_load) $ (к) .empty ();
$ (К) .load (to_load [к]);
>
>);

Всичко! Нашата страница е готов! На първо място, тъй като искахме да, бързо зарежда желаното съдържание като любим търсачката, и така необходимите за потребителя, и след това презареди останалите. Освен това, ако потребителят кликне върху Esc, товарене спира, а ще спести на трафик.

Ето едно нещо. Изглежда толкова просто и без фанфари, оптимизирахме страница за търсачки и потребители едновременно. Ставай, разбира се, някои въпроси. Например, няма да бъдат забранени за такива грижи за потребителите Yandex? Zakeshiruyutsya дали изображения зареждат по този начин? Както и да е, че е реалистично да се прилага тази практика, в обичайните сайтове, но не и интернет приложения?

Нека се опитаме да отговорим на някои от повдигнатите въпроси.

Отговори на въпроси

Ще получат кеш филийки с помощта на Аякс?

Ето това е трудно и зависи от изпълнението. Ако имате достъп до сценария за парчетата, всичко зависи от това какво заглавията, който изпращате към браузъра.

Ако го направите, както и аз, че е просто зарежда HTML-ки, тук всичко е трудно. Фактът, че IE кешира тези парчета, както и доста упорито хваща за тях, така че, ако натиснете Ctrl + R (презаредите страницата, за да заобиколят кеш), пак ще се парчета от кеша.

Други браузъри не кешират съдържание получена по този начин, освен ако не е изрично посочено в заглавията на сървъра отговор.

Забрана дали за Yandex?

Мисля, че не. Yandex забрани, обикновено за съдържание на фишинг. Това е, когато ботът се подава една страница, и потребителят вижда друг. В този случай, и лодката и потребителят вижда едно и също нещо. Само на потребителя той има способността да видите повече. Във всеки случай, ние изчакаме и да видим.

Възможно ли е да се използва динамично съдържание от страна на клиента презареждане на редовни уебсайтове?

И аз мисля така. Просто трябва да свикне и да се адаптира. Във всеки случай, аз мисля, че е разумно да го свалите статични парчета, повтарящи се на всяка страница. В този случай, кеширането ще играе в ръцете ни. Множествена достъп от страна на сървъра скриптове, така че ще генерира голям товар до сървъра, който ще се отрази на нейната ефективност. Ето защо, аз съветвам кораб е статични HTML-парчета. Това е, за да използвате този подход като "клиент SSI".

Вие със сигурност може да се добави към товара, така че парчетата, генерирани от страна на сървъра скрипт. Но ако сървърът ще се забави - не казвам, че не съм те предупредя;)

Какво се случва, ако потребителят е забранено JS?

Всичко критичен случва. Точно в този момент потребителят няма да получи допълнително съдържание, и да получите само това, което първоначално е бил в кода на страницата. Тя трябва да го организира, на теория, защото той умишлено ограничава функционалността на браузъра си и че сайтът му е ограничено в някои възможности. Но това няма значение, защото потребител с правилния дизайна на страницата, ще продължат да имат достъп до съдържанието и навигацията.